@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-input: 12px;--radius-button: 12px;--radius-card: 16px;--radius-pill: 999px;--primary: #451ebb;--primary-strong: #5d3fd3;--primary-soft: #e8e0ff;--secondary-soft: #f1e7ff;--surface: #f8f9fa;--surface-2: #f1eff7;--card: #ffffff;--text: #191c1d;--muted: #5d586c;--outline: #d6cfe7;--success: #147a3c;--success-soft: #eaf8ef;--error: #ba1a1a;--error-soft: #fff0ee;--warning-soft: #fff6dc;--shadow-subtle: 0 1px 2px rgba(31, 21, 60, .06), 0 6px 18px rgba(69, 30, 187, .06);--shadow-medium: 0 10px 26px rgba(69, 30, 187, .12);--shadow-elevated: 0 22px 54px rgba(28, 0, 98, .22);--h1: 28px;--h2: 21px;--h3: 16px;--body: 15px;--caption: 12px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 0%,rgba(232,224,255,.95),transparent 28rem),linear-gradient(135deg,#fbfbfd,#efebff);font-family:Inter,system-ui,sans-serif;font-size:var(--body);letter-spacing:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}:focus-visible{outline:3px solid rgba(93,63,211,.34);outline-offset:3px}.material-symbols{direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-size:22px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal}.page-stage{min-height:100vh;display:grid;place-items:center;padding:0}.phone-frame{width:min(100vw,430px);height:100vh;min-height:640px;max-height:932px;overflow:hidden;position:relative;background:var(--surface)}.app-shell{height:100%;position:relative;overflow:hidden;background:var(--surface)}.app-scroll{height:100%;overflow-x:hidden;overflow-y:auto;animation:pageIn .28s ease both}.has-bottom-nav .app-scroll{padding-bottom:96px}.screen-content{display:grid;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-6)}.screen-content>*{animation:sectionRise .36s ease both}.screen-content>*:nth-child(2){animation-delay:45ms}.screen-content>*:nth-child(3){animation-delay:90ms}.screen-content>*:nth-child(4){animation-delay:135ms}.screen-content>*:nth-child(5){animation-delay:.18s}.screen-header{position:sticky;top:0;z-index:5;padding:var(--space-3) var(--space-4) var(--space-2);background:#f8f9faf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-row{min-height:48px;display:flex;align-items:center;gap:var(--space-3)}.header-copy{min-width:0;flex:1}.header-copy p,.header-copy h1{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.header-copy p{margin-bottom:2px;color:var(--muted);font-size:var(--caption);font-weight:700}.header-copy h1{color:var(--text);font-size:clamp(20px,6vw,var(--h1));line-height:1.15}.brand-mark-small,.icon-button{width:44px;height:44px;border:0;border-radius:var(--radius-button);display:grid;flex:0 0 auto;place-items:center}.brand-mark-small{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));font-weight:800;box-shadow:var(--shadow-subtle);overflow:hidden}.brand-mark-small .nzelu-logo{width:34px;height:34px}.icon-button{color:var(--primary);background:var(--primary-soft);transition:transform .16s ease,background .16s ease}.icon-button.ghost{background:transparent;color:var(--muted)}.notification-wrap{position:relative;flex:0 0 auto}.notification-button{position:relative;background:transparent;color:var(--muted)}.notification-button i{position:absolute;top:9px;right:10px;width:8px;height:8px;border:2px solid var(--surface);border-radius:50%;background:#c09cfd;opacity:0;transform:scale(.4);transition:opacity .16s ease,transform .16s ease}.notification-button.has-alert{color:var(--primary);animation:bellRing .9s ease both}.notification-button.has-alert i{opacity:1;transform:scale(1);animation:notificationPulse 1.5s ease-out infinite}.notification-panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:30;width:min(304px,calc(100vw - 32px));display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid rgba(214,207,231,.88);border-radius:var(--radius-card);background:#fffffffa;box-shadow:var(--shadow-medium);animation:notificationIn .18s ease both}.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-1) var(--space-1)}.notification-panel-head strong{font-size:14px}.notification-panel-head span{color:var(--primary);font-size:11px;font-weight:800;text-transform:uppercase}.notification-item{min-height:68px;border-radius:var(--radius-button);display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--surface);transition:transform .16s ease,background .16s ease}.notification-item:hover{background:var(--primary-soft);transform:translateY(-1px)}.notification-item .material-symbols{color:var(--primary);font-size:20px}.notification-item strong{display:block;margin-bottom:2px;font-size:13px}.notification-item p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.button{min-height:48px;border:0;border-radius:var(--radius-button);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover,.icon-button:hover,.topic-card:hover,.card:hover{transform:translateY(-1px)}.button:active,.icon-button:active,.topic-card:active{transform:scale(.98)}.button-primary{color:#fff;background:var(--primary);box-shadow:var(--shadow-medium)}.button-primary:hover{background:var(--primary-strong)}.button-secondary{color:var(--primary);background:var(--secondary-soft)}.button-light{color:var(--primary);background:#fff;box-shadow:var(--shadow-subtle)}.button-ghost{color:var(--primary);background:transparent;box-shadow:inset 0 0 0 1px var(--outline)}.button.wide{width:100%}.card{border:1px solid rgba(214,207,231,.72);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-subtle);transition:transform .18s ease,box-shadow .18s ease}.card:hover{box-shadow:var(--shadow-medium)}.muted{color:var(--muted)}.progress-track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--primary-soft)}.progress-track.light{background:#ffffff47}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-strong));animation:fillBar .8s ease forwards}.progress-track.light span{background:#fff}.bottom-nav{position:absolute;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1);padding:var(--space-2);border:1px solid rgba(214,207,231,.82);border-radius:20px;background:#fffffff5;box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav a{min-width:0;min-height:52px;border-radius:var(--radius-button);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-1);color:var(--muted);font-size:10px;font-weight:800;transition:color .16s ease,background .16s ease,transform .16s ease}.bottom-nav .material-symbols{font-size:21px}.bottom-nav a.active{color:var(--primary);background:var(--primary-soft);animation:navSettle .26s ease both}.bottom-nav a:active{transform:scale(.96)}.splash-screen{overflow:hidden;background:#271168}.splash-screen .app-scroll{overflow:hidden}.splash-bg,.splash-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.splash-bg{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:slowZoom 6.5s ease-out both}.splash-overlay{background:linear-gradient(180deg,#2a0f7547,#251062eb)}.splash-content{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);color:#fff;text-align:center}.splash-attribution{position:absolute;right:var(--space-6);bottom:var(--space-6);left:var(--space-6);z-index:2;display:grid;gap:var(--space-1);color:#ffffffb8;text-align:center;animation:attributionIn .52s ease .62s both}.splash-attribution p,.splash-attribution span{margin:0}.splash-attribution p{font-size:12px;font-weight:700;line-height:1.35}.splash-attribution>span{color:#efe8ff9e;font-size:11px;font-weight:600}.splash-attribution a{width:fit-content;min-height:28px;display:inline-flex;align-items:center;justify-self:center;gap:5px;color:#fff;font-size:12px;font-weight:800;transition:opacity .16s ease,transform .16s ease}.splash-attribution .inline-contact{min-height:auto;display:inline;color:#ffffffe0;font-size:inherit;font-weight:800}.splash-attribution a:hover{opacity:.86;transform:translateY(-1px)}.splash-attribution .material-symbols{font-size:14px}.logo-card{width:148px;height:148px;border:1px solid rgba(255,255,255,.28);border-radius:24px;display:grid;place-items:center;padding:var(--space-4);background:#ffffff26;box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:floatIn .52s ease 80ms both}.logo-card img{width:100%;height:100%;border-radius:var(--radius-card);object-fit:contain}.nzelu-logo{width:100%;height:100%;display:block;overflow:visible}.logo-orbit{fill:none;stroke:#ffffff52;stroke-dasharray:12 10;stroke-linecap:round;stroke-width:2;transform-origin:80px 80px;animation:logoSpin 8s linear infinite}.orbit-two{stroke:#c09cfd75;stroke-dasharray:7 12;animation-duration:11s;animation-direction:reverse}.logo-mark{animation:logoDraw .9s ease .12s both}.logo-bolt{transform-origin:82px 82px;animation:boltPulse 2.2s ease-in-out infinite}.logo-nodes{fill:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.45))}.logo-nodes circle{transform-origin:80px 80px;animation:nodePulse 2.4s ease-in-out infinite}.logo-nodes circle:nth-child(2){animation-delay:.16s}.logo-nodes circle:nth-child(3){animation-delay:.32s}.logo-nodes circle:nth-child(4){animation-delay:.48s}.nzelu-logo.compact .logo-orbit{animation:none;stroke-width:3}.nzelu-logo.compact .logo-bolt,.nzelu-logo.compact .logo-nodes circle{animation:none}.splash-content h1{margin:0;font-size:40px;line-height:1}.splash-content p{max-width:278px;margin:var(--space-3) auto 0;color:#efe8ff;font-size:16px;line-height:1.5}.splash-marquee{width:min(100%,340px);overflow:hidden;position:relative;margin-top:calc(var(--space-3) * -1);padding:var(--space-1) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.splash-marquee:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:#ffffff12}.marquee-track{width:max-content;display:flex;align-items:center;gap:var(--space-2);animation:ambientMarquee 28s linear infinite}.marquee-track span{min-height:30px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-pill);display:inline-flex;align-items:center;padding:0 var(--space-3);color:#ffffffc7;background:#ffffff17;font-size:11px;font-weight:800;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-content h2{margin:var(--space-1) 0 var(--space-2);font-size:27px;line-height:1.12}.auth-content p{margin:0;line-height:1.55}.form-card{display:grid;gap:var(--space-4);padding:var(--space-4)}label{display:grid;gap:var(--space-2);color:var(--muted);font-size:13px;font-weight:800}input,select{width:100%;min-height:48px;border:1px solid transparent;border-radius:var(--radius-input);outline:none;padding:0 var(--space-3);color:var(--text);background:var(--surface-2);transition:border .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus{border-color:#5d3fd361;background:#fff;box-shadow:0 0 0 4px #5d3fd31a}.phone-input{display:flex;align-items:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-input);background:var(--surface-2)}.phone-input:focus-within{border-color:#5d3fd361;background:#fff;box-shadow:0 0 0 4px #5d3fd31a}.phone-input span{min-width:58px;padding-left:var(--space-3);color:var(--primary);font-weight:800}.phone-input input{border:0;background:transparent;box-shadow:none}.locked-field{min-height:48px;border-radius:var(--radius-input);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);color:var(--text);background:var(--surface-2)}.locked-field .material-symbols{color:var(--primary);font-size:20px}.locked-field strong{font-size:15px}.locked-field small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.step-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.step-progress span{height:6px;border-radius:var(--radius-pill);background:var(--primary-soft)}.step-progress .active{background:var(--primary)}.subject-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.subject-picker a,.subject-switcher a{min-height:68px;border:1px solid rgba(214,207,231,.82);border-radius:var(--radius-card);display:grid;place-items:center;gap:var(--space-1);padding:var(--space-2);color:var(--primary);background:#fff;text-align:center;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.subject-picker a:hover,.subject-switcher a:hover{box-shadow:var(--shadow-subtle);transform:translateY(-1px)}.subject-picker .material-symbols,.subject-switcher .material-symbols{font-size:22px}.subject-picker strong{color:var(--text);font-size:12px}.avatar-panel{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-card);background:linear-gradient(135deg,#fff,#f4edff);box-shadow:var(--shadow-subtle)}.avatar-motion{width:96px;height:96px;border-radius:var(--radius-card);flex:0 0 auto;position:relative;overflow:hidden;animation:avatarFloat 4.2s ease-in-out infinite}.avatar-motion:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.28) 48%,transparent 76%);transform:translate(-120%);animation:avatarShine 5.2s ease-in-out infinite}.avatar-motion img{width:96px;height:96px;border-radius:var(--radius-card);object-fit:cover;object-position:center 34%;display:block}.avatar-motion span{position:absolute;right:8px;bottom:8px;width:13px;height:13px;border:2px solid white;border-radius:50%;background:#20b15a;box-shadow:0 0 #20b15a6b;animation:statusPulse 1.9s ease-out infinite}.avatar-panel strong,.avatar-panel span{display:block}.avatar-panel strong{font-size:var(--h2);line-height:1.16}.avatar-panel span{margin-top:var(--space-1);color:var(--muted);line-height:1.35}.dashboard{gap:var(--space-4)}.subject-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.subject-switcher a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.subject-switcher a.active{color:#fff;background:var(--primary);box-shadow:var(--shadow-medium)}.greeting-panel{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:linear-gradient(135deg,#fff,#f4efff);box-shadow:var(--shadow-subtle);position:relative;overflow:hidden}.greeting-panel:after{content:"";position:absolute;right:-28px;bottom:-42px;width:112px;height:112px;border-radius:50%;background:#5d3fd314;animation:softDrift 5.2s ease-in-out infinite}.greeting-panel span,.continue-copy span,.question-count,.quiz-progress span{color:var(--primary);font-size:var(--caption);font-weight:800;text-transform:uppercase}.greeting-panel h2{margin:var(--space-1) 0 0;font-size:18px;line-height:1.25}.greeting-panel strong{min-width:58px;border-radius:var(--radius-pill);padding:var(--space-2);color:#fff;background:var(--primary);text-align:center;font-size:13px}.search-field{min-height:48px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-pill);background:#fff;box-shadow:var(--shadow-subtle)}.search-field .material-symbols{color:var(--muted)}.search-field input{min-height:44px;border:0;padding:0;background:transparent;box-shadow:none}.continue-card{position:relative;overflow:hidden;min-height:196px;padding:var(--space-4);color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:var(--shadow-medium)}.continue-card img{position:absolute;right:-20px;bottom:-14px;width:182px;opacity:.3;animation:biologyFloat 4.8s ease-in-out infinite}.continue-visual{position:absolute;right:-18px;bottom:-18px;width:174px;height:174px;border-radius:50%;display:grid;place-items:center;color:#ffffffdb;background:#ffffff1c;animation:biologyFloat 4.8s ease-in-out infinite}.continue-visual .material-symbols{font-size:78px}.continue-copy{position:relative;z-index:1;max-width:250px;display:grid;gap:var(--space-2)}.continue-copy span{width:fit-content;border-radius:var(--radius-pill);padding:6px 10px;color:#f1eaff;background:#ffffff26}.continue-copy h2,.continue-copy p{margin:0}.continue-copy h2{font-size:25px;line-height:1.1}.continue-copy p{line-height:1.45}.section-title{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.section-title h2{margin:0;font-size:var(--h2)}.section-title span{color:var(--muted);font-size:var(--caption);font-weight:800}.topic-list{display:grid;gap:var(--space-3)}.topic-card{min-height:84px;border:1px solid rgba(214,207,231,.72);border-radius:var(--radius-card);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#fff;transition:transform .18s ease,box-shadow .18s ease;animation:topicIn .36s ease both}.topic-card:nth-child(2){animation-delay:45ms}.topic-card:nth-child(3){animation-delay:90ms}.topic-card:nth-child(4){animation-delay:135ms}.topic-card:nth-child(5){animation-delay:.18s}.topic-card:hover{box-shadow:var(--shadow-medium)}.topic-icon{width:52px;height:52px;border-radius:var(--radius-card);display:grid;flex:0 0 auto;place-items:center;color:var(--primary);background:var(--secondary-soft)}.topic-main{min-width:0;flex:1}.topic-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.topic-title-row h3{overflow:hidden;margin:0;font-size:var(--h3);text-overflow:ellipsis;white-space:nowrap}.topic-title-row strong,.chevron{color:var(--muted)}.topic-main p{overflow:hidden;margin:2px 0 var(--space-2);color:var(--muted);font-size:var(--caption);text-overflow:ellipsis;white-space:nowrap}.lesson{gap:var(--space-4)}.tab-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.tab-row::-webkit-scrollbar,.chip-row::-webkit-scrollbar{display:none}.tab-row button,.chip-row button{min-height:44px;border:0;border-radius:var(--radius-pill);padding:0 var(--space-4);color:var(--primary);background:var(--primary-soft);font-weight:800;white-space:nowrap;transition:transform .16s ease,background .16s ease}.tab-row button.active{color:#fff;background:var(--primary);animation:tabSettle .22s ease both}.lesson-progress,.quiz-progress{display:grid;gap:var(--space-2);color:var(--muted);font-size:13px;font-weight:800}.image-card{overflow:hidden;padding:var(--space-2)}.image-card img{width:100%;aspect-ratio:1.22;border-radius:12px;object-fit:cover;animation:biologyFloat 5.6s ease-in-out infinite}.subject-visual{width:100%;aspect-ratio:1.22;border-radius:12px;display:grid;place-items:center;overflow:hidden;position:relative;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.subject-visual:before,.subject-visual:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.24);animation:logoSpin 10s linear infinite}.subject-visual:before{width:156px;height:156px}.subject-visual:after{width:94px;height:94px;animation-direction:reverse}.subject-visual .material-symbols{position:relative;z-index:1;font-size:72px;filter:drop-shadow(0 12px 26px rgba(28,0,98,.28))}.subject-visual.chemistry{background:linear-gradient(135deg,#6d4ca6,#451ebb)}.subject-visual.physics{background:linear-gradient(135deg,#484153,#5d3fd3)}.subject-visual.math{background:linear-gradient(135deg,#3154b8,#5d3fd3)}.image-card p{margin:var(--space-2) var(--space-2) var(--space-1);color:var(--muted);font-size:var(--caption);line-height:1.35;text-align:center}.lesson-card{padding:var(--space-4)}.lesson-card h2{margin:0 0 var(--space-2);font-size:var(--h2)}.lesson-card p,.lesson-list p{margin:0;color:var(--muted);line-height:1.6}.lesson-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.lesson-list article{padding-top:var(--space-3);border-top:1px solid #eeeaf7}.lesson-list h3{margin:0 0 var(--space-1);color:var(--primary);font-size:var(--h3)}.action-grid{display:grid;gap:var(--space-3)}.chat-shell .app-scroll{display:flex;flex-direction:column}.chat-content{flex:1;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3) var(--space-4) 0}.message-list{display:grid;gap:var(--space-3)}.message{max-width:86%;border-radius:var(--radius-card);padding:var(--space-3);animation:messageIn .22s ease both}.message span{display:block;margin-bottom:var(--space-1);font-size:11px;font-weight:800;opacity:.76}.message p{margin:0;line-height:1.48}.message.student{justify-self:end;color:#fff;background:var(--primary);border-bottom-right-radius:var(--space-1)}.message.ai{justify-self:start;border:1px solid var(--outline);background:#fff;border-bottom-left-radius:var(--space-1);box-shadow:var(--shadow-subtle)}.typing p{display:flex;gap:5px;align-items:center;min-height:18px}.typing i{width:6px;height:6px;border-radius:50%;display:block;background:var(--primary);animation:typingDot .9s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.12s}.typing i:nth-child(3){animation-delay:.24s}.chip-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.chip-row button:active{transform:scale(.96)}.message-input{position:sticky;bottom:92px;display:flex;gap:var(--space-2);margin:auto var(--space-3) 0;padding:var(--space-2);border:1px solid var(--outline);border-radius:18px;background:#fffffff5;box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.message-input input{min-height:48px;border:0;background:var(--surface-2);box-shadow:none}.message-input .button{width:48px;min-height:48px;flex:0 0 auto;padding:0}.quiz{gap:var(--space-4)}.quiz-card,.feedback-card{padding:var(--space-4)}.quiz-card h2{margin:var(--space-2) 0 var(--space-4);font-size:23px;line-height:1.24}.option-list{display:grid;gap:var(--space-3)}.option-list button{min-height:52px;border:1px solid var(--outline);border-radius:var(--radius-button);padding:0 var(--space-3);color:var(--text);background:#fff;text-align:left;font-weight:800;transition:transform .16s ease,border .16s ease,background .16s ease;animation:optionIn .26s ease both}.option-list button:nth-child(2){animation-delay:35ms}.option-list button:nth-child(3){animation-delay:70ms}.option-list button:nth-child(4){animation-delay:105ms}.option-list button:active{transform:scale(.98)}.option-list button.correct{border-color:#147a3c61;color:var(--success);background:var(--success-soft);animation:answerPop .22s ease both}.option-list button.incorrect{border-color:#ba1a1a57;color:var(--error);background:var(--error-soft);animation:answerShake .26s ease both}.feedback-card h3,.feedback-card p{margin:0}.feedback-card h3{margin-bottom:var(--space-1)}.feedback-card p{color:var(--muted);line-height:1.55}.feedback-card.correct{border-color:#147a3c47;background:var(--success-soft)}.feedback-card.incorrect{border-color:#ba1a1a3d;background:var(--error-soft)}.progress-screen{gap:var(--space-4)}.overall-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#fff,#f6f0ff)}.overall-card h2,.overall-card p{margin:0}.overall-card h2{font-size:var(--h2)}.overall-card p{margin-top:var(--space-1);color:var(--muted);line-height:1.45}.ring{width:100px;height:100px;border-radius:50%;display:grid;flex:0 0 auto;place-items:center;background:conic-gradient(var(--primary) var(--value),var(--primary-soft) 0);box-shadow:var(--shadow-subtle);animation:ringSettle .65s ease both}.ring span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:var(--primary);background:#fff;font-size:22px;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.stats-grid .card{min-height:96px;display:grid;align-content:center;gap:var(--space-1);padding:var(--space-4)}.stats-grid strong{overflow-wrap:anywhere;color:var(--primary);font-size:23px;line-height:1.1}.stats-grid span{color:var(--muted);font-size:13px;line-height:1.3}.stats-grid .weak-stat{background:var(--warning-soft)}.performance-card{padding:var(--space-4)}.performance-card h2{margin:0 0 var(--space-4);font-size:var(--h2)}.performance-row{display:grid;gap:var(--space-2);margin-top:var(--space-3);animation:sectionRise .32s ease both}.performance-row:nth-of-type(2){animation-delay:45ms}.performance-row:nth-of-type(3){animation-delay:90ms}.performance-row:nth-of-type(4){animation-delay:135ms}.performance-row:nth-of-type(5){animation-delay:.18s}.performance-row:nth-of-type(6){animation-delay:225ms}.performance-row div{display:flex;justify-content:space-between;gap:var(--space-3);font-size:14px}.performance-row strong{color:var(--primary)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fillBar{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes navSettle{0%{transform:scale(.94)}70%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes bellRing{0%,to{transform:rotate(0)}16%{transform:rotate(12deg)}32%{transform:rotate(-10deg)}48%{transform:rotate(7deg)}64%{transform:rotate(-4deg)}}@keyframes notificationPulse{0%{box-shadow:0 0 #c09cfd80}72%,to{box-shadow:0 0 0 8px #c09cfd00}}@keyframes notificationIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes softDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-10px,-8px,0) scale(1.08)}}@keyframes biologyFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-5px,0) scale(1.015)}}@keyframes avatarFloat{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-4px,0) rotate(-1deg)}}@keyframes avatarShine{0%,58%{transform:translate(-120%)}76%,to{transform:translate(120%)}}@keyframes statusPulse{0%{box-shadow:0 0 #20b15a6b}72%,to{box-shadow:0 0 0 9px #20b15a00}}@keyframes topicIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes tabSettle{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes optionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ringSettle{0%{opacity:0;transform:rotate(-18deg) scale(.92)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes slowZoom{to{transform:scale(1.09)}}@keyframes ambientMarquee{to{transform:translate(-50%)}}@keyframes floatIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoSpin{to{transform:rotate(360deg)}}@keyframes logoDraw{0%{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes boltPulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.045);opacity:1}}@keyframes nodePulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes attributionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes answerPop{50%{transform:scale(1.015)}}@keyframes answerShake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (max-width: 340px){:root{--h1: 25px;--h2: 19px;--body: 14px}.screen-content,.screen-header{padding-right:var(--space-3);padding-left:var(--space-3)}.bottom-nav{right:var(--space-2);left:var(--space-2);padding:6px}.bottom-nav a{font-size:9px}.avatar-motion,.avatar-motion img{width:82px;height:82px}.ring{width:88px;height:88px}.ring span{width:62px;height:62px}}@media (min-width: 700px){.page-stage{padding:var(--space-6)}.phone-frame{height:min(884px,calc(100vh - 48px));border:10px solid #171221;border-radius:42px;box-shadow:var(--shadow-elevated)}.app-shell,.app-scroll{border-radius:30px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}