.learning-library{margin:44px 0}.learning-library .section-title{align-items:center;gap:18px}.learning-library .eyebrow{margin-bottom:8px}.learning-guide{display:inline-flex;gap:10px;align-items:center;color:var(--fz-text);flex-shrink:0}.learning-guide>span:first-child{display:grid;place-items:center;width:50px;height:50px;background:#eee5ff;color:#211241;border-radius:18px;font-size:30px}.learning-guide small{display:block;font-size:12px}.learning-guide[data-guide=Timo]>span:first-child{background:#fff2b6}.learning-guide[data-guide=Nuba]>span:first-child{background:#dff6b3}.learning-guide[data-guide=Runa]>span:first-child{background:#dbeaff}.learning-guide[data-guide=Lina]>span:first-child{background:#ffe8c6}.learning-guide[data-guide=Pingo]>span:first-child{background:#ffe0f4}.learning-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0;align-items:center}.learning-tabs button,.learning-tabs a{border:1px solid var(--fz-border);border-radius:14px;background:var(--fz-surface);padding:10px 16px;min-height:48px;color:var(--fz-text);display:inline-flex;gap:7px;align-items:center}.learning-tabs button[aria-pressed=true]{background:var(--fz-action);color:var(--fz-on-action);border-color:var(--fz-action)}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;margin:18px 0 28px}.learning-resource{padding:24px;min-width:0}.learning-resource h3{font-size:21px;line-height:1.35;margin:8px 0 14px}.learning-copy{white-space:pre-line;line-height:1.75;color:var(--fz-text)}.learning-source{font-size:13px;line-height:1.6;margin:18px 0 0;color:var(--fz-text-muted);overflow-wrap:anywhere}.learning-source summary{cursor:pointer}.learning-source p{margin:8px 0}.learning-play{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;width:100%;min-height:180px;border:0;border-radius:18px;background:linear-gradient(135deg,#221052,#5932a4);color:#fff;margin:16px 0}.learning-play span{font-size:13px;color:#e5d7ff}.learning-play.portrait{min-height:230px;max-width:270px;margin-inline:auto}.learning-player{position:relative;min-height:200px;aspect-ratio:16/9;width:100%;margin:16px 0;border-radius:16px;overflow:hidden;background:#160f25}.learning-player.portrait{aspect-ratio:9/16;max-width:320px;margin-inline:auto}.learning-player iframe{width:100%;height:100%;border:0}.learning-empty{background:var(--fz-raised);border:1px dashed var(--fz-border);padding:24px;border-radius:18px;color:var(--fz-text-muted);line-height:1.7}.learning-channel{display:flex;gap:16px;padding:24px;align-items:flex-start}.learning-channel>svg{flex-shrink:0;color:var(--fz-link)}.learning-channel h3{margin:0 0 8px}.learning-channel p{font-size:14px;line-height:1.65;margin:6px 0}.learning-channel a{font-size:13px}.learning-discovery{max-width:740px;margin:15px auto 50px}.learning-discovery>.eyebrow{display:flex;align-items:center;gap:9px;margin-top:30px}.learning-discovery h1{font-size:clamp(26px,4vw,40px);line-height:1.2;margin:14px 0 22px}.learning-discovery>.card{margin:22px 0;background:var(--fz-surface);border-color:var(--fz-secondary);box-shadow:0 12px 40px #4b2a8310}.learning-discovery>.btn{width:100%;justify-content:center;min-height:54px}.learning-team{margin:34px 0;background:var(--fz-raised);border-radius:20px;padding:22px}.learning-team summary{cursor:pointer;font-weight:700;color:var(--fz-text)}.learning-team img{width:100%;max-width:1000px;display:block;margin:20px auto;border-radius:18px}.learning-team p{line-height:1.6}.learning-admin-list{display:grid;gap:12px;margin:20px 0}.learning-admin-list article{padding:18px;display:flex;gap:15px;align-items:center;justify-content:space-between}.learning-admin-list h3{margin:6px 0}.learning-editor fieldset{min-width:0;border:1px solid var(--fz-border);border-radius:12px;padding:16px}.learning-editor .target-list{max-height:230px;overflow:auto;display:grid;gap:8px;margin:12px 0}.learning-editor .target-list label{display:flex;flex-direction:row;align-items:start;gap:8px;font-size:13px;font-weight:400}.learning-editor .target-list input{width:auto;flex-shrink:0}.learning-editor .target-list p{margin:0}.learning-admin-filters{display:flex;gap:10px;flex-wrap:wrap}.learning-admin-filters select,.learning-admin-filters input{max-width:100%;min-width:180px;flex:1}.learning-admin-list small{color:var(--fz-text-muted)}.learning-editor .check-review{display:flex;flex-direction:row;gap:10px;align-items:center}.learning-editor .check-review input{width:auto}.learning-admin-actions{display:flex;gap:12px;justify-content:space-between;margin:18px 0}@media(max-width:600px){.learning-library .section-title{align-items:flex-start;flex-direction:column}.learning-resource,.learning-channel{padding:19px}.learning-admin-list article{align-items:flex-start}.learning-discovery .learning-resource{padding:20px}.learning-tabs a{width:100%;justify-content:center}}:root{font-family:var(--fz-font-body);color:#283b32;background:#f6f7f2;font-synthesis:none;--bg: #f6f7f2;--surface: #fff;--surface-soft: #f0f3ec;--ink: #283b32;--muted: #6f7a72;--border: #e3e8df;--green: #176b51;--green-soft: #e8f2e8;--hero: #174c3b;--mint: #e1eddb;--lavender: #eeebf6;--yellow: #fbf1d4;--peach: #fcf0e2;--shadow: 0 6px 30px #264c3410;--radius: 19px;color-scheme:light}:root[data-theme=dark]{--bg: #141e1a;--surface: #1d2a23;--surface-soft: #24352b;--ink: #edf2e8;--muted: #a8b8aa;--border: #35463a;--green: #9cdbb3;--green-soft: #284936;--hero: #204c39;--mint: #334c34;--lavender: #3d384e;--yellow: #49432c;--peach: #473b2d;--shadow: 0 6px 30px #0002;color-scheme:dark;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button{color:inherit}button,input,textarea,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #65a9d2;outline-offset:4px}button{border:0;background:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--fz-font-display);letter-spacing:-.035em}h1{font-size:32px;line-height:1.25;font-weight:750}h2{font-size:22px;line-height:1.35;font-weight:750}h3{font-size:18px;font-weight:750;line-height:1.45}p{color:var(--muted);line-height:1.65}b,strong{font-weight:650}small{font-size:12px;line-height:1.5}svg{flex-shrink:0}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:13px 14px;color:var(--ink);transition:border .15s}input:focus,select:focus,textarea:focus{border-color:var(--green)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}label small{font-weight:400;color:var(--muted)}input[type=checkbox],input[type=radio]{accent-color:var(--green);width:19px;height:19px;flex-shrink:0}fieldset{border:0;padding:0;margin:0}legend{font-size:13px;font-weight:650;margin-bottom:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;left:10px;background:var(--green);color:var(--bg);z-index:1000;padding:12px}.skip-link:focus{top:10px}.btn{min-height:44px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-size:13px;font-weight:650;border:1px solid transparent;transition:transform .15s,background .15s,box-shadow .15s;text-align:center}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow)}.btn.primary{background:var(--green);color:var(--surface)}[data-theme=dark] .btn.primary{color:#153823}.btn.secondary{border-color:var(--border);background:var(--surface);color:var(--ink)}.btn.lime{background:#d6eea3;color:#24422f}.btn.warm{background:#ebd4ae;color:#513d23}.full{width:100%}.text-button{display:inline-flex;align-items:center;gap:7px;font-weight:650;font-size:13px;color:var(--green);padding:4px 0;line-height:1.5}.text-button:hover:not(:disabled){text-decoration:underline}.muted{color:var(--muted)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px}.icon-btn:hover{background:var(--surface-soft)}.hint{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}.hint svg{vertical-align:middle;margin-right:4px}.centered{text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:25px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--green);margin-bottom:10px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.025em;padding:6px 10px;border-radius:7px;background:var(--green-soft);color:var(--green);white-space:nowrap}.pill.lime{background:#bfe89422;color:#deedc5;font-size:9px;letter-spacing:.1em}.pill.orange{background:var(--peach);color:#97652c}[data-theme=dark] .pill.orange{color:#ecc48f}.pill.gray{background:var(--surface-soft);color:var(--muted)}.round-icon{height:42px;width:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;color:var(--green)}.mint{background:var(--mint)}.lavender{background:var(--lavender);color:#796597}.yellow{background:var(--yellow);color:#ae8c28}.peach{background:var(--peach);color:#b77b45}[data-theme=dark] .lavender{color:#cec0eb}[data-theme=dark] .yellow{color:#f0d477}[data-theme=dark] .peach{color:#edbb87}.progress{height:6px;background:var(--surface-soft);border-radius:10px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--green);border-radius:10px;transition:width .3s}.loading{min-height:55vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:flex;align-items:flex-start;gap:10px;background:var(--peach);border:1px solid #b16b532e;padding:14px;border-radius:10px;color:var(--ink);font-size:13px;line-height:1.5;margin:14px 0}.error-box svg{color:#b36a43}.error-box .text-button{flex-shrink:0}.success{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--green);margin:12px 0}.empty{text-align:center;padding:38px 20px;max-width:650px;margin:auto}.empty-icon{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green-soft);color:var(--green);margin-bottom:14px}.empty h3{margin-bottom:8px}.empty p{font-size:14px;max-width:430px;margin:0 auto 15px}.empty .btn{margin-top:5px}.logo{display:inline-flex;align-items:center;gap:11px;font-size:10px;font-weight:550;line-height:1.25}.logo>span:last-child{display:flex;flex-direction:column;font-family:var(--fz-font-display)}.logo b{font-size:23px;letter-spacing:-.055em;font-weight:800}.logo-dot{color:#9ab96a}.logo-icon{height:42px;width:42px;background:#176b51;display:grid;place-items:center;position:relative;color:#e8efca;border-radius:12px}.logo-icon i{position:absolute;width:7px;height:7px;border-radius:50%;background:#e9c26c;right:6px;top:7px}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;padding:34px 20px 20px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:30;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar>*{flex-shrink:0}.sidebar .logo{margin-left:12px;margin-bottom:40px}.workspace-label{font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:700;margin:0 12px 18px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:var(--muted);padding:13px 15px;border-radius:10px;position:relative}.sidebar nav a.active{background:var(--green-soft);color:var(--green);font-weight:650}.sidebar nav a:hover{background:var(--surface-soft)}.nav-dot{width:5px;height:5px;background:#c29252;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-note{padding:20px 16px;background:var(--bg);border:1px solid var(--border);border-radius:13px;margin:0 4px 20px}.sidebar-note svg{color:var(--green);margin-bottom:10px}.sidebar-note b{font-size:12px;display:block}.sidebar-note p{font-size:11px;margin-top:6px}.utility-link{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);width:100%;padding:11px 14px;border-radius:9px;text-align:left}.utility-link:hover,.utility-link.active{background:var(--green-soft);color:var(--green)}.sidebar-bottom>small{display:block;text-align:center;font-size:9px;margin-top:18px;color:var(--muted)}.main-wrap{margin-left:236px;flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:45;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar .logo{flex-shrink:0}.topbar-actions,.topbar-left{display:flex;align-items:center;gap:16px}.install-btn{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.install-btn:hover{color:var(--green)}.topbar-divider{height:25px;border-left:1px solid var(--border)}.account-menu{position:relative}.account-trigger{display:grid;place-items:center;width:44px;height:44px;padding:4px;border-radius:14px}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--green-soft)}.account-popover{position:absolute;top:calc(100% + 12px);right:0;width:290px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 40px #10251c25;padding:8px}.account-summary{display:flex;flex-direction:column;gap:5px;padding:14px;margin-bottom:6px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.account-summary strong{font-size:15px;line-height:1.4}.account-summary span{font-size:12px;color:var(--muted)}.account-summary .account-school{line-height:1.5;margin-bottom:4px}.account-popover .utility-link{min-height:46px;font-size:13px}.account-popover .utility-link svg{flex-shrink:0}.account-logout{margin-top:4px}.account-popover .error-box{margin:8px}.avatar{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--mint);color:var(--green);font-weight:700;overflow:hidden;font-size:12px;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:78px;height:78px;border-radius:22px;font-size:24px}.main-wrap main{padding:36px 42px 48px;max-width:1450px;margin:auto;min-height:calc(100vh - 86px);outline:0}.page-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.page-title h1{font-size:29px}.page-title p:not(.eyebrow){font-size:12px;margin-top:9px}.page-title .eyebrow{font-size:9px;margin-bottom:8px}.date-label{font-size:10px;color:var(--muted);text-transform:capitalize;border:1px solid var(--border);padding:10px 13px;border-radius:9px;background:var(--surface);white-space:nowrap}.hero{border-radius:22px;background:var(--hero);padding:34px 38px;display:flex;position:relative;overflow:hidden;min-height:295px;color:#fff}.hero-copy{z-index:1;flex:1}.hero h2{font-size:33px;color:#f4f6e9;line-height:1.2;margin:15px 0 12px;letter-spacing:-.04em;font-weight:650}.hero p{font-size:12px;color:#bed3c6;max-width:350px;line-height:1.7;margin-bottom:22px}.hero-meta{display:inline-flex;gap:6px;align-items:center;font-size:9px;color:#c1d3c7;margin-left:15px}.explorer-art{width:39%;max-width:420px;align-self:center}.hero .explorer-art{position:absolute;right:20px;bottom:4px;width:42%;opacity:.95;pointer-events:none}.hero-copy{max-width:65%}.live-dot{width:5px;height:5px;border-radius:50%;background:#cdeb9b}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:23px 0 33px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:18px 20px}.stat-top{display:flex;align-items:center;gap:15px;margin-bottom:12px}.stat-top .round-icon{width:37px;height:37px;border-radius:10px}.stat-top svg{width:20px}.stat-value{font-family:var(--fz-font-display);font-size:25px;font-weight:750;letter-spacing:-.04em}.stat-card>b{font-size:11px;font-weight:600}.stat-card p{font-size:9px;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:26px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-title h2{font-size:19px}.section-title h3{font-size:14px;letter-spacing:-.015em}.section-title .eyebrow{font-size:8px;margin-bottom:5px}.section-title .text-button{font-size:10px}.section-title.compact{margin-top:29px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.topic-card-art{height:153px;position:relative;overflow:hidden;padding:17px 18px}.topic-subject{display:flex;align-items:center;gap:5px;font-size:9px;color:#3e634b;position:relative;z-index:1}[data-theme=dark] .topic-subject{color:#c7dfcc}.topic-grade{position:absolute;bottom:15px;left:18px;font-size:9px;padding:4px 8px;border-radius:6px;background:#fff6;color:#4b614d}[data-theme=dark] .topic-grade{background:#1c2e2380;color:#c8dcc6}.topic-art{width:150px;height:130px;position:relative;display:flex;align-items:center;justify-content:center;color:#4f7c52;margin-left:auto}.topic-art>svg{width:80px;height:80px;stroke-width:1.2;position:relative;z-index:1;transform:rotate(-12deg);fill:#a6c28766}.topic-art.reptiles{color:#8a75a2}.topic-art.reptiles>svg{fill:#cab8df88;transform:rotate(15deg)}.art-orbit{position:absolute;width:110px;height:110px;border:1px solid #809d7544;border-radius:50%;background:#ffffff36}.art-dot{position:absolute;width:17px;height:17px;left:11px;bottom:18px;border-radius:50%;background:#f2d18b}.art-spark{position:absolute;right:8px;top:5px;font-size:20px;color:#92a867}.reptiles .art-spark{color:#a494ba}.topic-card-art .topic-art{position:absolute;right:17px;top:14px}.topic-card-body{padding:19px}.topic-card-body h3{font-size:21px}.topic-card-body .section-title{margin-bottom:8px}.small-arrow{height:29px;width:29px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green)}.topic-card-body p{font-size:10px;min-height:34px;line-height:1.6}.topic-meta{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:var(--muted);margin:19px 0 9px}.topic-meta b{font-weight:500;color:var(--green)}.topic-card .progress{height:4px}.right-column{display:flex;flex-direction:column;gap:20px}.review-card{padding:23px;border:1px solid #e5d5b7;border-radius:17px;background:var(--peach)}[data-theme=dark] .review-card{border-color:#665137}.review-card>.round-icon{background:#eccc9d55;margin-right:10px;width:36px;height:36px}.review-card>.pill{font-size:8px;padding:5px;background:none;color:#9c733a}.review-card h3{font-size:20px;line-height:1.35;margin:16px 0 9px;max-width:220px}.review-card p{font-size:11px;margin-bottom:18px}.review-card .btn,.review-card .text-button{font-size:11px}.week-card{padding:20px}.week-card .section-title{margin-bottom:14px}.week-card .section-title svg{color:var(--muted);width:16px}.week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;height:120px}.week-chart>div{display:flex;flex-direction:column;align-items:center;gap:5px}.bar-number{height:15px;font-size:9px;color:var(--muted)}.bar-track{height:70px;background:var(--surface-soft);width:100%;max-width:18px;border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.bar-track>span{display:block;background:#a5c5a5;width:100%;border-radius:6px}.today .bar-track>span{background:var(--green)}.week-chart small{font-size:8px;color:var(--muted)}.today small{color:var(--green);font-weight:700}.week-card>.hint{border-top:1px solid var(--border);padding-top:13px;font-size:9px;text-align:center}.level-card{display:flex;align-items:center;gap:12px;padding:19px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.level-card>.round-icon{width:35px;height:35px}.level-card>div{flex:1}.level-card b{font-size:10px}.level-card p{font-size:8px;margin:4px 0 9px}.level-card .progress{height:4px}.recent-card{padding:0 20px}.attempt-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--border)}.attempt-row:last-child{border:0}.attempt-row .round-icon{width:36px;height:36px}.attempt-info{flex:1;min-width:0}.attempt-info b{display:block;font-size:11px}.attempt-info small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.attempt-score{font-size:13px;font-weight:650;text-align:right}.attempt-score small{display:block;font-size:8px;color:var(--muted);font-weight:400}.attempt-row>.pill{font-size:9px}.attempt-row>svg{color:var(--muted)}.resume-card{margin:20px 0;display:flex;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 20px}.resume-card>div{flex:1}.resume-card b{font-size:12px}.resume-card p{font-size:10px;margin-top:5px}.notice{display:flex;align-items:center;gap:13px;background:var(--green-soft);padding:16px 20px;border-radius:12px;color:var(--green);font-size:12px;margin:20px 0}.notice>span{flex:1}.notice>svg:last-child{margin-left:auto}.bottom-nav{display:none}.filters{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.tabs{display:flex;gap:4px;background:var(--surface-soft);border:1px solid var(--border);padding:4px;border-radius:10px;flex-wrap:wrap}.tabs button{font-size:12px;padding:9px 14px;border-radius:7px;color:var(--muted);font-weight:550}.tabs button.active{background:var(--surface);color:var(--green);box-shadow:0 2px 5px #243d1e08}.search-field{position:relative;flex-direction:row;align-items:center;min-width:230px;max-width:360px;flex:1}.search-field svg{position:absolute;left:12px;color:var(--muted)}.search-field input{padding-left:40px;font-weight:400;font-size:12px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-grid .topic-card-art{height:190px}.catalog-grid .topic-card-art .topic-art{top:40px}.learning-note{display:flex;gap:16px;align-items:center;background:var(--green-soft);border-radius:14px;padding:20px 24px;margin:28px 0}.learning-note>svg{color:var(--green)}.learning-note b{font-size:13px}.learning-note p{font-size:12px;margin-top:4px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:23px}.back-link:hover{color:var(--green)}.topic-heading{display:flex;align-items:center;justify-content:space-between;padding:30px 38px;border:1px solid var(--border);border-radius:22px;background:var(--surface);margin-bottom:32px}.topic-heading h1{font-size:44px;margin:14px 0 8px}.topic-heading p{font-size:14px;max-width:520px}.topic-heading>div>span:last-child{font-size:11px;color:var(--muted);display:block;margin-top:15px}.topic-heading .topic-art{width:220px;height:180px;margin:0}.topic-heading .topic-art>svg{width:110px;height:110px}.topic-heading .art-orbit{width:160px;height:160px;background:var(--mint)}.topic-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.quiz-setup{align-self:start;position:sticky;top:20px}.quiz-setup h2{margin:14px 0 8px}.quiz-setup p{font-size:12px;margin-bottom:22px}.quiz-setup label{margin:20px 0}.setup-features{display:flex;flex-direction:column;gap:12px;margin:22px 0}.setup-features>span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.setup-features svg{width:16px;height:16px;color:var(--green)}.quiz-setup>.hint{font-size:10px;text-align:center;margin-top:13px;margin-bottom:0}.setup-review{border-top:1px solid var(--border);padding-top:18px;margin-top:20px}.setup-review b{display:block;font-size:12px;margin-bottom:8px}.summary-list{display:flex;flex-direction:column;gap:12px}.summary-item{background:var(--surface);border:1px solid var(--border);border-radius:13px}.summary-item summary{display:flex;align-items:center;gap:15px;cursor:pointer;padding:20px;font-size:14px;font-weight:650;list-style:none}.summary-item summary>span{font-size:11px;color:var(--green);font-weight:500;background:var(--green-soft);padding:7px;border-radius:8px}.summary-item summary>svg{margin-left:auto;transition:transform .2s}.summary-item[open] summary>svg{transform:rotate(90deg)}.summary-item>p{padding:0 22px 22px 67px;font-size:13px}.review-banner{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:25px 28px;border-radius:17px;background:var(--peach);margin-bottom:25px}.review-banner>div{flex:1}.review-banner>.error-box{flex:1 0 100%;margin:0}.review-banner h2{font-size:20px}.review-banner p{font-size:12px;margin-top:7px}.review-list{display:flex;flex-direction:column;gap:13px}.review-question{padding:0}.review-question summary{list-style:none;cursor:pointer;padding:23px;display:flex;align-items:center;gap:15px}.review-question summary>div{flex:1}.review-question summary h3{font-size:14px;margin-top:5px;letter-spacing:-.01em}.review-question summary small{font-size:10px;color:var(--muted)}.review-question summary>svg{color:var(--muted);width:18px}.question-number{font-size:12px;border:1px solid var(--border);height:30px;width:30px;display:grid;place-items:center;border-radius:8px;color:var(--muted);flex-shrink:0}.review-answer{margin:0 23px 23px 68px;border-top:1px solid var(--border);padding-top:20px}.review-answer h4{margin:12px 0;font-size:15px}.review-answer p{font-size:13px;margin-top:10px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0 36px}.achievement{text-align:center;padding:24px 17px;opacity:.7}.achievement.unlocked{opacity:1;border-color:#afc293}.achievement .round-icon{margin:auto auto 15px;filter:grayscale(.7)}.achievement.unlocked .round-icon{filter:none}.achievement>b{display:block;font-size:12px}.achievement p{font-size:10px;min-height:36px;margin:8px 0 14px}.achievement .pill{font-size:8px}.history-list{padding:6px 25px}.history-list .attempt-row{padding:20px 0}.history-list .attempt-info b{font-size:13px}.history-list .attempt-info small{font-size:11px}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin:25px 0}.pagination>span{font-size:11px;color:var(--muted)}.ranking-list{padding:8px}.ranking-header{display:grid;grid-template-columns:80px minmax(0,1fr) 100px;gap:15px;padding:21px 20px;color:var(--muted);font-size:9px;letter-spacing:.1em;border-bottom:1px solid var(--border)}.ranking-header>span:last-child{text-align:right}.ranking-row{display:grid;grid-template-columns:80px minmax(0,1fr) 100px;gap:15px;align-items:center;padding:22px 20px;border-bottom:1px solid var(--border)}.ranking-row:last-child{border:0}.ranking-row.is-me{background:var(--green-soft);border-radius:12px}.rank-position{font-size:16px;font-weight:600;padding-left:10px}.rank-1{color:#bb942e}.rank-2{color:#8796a3}.rank-3{color:#b78057}.rank-person{display:flex;min-width:0;align-items:center;gap:13px;font-size:13px}.rank-details{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}.rank-person .pill{font-size:8px}.ranking-row>strong{text-align:right;font-size:17px}.ranking-row>strong small{font-weight:400;font-size:10px}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.profile-form{padding:30px}.profile-photo{display:flex;align-items:center;gap:20px;padding-bottom:26px;margin-bottom:25px;border-bottom:1px solid var(--border)}.profile-photo p{margin-top:9px;font-size:10px}.upload-button{cursor:pointer;position:relative;overflow:hidden;width:fit-content;flex-direction:row}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.span-2{grid-column:span 2}.checkbox-card{display:flex;flex-direction:row;align-items:flex-start;gap:12px;background:var(--bg);border:1px solid var(--border);padding:18px;border-radius:10px;margin:25px 0}.checkbox-card b{display:block;font-size:12px}.checkbox-card small{display:block;font-size:11px;line-height:1.65;margin-top:6px}.checkbox-card input{margin-top:2px}.privacy-card h3{margin:16px 0}.privacy-card p{font-size:12px;margin:12px 0}.privacy-card .hint{font-size:10px;border-top:1px solid var(--border);padding-top:15px}.profile-grid .learning-note{padding:20px;font-size:12px;align-items:flex-start}.quiz-page{max-width:900px;margin:auto}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.quiz-top .back-link{margin:0}.quiz-top>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.quiz-progress-label{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.quiz-progress-label>span:last-child{color:var(--muted);font-size:12px}.quiz-page>.progress{height:7px;margin-bottom:28px}.question-card{border:1px solid var(--border);background:var(--surface);border-radius:21px;padding:40px}.question-card>.eyebrow{font-size:9px}.question-card h1{font-size:27px;line-height:1.45;letter-spacing:-.02em;margin-top:18px}.question-hint{font-size:12px;margin:13px 0 27px}.answer-options{display:flex;flex-direction:column;gap:13px}.answer-option{display:flex;align-items:center;gap:16px;text-align:left;border:1.5px solid var(--border);border-radius:13px;padding:17px 19px;background:var(--surface);font-size:14px;line-height:1.5;min-height:65px;transition:border .15s,background .15s}.answer-option>span:nth-child(2){flex:1}.answer-option:hover:not(:disabled){border-color:var(--green);background:var(--bg)}.option-letter{font-weight:600;width:30px;height:30px;border-radius:8px;background:var(--surface-soft);display:grid;place-items:center;flex-shrink:0;font-size:12px}.answer-option.selected{background:var(--green-soft);border-color:var(--green)}.answer-option.selected .option-letter{background:var(--green);color:var(--surface)}[data-theme=dark] .answer-option.selected .option-letter{color:#153823}.radio-check{height:16px;width:16px;border:5px solid var(--green);border-radius:50%;flex:0 0 16px!important}.answer-option:disabled{opacity:1}.answer-option.dimmed{opacity:.55}.answer-option.correct{border-color:var(--green);background:var(--green-soft)}.answer-option.correct>svg{color:var(--green)}.answer-option.incorrect{border-color:#c3926b;background:var(--peach)}.answer-option.incorrect>svg{color:#b5815f}.answer-feedback{padding:20px 22px;border-radius:13px;margin-top:24px;background:var(--green-soft)}.answer-feedback.gentle{background:var(--peach)}.answer-feedback>div{display:flex;align-items:center;gap:10px}.answer-feedback h3{font-size:15px}.answer-feedback svg{color:var(--green);width:22px}.answer-feedback.gentle svg{color:#ad7d3f}.answer-feedback p{font-size:13px;margin-top:12px;color:var(--ink);line-height:1.75}.answer-feedback small{display:block;font-size:10px;color:var(--muted);margin-top:12px}.question-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px;border-top:1px solid var(--border);padding-top:25px}.question-footer>span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.question-footer>span svg{color:var(--green)}.quiz-page>.hint{margin-top:20px;font-size:10px}.result-hero{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:40px;max-width:900px;margin:0 auto 35px}.result-trophy{width:92px;height:92px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;background:var(--yellow);border-radius:50%;color:#b19537}.result-hero h1{font-size:29px;margin:20px 0 12px}.result-hero>p{font-size:13px;max-width:530px;margin:auto}.result-stats{display:flex;justify-content:center;gap:45px;margin:30px 0}.result-stats>div{display:flex;flex-direction:column;gap:7px;min-width:110px}.result-stats strong{font-size:35px;font-family:var(--fz-font-display);color:var(--green)}.result-stats strong small{font-size:19px;color:var(--muted);margin-left:2px}.result-stats>div>span{font-size:11px;color:var(--muted)}.result-actions{display:flex;align-items:center;justify-content:center;gap:15px}.correct-icon{color:var(--green)}.incorrect-icon{color:#b98449}.auth-page{min-height:100vh;display:flex;flex-direction:column;max-width:1440px;margin:auto;padding:30px 6%}.auth-page>header{display:flex;justify-content:space-between;align-items:center}.auth-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;flex:1;padding:55px 0}.auth-story>.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px}.auth-story>.eyebrow>span{width:6px;height:6px;background:var(--green);border-radius:50%}.auth-story h1{font-size:43px;line-height:1.2;margin:23px 0;letter-spacing:-.05em}.auth-story h1 em{font-style:normal;color:var(--green)}.auth-story>p{max-width:380px;font-size:14px}.auth-story .explorer-art{width:100%;max-width:430px;background:var(--hero);border-radius:28px;margin:26px 0 24px;height:260px}.auth-features{display:flex;gap:20px;font-size:10px;color:var(--muted)}.auth-features>span{display:flex;align-items:center;gap:5px}.auth-features svg{color:var(--green)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:38px 40px;box-shadow:var(--shadow);max-width:455px;justify-self:end;width:100%}.auth-symbol{width:56px;height:56px;background:var(--green-soft);color:var(--green);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.auth-card>.eyebrow{font-size:9px}.auth-card h2{font-size:28px;line-height:1.3;max-width:300px;margin:12px 0 15px}.auth-card>p:not(.eyebrow){font-size:12px;line-height:1.8}.auth-card>p strong{overflow-wrap:anywhere;color:var(--ink)}.auth-card form{margin-top:25px}.auth-card form>.btn{margin-top:20px;padding:15px}.auth-card label{font-size:12px}.auth-card input{padding:15px;font-size:13px}.auth-card .privacy-note{font-size:10px!important;margin-top:23px}.auth-card-foot{display:flex;justify-content:center;align-items:center;gap:7px;padding-top:22px;margin-top:25px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.auth-card .pin-input{font-size:29px;letter-spacing:.3em;text-align:center;padding:14px 7px;font-family:var(--fz-font-display);font-weight:650}.auth-help{text-align:center;margin-top:18px}.auth-help p{font-size:10px;margin-bottom:9px}.auth-help .text-button{display:flex;justify-content:center;margin:8px auto;font-size:11px}.auth-page>footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:20px 0}.modal{border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--ink);padding:28px;width:calc(100% - 32px);max-width:670px;max-height:90vh;box-shadow:0 30px 100px #0003}.modal::backdrop{background:#11271988;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.modal-head h2{font-size:21px}.modal>p{font-size:13px;margin-bottom:17px}.modal .editor-form{display:flex;flex-direction:column;gap:20px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.modal .checkbox-card,.modal .error-box{margin:0}.option-editor{display:flex;align-items:center;gap:12px;margin-bottom:10px}.option-editor label{flex-direction:row;align-items:center;flex:1;gap:10px}.option-editor label>span{color:var(--muted);font-size:12px}.admin-tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-bottom:30px;overflow:auto}.admin-tabs>a{display:flex;align-items:center;gap:9px;padding:14px 3px;font-size:12px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.admin-tabs>a.active{color:var(--green);border-color:var(--green);font-weight:650}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.admin-stats .card{display:grid;grid-template-columns:45px 1fr;gap:5px 20px;align-items:center}.admin-stats strong{font-size:30px;justify-self:end}.admin-stats p{grid-column:span 2;font-size:12px;margin-top:12px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px}.admin-columns p{font-size:13px}.admin-shortcut{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--border);font-size:12px}.admin-shortcut>svg{width:18px;color:var(--green)}.admin-shortcut>svg:last-child{margin-left:auto}.admin-shortcut:last-child{border:0}.mail-status h2{font-size:20px;margin:14px 0}.mail-counters{display:flex;gap:30px;margin:20px 0}.mail-counters>div{display:flex;flex-direction:column;gap:5px}.mail-counters b{font-size:27px}.mail-counters span{font-size:10px;color:var(--muted)}.mail-status>small{display:block;color:var(--muted);font-size:10px}.mail-status .hint{font-size:10px;margin-top:17px}.audit-row{padding:15px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.audit-row:last-child{border:0}.audit-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.audit-row time{color:var(--muted)}.admin-question-list{padding:0 25px}.admin-question-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--border)}.admin-question-row:last-child{border:0}.admin-question-row h3{font-size:14px;margin:11px 0 7px;font-family:var(--fz-font-body);letter-spacing:0}.admin-question-row p{font-size:10px}.admin-question-row .btn{font-size:11px;flex-shrink:0}.row-badges{display:flex;gap:8px}.row-badges .pill{font-size:8px}.filter-select select{font-size:12px;min-width:180px}.subject-admin{margin-bottom:22px}.subject-admin h2{margin-top:10px}.subject-admin .section-title p{font-size:12px;margin-top:5px}.topic-admin-row{padding:17px 0;display:flex;align-items:center;gap:15px;border-top:1px solid var(--border)}.topic-admin-row>div{flex:1;font-size:13px}.topic-admin-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.subject-admin>.text-button{margin-top:17px}.summary-editor{padding:18px;background:var(--bg);border-radius:12px;display:flex;flex-direction:column;gap:15px}.students-list{padding:0 25px}.student-row{width:100%;display:flex;align-items:center;gap:15px;text-align:left;padding:20px 0;border-bottom:1px solid var(--border)}.student-row:last-child{border:0}.student-row>span:nth-child(2){flex:1}.student-row b{font-size:12px}.student-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.student-row .student-score{text-align:right}.student-row:hover b{color:var(--green)}.standalone{min-height:100vh;padding:50px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;max-width:900px;margin:auto}.standalone>p{max-width:600px;font-size:14px}.offline>.card{width:100%;text-align:left;padding:22px}.offline>.card summary{cursor:pointer;font-weight:650}.offline>.card section{margin-top:20px}.offline>.card section p{font-size:13px}.standalone h1{font-size:28px}.standalone>.logo{margin-bottom:15px}@media(min-width:1600px){.main-wrap main{padding-top:42px}.hero{min-height:320px}.hero h2{font-size:38px}.hero p{font-size:14px}.hero-meta{display:flex;margin:15px 0 0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}.topic-card-art{height:180px}.topic-card-body p{font-size:12px}.stat-card>b{font-size:13px}.stat-card p{font-size:11px}}@media(max-width:1200px){.sidebar{width:206px;padding:30px 15px 20px}.main-wrap{margin-left:206px}.topbar{padding:0 28px}.main-wrap main{padding:30px 28px 40px}.hero{padding:30px;min-height:290px}.hero-copy{max-width:70%}.hero h2{font-size:30px}.hero-meta{display:flex;margin:13px 0 0}.hero .explorer-art{right:0;width:42%}.dashboard-grid{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.stats-grid{gap:12px}.stat-card{padding:16px}.stat-top{gap:10px}.stat-value{font-size:24px}.date-label{display:none}.review-card{padding:20px}.topic-card-body{padding:15px}.topic-card-art{height:135px}.topic-art{width:130px;height:115px}.topic-art>svg{height:65px;width:65px}.art-orbit{width:90px;height:90px}.topic-card-art .topic-art{right:8px;top:20px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.topic-detail-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.profile-grid{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.auth-grid{gap:55px}.auth-card{padding:30px}.auth-story h1{font-size:36px}.auth-features{gap:12px}.hero .pill{max-width:100%}.page-title h1{font-size:27px}}@media(max-width:1020px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.main-wrap{margin-left:190px}.workspace-label{font-size:7px}.sidebar nav a{font-size:12px;padding:12px}.hero h2{font-size:28px}.hero p{max-width:290px}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.level-card{grid-column:span 2}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card p{font-size:10px}.topic-card-art{height:160px}.topic-card-art .topic-art{right:25px;top:20px}.profile-grid{grid-template-columns:1fr}.profile-grid>aside{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.profile-grid .learning-note{margin:0;align-self:start}.topic-detail-grid{grid-template-columns:1fr}.quiz-setup{position:static;grid-row:1}.quiz-setup .setup-features{flex-direction:row;flex-wrap:wrap}.quiz-setup label{max-width:250px}.quiz-setup .btn.full{width:auto}.quiz-setup>.hint{text-align:left}.question-card{padding:30px}.question-card h1{font-size:24px}.question-footer>span{display:none}.question-footer{justify-content:flex-end}.achievement-grid{grid-template-columns:repeat(2,1fr)}.review-banner{flex-wrap:wrap}.review-banner .btn{margin-left:62px}.auth-grid{gap:35px}.auth-story h1{font-size:31px}.auth-features{flex-wrap:wrap}.auth-card h2{font-size:25px}.admin-columns{grid-template-columns:1fr}}@media(max-width:900px){.sidebar{display:none}.main-wrap{margin-left:0;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:40;padding:6px max(4px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 24px #10251c08}.bottom-nav a{min-width:0;min-height:66px;padding:2px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:10px;font-weight:500;line-height:1.25;text-align:center}.bottom-nav a>span:last-child{min-height:25px;display:grid;place-items:center;max-width:100%}.bottom-nav-icon{display:grid;place-items:center;width:46px;height:30px;border-radius:16px}.bottom-nav a.active{color:var(--green);font-weight:700}.bottom-nav a.active .bottom-nav-icon{background:var(--green-soft)}.bottom-nav a:hover .bottom-nav-icon{background:var(--surface-soft)}.bottom-nav a:focus-visible{outline-offset:-2px;border-radius:10px}}@media(max-width:760px){html{scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom));scroll-padding-top:calc(86px + env(safe-area-inset-top))}.main-wrap main{min-height:calc(100dvh - 152px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.topbar-left{min-width:0}.topbar-actions{flex-shrink:0}.topbar .logo{gap:8px;font-size:8px}.topbar .logo b{font-size:19px}.topbar .logo-icon{width:34px;height:34px;border-radius:10px}.topbar .logo-icon svg{width:21px;height:21px}.topbar{height:calc(70px + env(safe-area-inset-top));gap:12px;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.topbar-actions{gap:10px}.topbar-divider{display:none}.install-btn{font-size:10px}.main-wrap main{padding:26px 20px 35px}.page-title{margin-bottom:22px}.page-title h1{font-size:25px}.page-title p:not(.eyebrow){font-size:11px}.hero{min-height:275px;padding:27px}.hero h2{font-size:29px}.hero .explorer-art{width:48%;right:-15px;bottom:25px;opacity:.75}.hero-copy{max-width:75%}.hero p{max-width:280px;font-size:11px}.hero .btn{position:relative;z-index:2;font-size:12px}.hero-meta{position:relative;z-index:2;font-size:9px}.stats-grid{margin-top:18px;margin-bottom:29px}.stat-card{padding:17px}.stat-card>b{font-size:12px}.stat-card p{font-size:9px}.dashboard-grid{gap:24px}.topic-card-art{height:150px}.topic-card-art .topic-art{right:8px;top:25px}.topic-card-body h3{font-size:20px}.section-title h2{font-size:18px}.section-title>.text-button{font-size:11px}.topic-card-body p{font-size:10px}.topic-meta{font-size:8px}.recent-card{padding:0 15px}.attempt-row{gap:10px}.attempt-row>.pill{font-size:8px;padding:5px 7px}.attempt-row .attempt-score{font-size:12px}.filters{flex-wrap:wrap;gap:14px}.search-field{max-width:none;min-width:200px}.tabs{max-width:100%}.tabs button{font-size:11px;padding:9px 12px}.catalog-grid .topic-card-art{height:150px}.catalog-grid .topic-card-art .topic-art{top:25px}.topic-heading{padding:25px;margin-bottom:25px}.topic-heading h1{font-size:35px}.topic-heading .topic-art{height:120px;width:120px;flex-shrink:0}.topic-heading .topic-art>svg{width:70px;height:70px}.topic-heading .art-orbit{width:100px;height:100px}.topic-heading p{font-size:12px}.topic-detail-grid .section-title{flex-wrap:wrap}.summary-item summary{padding:17px;font-size:13px;gap:11px}.summary-item>p{padding:0 18px 20px;font-size:13px}.review-banner{padding:22px;gap:15px}.review-banner h2{font-size:18px}.review-banner>.round-icon{display:none}.review-banner .btn{margin:0;width:100%}.review-question summary{padding:18px;gap:12px}.review-question summary h3{font-size:13px}.review-answer{margin:0 18px 20px;padding-top:16px}.achievement-grid{gap:12px}.achievement{padding:20px 12px}.history-list{padding:0 16px}.history-list .attempt-info b{font-size:11px}.history-list .attempt-info small{font-size:9px}.ranking-header,.ranking-row{grid-template-columns:45px minmax(0,1fr) 65px;gap:10px;padding-left:10px;padding-right:10px}.ranking-header{font-size:7px}.rank-position{padding-left:4px}.rank-person{gap:10px;font-size:12px}.rank-person .avatar{width:30px;height:30px;font-size:10px;border-radius:9px}.ranking-row>strong{font-size:14px}.profile-form{padding:24px}.profile-grid>aside{display:block}.profile-grid .learning-note{margin-top:20px}.form-grid{gap:17px}.form-grid label{font-size:12px}.quiz-top>span{font-size:9px}.quiz-top .back-link{font-size:11px}.quiz-progress-label{margin-top:20px}.question-card{padding:25px 21px;border-radius:16px}.question-card h1{font-size:22px}.question-hint{font-size:11px}.answer-option{font-size:13px;padding:14px;gap:11px}.option-letter{width:28px;height:28px;font-size:11px}.question-footer .btn{width:100%}.question-footer{margin-top:22px;padding-top:20px}.answer-feedback{padding:18px}.answer-feedback>div{flex-wrap:wrap}.answer-feedback h3{font-size:14px}.answer-feedback p{font-size:12px}.result-hero{padding:30px 20px}.result-hero h1{font-size:24px}.result-stats{gap:15px}.result-stats>div{min-width:80px}.result-stats strong{font-size:28px}.result-stats>div>span{font-size:9px}.result-actions{flex-direction:column}.result-actions .btn{width:100%}.auth-page{padding:24px}.auth-grid{grid-template-columns:1fr;padding:36px 0;gap:30px}.auth-story{text-align:center}.auth-story>.eyebrow{justify-content:center}.auth-story h1{font-size:31px;margin:18px 0}.auth-story>p{font-size:12px;margin:auto;max-width:340px}.auth-story .explorer-art{display:none}.auth-features{justify-content:center;margin-top:22px;gap:17px;font-size:9px}.auth-card{max-width:480px;justify-self:center;padding:30px}.auth-card h2{font-size:26px;max-width:320px}.auth-page>footer{flex-direction:column;gap:8px;align-items:center;font-size:9px}.auth-card .privacy-note{font-size:11px!important}.auth-card input{font-size:16px}.admin-tabs{gap:18px}.admin-tabs>a{font-size:11px;gap:6px}.admin-tabs svg{width:16px}.admin-stats{gap:12px}.admin-stats .card{padding:17px;display:flex;flex-direction:column}.admin-stats strong{font-size:25px}.admin-stats p{font-size:10px;text-align:center}.admin-question-list{padding:0 17px}.admin-question-row{gap:12px}.admin-question-row .btn{padding:10px;min-width:38px}.admin-question-row .btn span{display:none}.admin-question-row h3{font-size:13px}.admin-tabs+.section-title{flex-wrap:wrap}.subject-admin .section-title{align-items:flex-start;flex-wrap:wrap}.subject-admin{padding:20px}.students-list{padding:0 17px}.student-row{gap:10px}.student-row .avatar{display:none}.student-row small{font-size:9px}.student-row b{font-size:11px}.student-score{flex-shrink:0}.student-row>span:nth-child(2){min-width:0}.student-row small{overflow-wrap:anywhere}.modal{padding:23px}.modal-head h2{font-size:19px}.modal .form-grid{grid-template-columns:1fr}.standalone{padding:35px 20px}.resume-card{flex-wrap:wrap}.resume-card .btn{width:100%}.resume-card p{font-size:11px}.learning-note{padding:20px}.learning-note p{font-size:11px}}@media(max-width:420px){.main-wrap main{padding:23px 16px}.hero{padding:25px;min-height:285px}.hero-copy{max-width:100%}.hero h2{font-size:28px}.hero p{max-width:240px}.hero .explorer-art{width:43%;bottom:12px;right:-28px;opacity:.35}.hero .pill{font-size:8px}.stats-grid{gap:11px}.stat-card{padding:15px}.stat-card p{line-height:1.5}.stat-value{font-size:23px}.stat-top{gap:10px}.topic-grid{gap:12px}.topic-card-body{padding:14px}.topic-card-art{padding:13px;height:130px}.topic-card-art .topic-art{width:100px;height:100px;right:0;top:27px}.topic-card-art .topic-art svg{width:58px;height:58px}.topic-subject{font-size:8px}.topic-grade{left:13px;bottom:12px;font-size:8px}.topic-card-body h3{font-size:18px}.topic-card-body p{font-size:10px;min-height:47px}.topic-meta{flex-direction:column;gap:5px;margin-top:13px}.small-arrow{width:25px;height:25px}.right-column{grid-template-columns:1fr}.level-card{grid-column:auto}.right-column .review-card h3{max-width:none;font-size:20px}.right-column .review-card p{font-size:12px}.week-card .section-title h3{font-size:16px}.week-chart{gap:18px}.bar-track{max-width:25px}.page-title h1{font-size:24px}.section-title h2{font-size:17px}.section-title>.text-button{font-size:9px}.catalog-grid{grid-template-columns:1fr}.catalog-grid .topic-card-art{height:165px}.catalog-grid .topic-card-art .topic-art{width:150px;height:130px;right:20px;top:15px}.catalog-grid .topic-card-body p{min-height:0}.catalog-grid .topic-meta{flex-direction:row}.topic-heading{padding:22px}.topic-heading .topic-art{width:90px;height:100px}.topic-heading .art-orbit{width:80px;height:80px}.topic-heading .topic-art>svg{width:60px;height:60px}.profile-form{padding:20px}.profile-form .form-grid{grid-template-columns:1fr}.profile-form .span-2{grid-column:auto}.profile-photo{gap:15px}.avatar.large{width:66px;height:66px}.profile-photo .btn{font-size:12px}.ranking-row,.ranking-header{grid-template-columns:30px minmax(0,1fr) 55px;gap:8px}.auth-card{padding:27px 24px}.auth-page{padding:22px}.auth-story h1{font-size:29px}.auth-card h2{font-size:25px}.admin-stats{grid-template-columns:1fr}.admin-stats .card{display:grid;grid-template-columns:45px 1fr;gap:5px 15px}.admin-stats p{grid-column:auto;grid-row:2;grid-column:span 2;text-align:left}.admin-stats strong{justify-self:end}.admin-tabs{gap:15px}.admin-tabs svg{display:none}.result-stats{gap:8px}.result-stats>div{min-width:78px}.result-stats strong{font-size:26px}}@media(max-width:360px){.topbar .install-btn{width:36px;height:44px;justify-content:center}.topbar .install-btn span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.update-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;margin-bottom:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:14px}.bot-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.onboarding-page{min-height:100dvh;display:flex;flex-direction:column;padding:32px 5vw 22px}.onboarding-header{display:flex;justify-content:space-between;align-items:center;width:min(1160px,100%);margin:0 auto}.onboarding-header>div{display:flex;gap:22px;align-items:center}.onboarding-layout{width:min(1050px,100%);margin:auto;padding:55px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.onboarding-story h1{font-family:var(--fz-font-display);font-size:clamp(32px,3vw,44px);letter-spacing:-1.8px;line-height:1.22;margin:20px 0}.onboarding-story>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:14px}.onboarding-steps{list-style:none;padding:0;margin:34px 0}.onboarding-steps li{display:flex;gap:16px;align-items:center;position:relative;padding-bottom:26px;color:var(--muted)}.onboarding-steps li:last-child{padding-bottom:0}.onboarding-steps li:not(:last-child):after{content:"";position:absolute;left:20px;top:46px;bottom:5px;width:1px;background:var(--border)}.onboarding-steps li>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);background:var(--surface);border-radius:50%;font-weight:600;font-size:14px}.onboarding-steps b{display:block;font-size:14px}.onboarding-steps small{display:block;font-size:11px;margin-top:4px}.onboarding-steps .current{color:var(--ink)}.onboarding-steps .current>span{background:var(--green);color:var(--surface);border-color:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.onboarding-steps .done>span{background:var(--green-soft);color:var(--green);border-color:var(--green-soft)}.onboarding-story .onboarding-saved{display:flex;gap:12px;font-size:12px!important;max-width:320px}.onboarding-saved svg{flex-shrink:0;margin-top:5px;color:var(--green)}.onboarding-card{padding:38px;box-shadow:var(--shadow);min-width:0}.onboarding-card-top{display:flex;align-items:center;justify-content:space-between}.onboarding-card-top>span:last-child{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.onboarding-progress{height:4px;background:var(--surface-soft);border-radius:10px;margin:28px 0;overflow:hidden}.onboarding-progress>span{height:100%;display:block;background:var(--green);transition:width .2s}.onboarding-card h2{font-family:var(--fz-font-display);font-size:28px;letter-spacing:-1px;margin:0 0 12px;line-height:1.3;outline:none}.onboarding-description{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:28px}.onboarding-card form{display:grid;gap:20px}.onboarding-card input,.onboarding-card select{font-size:16px;min-width:0;width:100%}.onboarding-note{font-size:12px;color:var(--muted);line-height:1.7;padding:14px 16px;border-radius:12px;background:var(--surface-soft);margin:0}.onboarding-back{margin:24px auto 0;display:flex;font-size:12px}.onboarding-footer{width:min(1160px,100%);margin:0 auto;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.onboarding-photo{text-align:center}.photo-placeholder{width:140px;height:140px;display:grid;place-items:center;margin:0 auto 24px;background:var(--green-soft);color:var(--green);border:2px dashed var(--border);border-radius:28px}.onboarding-photo .hint{line-height:1.9;margin:18px 0 24px}.crop-description{color:var(--muted);line-height:1.7;font-size:14px}.crop-preview{position:relative;width:min(320px,100%);margin:22px auto;line-height:0;background:var(--surface-soft);border-radius:12px;overflow:hidden}.crop-preview canvas{width:100%;height:auto;touch-action:none;cursor:grab}.crop-preview canvas:active{cursor:grabbing}.crop-preview canvas:focus-visible{outline:3px solid #65a9d2;outline-offset:-4px}.crop-grid{pointer-events:none;position:absolute;inset:0;background:linear-gradient(to right,transparent 33.2%,#fff6 33.2%,#fff6 33.6%,transparent 33.6%,transparent 66.4%,#fff6 66.4%,#fff6 66.8%,transparent 66.8%),linear-gradient(to bottom,transparent 33.2%,#fff6 33.2%,#fff6 33.6%,transparent 33.6%,transparent 66.4%,#fff6 66.4%,#fff6 66.8%,transparent 66.8%);box-shadow:inset 0 0 0 1px #fff8;border-radius:12px}.crop-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.rank-person b{overflow-wrap:anywhere}@media(max-width:760px){.onboarding-page{padding:22px 20px}.onboarding-header .logo{font-size:18px}.onboarding-layout{display:block;padding:34px 0;max-width:480px}.onboarding-story>.eyebrow,.onboarding-story h1,.onboarding-story>p{display:none}.onboarding-steps{display:flex;justify-content:space-between;margin:0 0 28px;gap:8px}.onboarding-steps li{flex-direction:column;gap:10px;padding:0;flex:1}.onboarding-steps li:not(:last-child):after{top:20px;left:calc(50% + 27px);width:calc(100% - 46px);bottom:auto;height:1px}.onboarding-steps small{display:none}.onboarding-steps b{font-size:10px;text-align:center}.onboarding-card{padding:27px 24px}.onboarding-card h2{font-size:25px}.onboarding-footer{flex-direction:column;text-align:center;gap:8px;font-size:10px}.crop-actions .btn{flex:1}}.mcp-auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:24px}.mcp-consent{width:min(100%,580px);padding:clamp(24px,5vw,40px)}.mcp-consent h1{font-size:clamp(25px,5vw,32px);line-height:1.2;margin:16px 0}.mcp-consent p{margin:16px 0}.mcp-permissions{padding-left:22px;display:grid;gap:12px;margin:24px 0}.mcp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.mcp-connections{max-width:840px}.mcp-connections>p{margin:16px 0}.mcp-connections input{width:100%;min-width:0}.mcp-list-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:28px}.mcp-list-toolbar>span{color:var(--muted);font-size:13px}.mcp-user-list{display:grid;gap:20px;margin-top:20px}.mcp-user-group{padding:20px;border:1px solid var(--border);border-radius:16px;min-width:0}.mcp-user-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:16px}.mcp-user-identity{min-width:0}.mcp-user-identity>div,.mcp-connection-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mcp-user-identity h3{font-size:16px;margin:0;overflow-wrap:anywhere}.mcp-user-identity p{margin:5px 0 0;overflow-wrap:anywhere;font-size:13px}.mcp-connection{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 0;border-top:1px solid var(--border)}.mcp-connection:last-child{padding-bottom:0}.mcp-connection-details{min-width:0;overflow-wrap:anywhere}.mcp-connection-details small{display:block;margin-top:6px;color:var(--muted)}.mcp-connection p{margin:5px 0}@media(max-width:600px){.mcp-user-group{padding:16px}.mcp-list-toolbar>.btn,.mcp-connection>.btn{width:100%}.mcp-user-header{align-items:flex-start;flex-direction:column}}.gem-counter{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:12px;background:var(--lavender);color:var(--ink);font-size:14px;white-space:nowrap}.gem-counter svg,.gem-balance svg{color:#7784ce}.game-panel{margin-bottom:30px}.journey-banner{display:flex;align-items:center;gap:22px;padding:26px 30px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius)}.journey-banner>div:nth-child(2){flex:1;min-width:0}.journey-banner h2{margin:5px 0 12px}.journey-banner h2 span{font-size:16px;color:var(--muted);font-weight:500}.journey-banner small{display:block;color:var(--muted);margin-top:7px}.journey-emblem{width:80px;height:80px;display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:26px;transform:rotate(-5deg)}.journey-emblem svg{transform:rotate(5deg)}.gem-balance{display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center;padding:17px 22px;background:var(--lavender);border-radius:18px;min-width:130px;text-align:center}.gem-balance strong{font-size:26px;line-height:1.2}.gem-balance span{grid-column:1/-1;color:var(--muted);font-size:12px;margin-top:5px}.game-links{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px}.game-links a{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:13px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:13px;font-weight:650;white-space:nowrap}.game-links svg{width:18px;color:var(--green)}.game-links a:hover{background:var(--green-soft)}.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mission-card>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mission-card h3{font-size:16px}.mission-card p{font-size:13px;min-height:44px;margin:6px 0 14px}.mission-card>small{display:block;margin-top:8px;color:var(--muted)}.mission-card.is-complete{border-color:var(--green)}.pill.blue{background:var(--lavender);color:var(--ink);gap:5px}.game-panel>.hint{margin:12px 0 22px}.badge-tabs{margin-bottom:20px}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:28px}.badge-card{display:flex;align-items:flex-start;gap:16px;padding:22px}.badge-card>div:last-child{min-width:0;flex:1}.badge-card h3{font-size:15px}.badge-card p{font-size:12px;line-height:1.6;margin:6px 0 14px;min-height:38px}.badge-card .progress{height:5px}.badge-card.earned{background:var(--green-soft)}.badge-medal{flex-shrink:0;width:58px;height:65px;display:grid;place-items:center;color:var(--muted);background:var(--surface-soft);border-radius:18px 18px 27px 27px;position:relative;border:2px solid var(--border)}.badge-medal>span{position:absolute;bottom:-7px;background:var(--surface);border:1px solid var(--border);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:11px;font-weight:700}.earned .badge-medal{background:var(--yellow);color:#a17b1d;border-color:#bea555}.badge-foot{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:var(--muted)}.badge-foot small{font-size:10px}.badge-foot span{display:flex;align-items:center;gap:3px;font-size:11px}.xp-guide{display:flex;gap:18px;padding:24px;margin:26px 0}.xp-guide>svg{color:var(--green)}.xp-guide p{font-size:13px;margin-top:8px}.review-lock{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #bb935d;background:var(--peach);border-radius:var(--radius);margin:0 0 25px}.review-lock>div{flex:1}.review-lock p{font-size:13px;margin-top:6px}.review-lock>svg{color:#b58b47}.question-xp{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.question-xp .eyebrow{margin:0}.badge-celebration{padding:10px 14px;background:var(--yellow);border-radius:10px;margin-top:10px!important}.shop-tabs{margin-bottom:24px;flex-wrap:wrap}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:24px}.shop-item{overflow:hidden;padding:0;display:flex;flex-direction:column}.shop-art{height:150px;display:grid;place-items:center;position:relative;background:var(--mint);color:var(--green)}.shop-art.frame-ocean{background:#daeaf1;color:#2c758e}.shop-art.frame-sunset{background:#fae5ca;color:#c47b31}.shop-art.frame-galaxy{background:#e2dcf5;color:#7a64a7}.shop-art.frame-gold{background:#f3eac6;color:#987b1b}.shop-art.title-scientist{background:var(--lavender);color:var(--ink)}.shop-art.title-persistent{background:var(--peach);color:var(--ink)}.shop-art.friend-bird{background:var(--yellow);color:#a68431}.shop-art.friend-turtle{background:var(--mint)}.shop-art.friend-cat{background:var(--lavender);color:#a493c4}.shop-art>svg{filter:drop-shadow(0 5px 0 #00000012)}.owned-check{position:absolute;right:14px;top:14px;width:25px;height:25px;background:var(--surface);border-radius:50%;display:grid;place-items:center;color:var(--green)}.shop-item-body{padding:23px;display:flex;flex-direction:column;flex:1}.shop-item-body>small:first-child{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.shop-item h3{margin:7px 0}.shop-item p{font-size:13px;margin-bottom:22px;flex:1}.shop-item .hint{display:block;text-align:center;margin-top:7px}.gem-history{padding:22px;margin-top:24px}.gem-history summary{font-weight:650;cursor:pointer}.gem-history>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--border);font-size:13px}.gem-history small{display:block;color:var(--muted)}.gem-history b{display:flex;align-items:center;gap:5px;white-space:nowrap}.gem-history .positive{color:var(--green)}.purchase-preview{text-align:center;background:var(--surface-soft);padding:25px;border-radius:14px;margin-bottom:20px}.purchase-preview svg{color:var(--green);margin-bottom:12px}.modal .purchase-preview~.btn{margin-top:24px}.avatar.frame-leaf{outline:3px solid #79ad77;outline-offset:2px}.avatar.frame-ocean{outline:3px solid #549cb6;outline-offset:2px}.avatar.frame-sunset{outline:3px solid #d9a261;outline-offset:2px}.avatar.frame-galaxy{outline:3px solid #a48bd0;outline-offset:2px}.avatar.frame-gold{outline:3px solid #c6a544;outline-offset:2px}.rank-details>small{font-size:10px;color:var(--muted);display:block}.rank-person{padding:4px 0}.rank-details{flex-wrap:wrap}.invite-card{display:flex;gap:20px;align-items:center;padding:25px;margin-bottom:24px}.invite-card>div{flex:1;min-width:0}.invite-card p{font-size:13px;margin:7px 0 14px}.invite-card input{font-size:12px}.friend-search{display:flex;align-items:end;gap:15px;margin:25px 0}.friend-search label{flex:1}.friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.friend-card{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.friend-card>a{display:flex;align-items:center;gap:14px;min-width:0}.friend-card h3{font-size:15px;overflow-wrap:anywhere}.friend-card p{font-size:13px}.friend-card small{font-size:11px;color:var(--muted)}.friend-card .btn{font-size:12px;padding:10px}.public-profile{text-align:center;padding:35px;margin:22px auto 35px;max-width:700px}.public-profile .avatar{margin-bottom:18px}.public-profile h1{margin-bottom:8px}.public-profile>.pill{margin:18px}.public-profile-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:10px}.public-profile .success{justify-content:center}.friend-badge{display:flex;align-items:center;gap:15px;padding:22px;background:var(--green-soft)}.friend-badge>svg{color:var(--green)}.friend-badge p{font-size:12px;margin-top:5px}.invite-landing>svg{color:var(--green);margin:25px}.invite-landing .btn{margin-top:25px}@media(max-width:1200px){.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{gap:16px}.shop-item-body{padding:18px}.friend-grid{grid-template-columns:1fr}}@media(max-width:650px){.journey-banner{padding:20px 16px;gap:14px;flex-wrap:wrap}.journey-emblem{width:55px;height:60px;border-radius:18px}.journey-emblem svg{width:30px}.journey-banner h2{font-size:19px}.journey-banner h2 span{font-size:13px}.journey-banner>.gem-balance{display:none}.game-links{gap:7px}.game-links a{padding:11px 7px;font-size:11px;gap:5px}.game-links svg{width:16px}.mission-grid{grid-template-columns:1fr}.mission-card{padding:18px 20px}.mission-card>div:first-child{margin-bottom:8px}.mission-card p{min-height:0;margin-bottom:12px}.mission-card .round-icon{width:35px;height:35px}.badge-grid{grid-template-columns:1fr;gap:12px}.badge-card{padding:20px}.badge-card p{min-height:0}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-art{height:115px}.shop-art>svg{width:38px}.shop-item-body{padding:15px 12px}.shop-item h3{font-size:15px}.shop-item p{font-size:12px;margin-bottom:16px}.shop-item .btn{font-size:11px;padding:10px 7px;gap:4px;min-height:44px}.shop-item .btn svg{width:14px}.shop-tabs{gap:2px}.shop-tabs button{padding:10px;font-size:11px}.review-lock{flex-wrap:wrap;padding:20px;gap:12px}.review-lock>div{flex-basis:80%}.review-lock>.btn{width:100%}.invite-card{flex-wrap:wrap;padding:20px}.invite-card>.round-icon{display:none}.invite-card>div{flex-basis:100%}.invite-card>.btn{width:100%}.friend-search{flex-wrap:wrap}.friend-search label{flex-basis:100%}.friend-search>.btn{width:100%}.friend-card{padding:20px 16px}.public-profile{padding:28px 20px}.gem-counter{padding:7px 8px;font-size:12px;gap:4px}.gem-counter svg{width:16px}.topbar-actions{gap:8px}.xp-guide{padding:20px;gap:12px}.question-xp .pill{font-size:10px}}@media(prefers-reduced-motion:no-preference){.earned .badge-medal{animation:badge-arrival .3s ease-out}@keyframes badge-arrival{0%{transform:scale(.9)}to{transform:scale(1)}}}.study-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;margin-bottom:22px}.study-launch p{font-size:13px;margin-top:7px}@media(max-width:650px){.study-launch{padding:20px;flex-direction:column;align-items:stretch}.study-launch h2{font-size:20px}}.shop-art .avatar.large{width:72px;height:72px;border-radius:20px;outline-width:5px;outline-offset:5px;box-shadow:0 8px 20px #0002}.shop-art .avatar img{width:100%;height:100%}@media(max-width:650px){.shop-art .avatar.large{width:56px;height:56px;border-radius:15px;outline-width:4px;outline-offset:4px}}@media(max-width:440px){.topbar .install-btn span{display:none}.topbar .install-btn{width:30px;height:40px;justify-content:center}}@media(max-width:360px){.topbar .logo-icon{display:none}.topbar .logo b{font-size:18px}.topbar{gap:8px;padding-left:12px;padding-right:12px}.topbar-actions{gap:6px}}@media(max-width:650px){.page-title>div:first-child{min-width:0}.page-title:has(.gem-balance){gap:14px}.page-title .gem-balance{min-width:96px;padding:16px 12px}}.admin-tabs{scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.badge-art-image{display:block;object-fit:contain;max-width:100%;flex-shrink:0}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.badge-card.collectible{display:flex;flex-direction:column;gap:0;padding:18px;position:relative;overflow:hidden;background:var(--surface)}.collectible-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.badge-level{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--green)}.badge-status{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.collectible-art{display:grid;place-items:center;min-height:190px;width:100%;padding:15px;border-radius:16px;background:radial-gradient(ellipse at center,#b0c1a91c 0%,transparent 68%)}.collectible-art img{width:160px;height:160px;filter:saturate(.45);transition:transform .2s,filter .2s}.earned .collectible-art img,.collectible-art:hover img{filter:none}.collectible-art:hover img{transform:translateY(-4px) scale(1.04)}.collectible.earned{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:linear-gradient(155deg,var(--surface),var(--surface-soft))}.collectible-body{width:100%;display:flex;flex-direction:column;flex:1}.badge-card.collectible h3{font-size:17px;margin-bottom:8px}.badge-card.collectible p{font-size:12px;line-height:1.6;min-height:40px;flex:1;margin-bottom:12px}.badge-detail{display:flex;align-items:center;flex-direction:column;gap:18px;padding:0 0 12px;text-align:center}.badge-detail>.badge-art-image{width:min(300px,75vw);height:auto;aspect-ratio:1}.badge-detail h3{font-size:25px}.badge-detail p{color:var(--muted)}.badge-detail .progress,.badge-detail .badge-foot{width:100%}.badge-detail .badge-foot{flex-wrap:wrap;gap:10px}.friend-badge>.badge-art-image{width:80px;height:80px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0}.catalog-heading h2{font-size:26px;margin:8px 0}.catalog-heading p:not(.eyebrow){color:var(--muted);font-size:14px}.catalog-heading .btn{flex-shrink:0}.catalog-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.catalog-sections button{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-align:left}.catalog-sections button.active{border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 -3px 0 var(--green)}.catalog-sections svg{flex-shrink:0;color:var(--green)}.catalog-sections b{display:block;margin-bottom:5px;font-size:15px}.catalog-sections small{font-size:11px;color:var(--muted)}.catalog-notice{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);font-size:13px;color:var(--muted);line-height:1.6}.catalog-notice svg{flex-shrink:0;color:var(--green)}.catalog-toolbar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:24px 0}.catalog-search{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;max-width:450px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted)}.catalog-search input{border:0;background:none;width:100%;min-width:0;padding:13px 0;color:var(--ink)}.catalog-status{display:flex;flex-direction:row;align-items:center;gap:10px;color:var(--muted);font-size:12px}.catalog-status select{width:auto;min-width:130px;margin:0}.catalog-admin .catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-card{padding:20px;display:flex;flex-direction:column;min-width:0}.catalog-card.is-archived{border-style:dashed}.catalog-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.catalog-card-top small{font-size:11px;color:var(--muted)}.catalog-art{display:grid;place-items:center;height:135px;margin:12px 0;background:radial-gradient(ellipse,var(--surface-soft),transparent 70%);border-radius:16px}.catalog-art.is-badge{height:160px}.catalog-art .avatar.large{width:80px;height:80px}.catalog-card h3{font-size:17px;line-height:1.35}.catalog-card>p{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 18px;flex:1}.catalog-rule{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5}.catalog-rule svg{color:var(--green);flex-shrink:0}.catalog-reward{display:flex;gap:7px;align-items:center;color:var(--green);font-size:12px;font-weight:700;margin-top:10px}.catalog-meta{display:flex;gap:8px;justify-content:space-between;font-size:10px;color:var(--muted);margin:18px 0 14px;border-top:1px solid var(--border);padding-top:14px}.catalog-actions{display:flex;gap:8px}.catalog-actions>.btn{flex:1}.catalog-actions>.icon-btn{width:42px;flex-shrink:0}.catalog-editor{display:flex;flex-direction:column;gap:18px}.catalog-editor label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;min-width:0}.catalog-editor input,.catalog-editor select,.catalog-editor textarea{width:100%;margin:0}.catalog-editor textarea{resize:vertical}.catalog-editor .form-grid{margin:0;gap:16px}.catalog-preview{display:flex;align-items:center;gap:22px;background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;padding:18px}.catalog-preview>.badge-art-image{width:108px;height:108px}.catalog-preview .avatar.large{width:72px;height:72px;flex-shrink:0}.catalog-preview h3{font-size:20px;margin:6px 0;overflow-wrap:anywhere}.catalog-preview span{font-size:12px;color:var(--muted)}.asset-picker{border:1px solid var(--border);border-radius:14px;overflow:hidden}.asset-picker summary{display:flex;align-items:center;gap:8px;padding:15px;cursor:pointer;font-size:13px;font-weight:600;background:var(--surface-soft)}.asset-picker>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;max-height:330px;overflow:auto}.asset-picker button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;gap:5px;border:2px solid transparent;border-radius:12px;min-height:104px}.asset-picker button.selected{border-color:var(--green);background:var(--green-soft)}.asset-picker button>svg:last-child{position:absolute;right:4px;top:4px}.asset-picker button>img{max-width:100%;height:70px;object-fit:contain}.asset-picker small{font-size:9px;line-height:1.25;color:var(--muted)}.catalog-editor .catalog-publish{display:flex;flex-direction:row;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--surface-soft)}.catalog-publish input{width:19px;height:19px;flex-shrink:0;accent-color:var(--green)}.catalog-publish span{display:flex;flex-direction:column;gap:5px}.catalog-publish small{font-weight:400;color:var(--muted);line-height:1.5}.catalog-editor .form-actions{position:sticky;bottom:-24px;padding:14px 0;background:var(--surface);border-top:1px solid var(--border);z-index:2}@media(min-width:1500px){.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.catalog-admin .catalog-grid,.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog-heading{align-items:stretch;flex-direction:column;gap:16px}.catalog-heading h2{font-size:23px}.catalog-sections{gap:7px}.catalog-sections button{padding:14px 8px;gap:9px;flex-direction:column;text-align:center}.catalog-sections b{font-size:12px}.catalog-sections small{font-size:10px}.catalog-toolbar{flex-wrap:wrap;gap:12px}.catalog-search{flex-basis:100%;max-width:none}.catalog-status{width:100%;justify-content:space-between}.catalog-admin .catalog-grid{grid-template-columns:minmax(0,1fr)}.catalog-card{padding:18px}.catalog-preview{gap:12px;padding:12px}.catalog-preview>.badge-art-image{width:80px;height:80px}.catalog-preview h3{font-size:17px}.asset-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}.badge-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.badge-card.collectible{padding:12px}.badge-status span{display:none}.collectible-art{min-height:136px;padding:12px 0}.collectible-art img{width:120px;height:120px}.badge-card.collectible h3{font-size:14px}.badge-card.collectible p{font-size:11px;min-height:53px}.collectible .badge-foot{flex-wrap:wrap;gap:7px}.collectible .badge-foot small{font-size:10px}.collectible .badge-foot span{font-size:11px}}@media(max-width:350px){.badge-grid{grid-template-columns:minmax(0,1fr)}.collectible-art img{width:150px;height:150px}.catalog-sections small{display:none}}@media(prefers-reduced-motion:reduce){.collectible-art img{transition:none}.collectible-art:hover img{transform:none}}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/Baloo2-latin-ext-Variable-Dz43yst_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/Baloo2-latin-Variable-B_TVFhwJ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:italic;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(/assets/NunitoSans-Italic-latin-ext-Variable-Cf7cROU4.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:italic;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(/assets/NunitoSans-Italic-latin-Variable-B3URO7Ca.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(/assets/NunitoSans-latin-ext-Variable-DMEAsnHD.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 1000;font-stretch:100%;font-display:swap;src:url(/assets/NunitoSans-latin-Variable-BWQ3gi2K.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fz-color-purple-bg: #211241;--fz-color-purple-surface: #2d1b52;--fz-color-purple-raised: #3b2667;--fz-color-turquoise: #24d6e8;--fz-color-aqua: #7df7f2;--fz-color-cyan: #00b8d9;--fz-color-yellow: #ffd34e;--fz-color-coral: #ff805a;--fz-color-pink: #ff2e78;--fz-color-cream: #fff5d8;--fz-color-muted: #beb1d9;--fz-color-violet: #7448ff;--fz-color-ice: #f8f5ff;--fz-color-white: #ffffff;--fz-color-light-raised: #eee8fa;--fz-color-light-muted: #64567d;--fz-color-light-divider: #d9cee9;--fz-color-light-disabled: #e1d8f0;--fz-color-teal-action: #006b7d;--fz-color-teal-hover: #005a69;--fz-color-teal-active: #004a57;--fz-color-focus-light: #5430ca;--fz-color-border-dark: #907baa;--fz-color-border-light: #8d7ca6;--fz-color-selected-dark: #143b46;--fz-color-selected-light: #ddf9fb;--fz-color-success-dark: #70e3a1;--fz-color-success-light: #187443;--fz-color-success-container-dark: #123d34;--fz-color-success-container-light: #e7f7ee;--fz-color-warning-light: #8a5700;--fz-color-warning-container-dark: #493510;--fz-color-warning-container-light: #fff3d4;--fz-color-error-dark: #ff8095;--fz-color-error-light: #bc2049;--fz-color-error-container-dark: #4a2039;--fz-color-error-container-light: #fce8ee;--fz-color-info-dark: #65c5ff;--fz-color-info-light: #1966a8;--fz-color-info-container-dark: #15364f;--fz-color-info-container-light: #e8f4fe;--fz-space-0: 0;--fz-space-1: 4px;--fz-space-2: 8px;--fz-space-3: 12px;--fz-space-4: 16px;--fz-space-5: 20px;--fz-space-6: 24px;--fz-space-8: 32px;--fz-space-10: 40px;--fz-space-12: 48px;--fz-space-16: 64px;--fz-radius-sm: 8px;--fz-radius-control: 16px;--fz-radius-card: 24px;--fz-radius-hero: 32px;--fz-radius-pill: 999px;--fz-font-display: "Baloo 2", "Trebuchet MS", sans-serif;--fz-font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--fz-gradient-fiz: linear-gradient( 160deg, #ffd34e 0%, #ff805a 55%, #ff2e78 100% );--fz-gradient-um: linear-gradient( 160deg, #7df7f2 0%, #24d6e8 55%, #00b8d9 100% );--fz-duration-fast: .12s;--fz-duration-normal: .18s;--fz-duration-celebration: .36s;--fz-easing: cubic-bezier(.2, .8, .2, 1);--fz-target-min: 48px;--fz-focus-width: 3px;--fz-focus-offset: 3px}:root,[data-theme=dark],[data-theme=system]{--fz-bg: var(--fz-color-purple-bg);--fz-surface: var(--fz-color-purple-surface);--fz-raised: var(--fz-color-purple-raised);--fz-text: var(--fz-color-cream);--fz-text-muted: var(--fz-color-muted);--fz-action: var(--fz-color-turquoise);--fz-action-hover: var(--fz-color-aqua);--fz-action-active: var(--fz-color-cyan);--fz-on-action: var(--fz-color-purple-bg);--fz-secondary: var(--fz-color-yellow);--fz-on-secondary: var(--fz-color-purple-bg);--fz-link: var(--fz-color-aqua);--fz-focus: var(--fz-color-yellow);--fz-border: var(--fz-color-border-dark);--fz-divider: var(--fz-color-purple-raised);--fz-disabled-bg: var(--fz-color-purple-raised);--fz-disabled-text: var(--fz-color-muted);--fz-selected-bg: var(--fz-color-selected-dark);--fz-selected-text: var(--fz-color-aqua);--fz-selected-border: var(--fz-color-turquoise);--fz-success: var(--fz-color-success-dark);--fz-success-bg: var(--fz-color-success-container-dark);--fz-on-success: var(--fz-color-purple-bg);--fz-warning: var(--fz-color-yellow);--fz-warning-bg: var(--fz-color-warning-container-dark);--fz-on-warning: var(--fz-color-purple-bg);--fz-error: var(--fz-color-error-dark);--fz-error-bg: var(--fz-color-error-container-dark);--fz-on-error: var(--fz-color-purple-bg);--fz-info: var(--fz-color-info-dark);--fz-info-bg: var(--fz-color-info-container-dark);--fz-on-info: var(--fz-color-purple-bg);--fz-shadow-card: 0 6px 0 rgba(10, 4, 24, .24);--fz-shadow-floating: 0 12px 28px rgba(10, 4, 24, .28);color-scheme:dark}[data-theme=light]{--fz-bg: var(--fz-color-ice);--fz-surface: var(--fz-color-white);--fz-raised: var(--fz-color-light-raised);--fz-text: var(--fz-color-purple-bg);--fz-text-muted: var(--fz-color-light-muted);--fz-action: var(--fz-color-teal-action);--fz-action-hover: var(--fz-color-teal-hover);--fz-action-active: var(--fz-color-teal-active);--fz-on-action: var(--fz-color-white);--fz-secondary: var(--fz-color-yellow);--fz-on-secondary: var(--fz-color-purple-bg);--fz-link: var(--fz-color-teal-action);--fz-focus: var(--fz-color-focus-light);--fz-border: var(--fz-color-border-light);--fz-divider: var(--fz-color-light-divider);--fz-disabled-bg: var(--fz-color-light-disabled);--fz-disabled-text: var(--fz-color-light-muted);--fz-selected-bg: var(--fz-color-selected-light);--fz-selected-text: var(--fz-color-teal-action);--fz-selected-border: var(--fz-color-teal-action);--fz-success: var(--fz-color-success-light);--fz-success-bg: var(--fz-color-success-container-light);--fz-on-success: var(--fz-color-white);--fz-warning: var(--fz-color-warning-light);--fz-warning-bg: var(--fz-color-warning-container-light);--fz-on-warning: var(--fz-color-white);--fz-error: var(--fz-color-error-light);--fz-error-bg: var(--fz-color-error-container-light);--fz-on-error: var(--fz-color-white);--fz-info: var(--fz-color-info-light);--fz-info-bg: var(--fz-color-info-container-light);--fz-on-info: var(--fz-color-white);--fz-shadow-card: 0 6px 0 rgba(33, 18, 65, .08);--fz-shadow-floating: 0 12px 28px rgba(33, 18, 65, .12);color-scheme:light}@media(prefers-color-scheme:light){[data-theme=system]{--fz-bg: var(--fz-color-ice);--fz-surface: var(--fz-color-white);--fz-raised: var(--fz-color-light-raised);--fz-text: var(--fz-color-purple-bg);--fz-text-muted: var(--fz-color-light-muted);--fz-action: var(--fz-color-teal-action);--fz-action-hover: var(--fz-color-teal-hover);--fz-action-active: var(--fz-color-teal-active);--fz-on-action: var(--fz-color-white);--fz-secondary: var(--fz-color-yellow);--fz-on-secondary: var(--fz-color-purple-bg);--fz-link: var(--fz-color-teal-action);--fz-focus: var(--fz-color-focus-light);--fz-border: var(--fz-color-border-light);--fz-divider: var(--fz-color-light-divider);--fz-disabled-bg: var(--fz-color-light-disabled);--fz-disabled-text: var(--fz-color-light-muted);--fz-selected-bg: var(--fz-color-selected-light);--fz-selected-text: var(--fz-color-teal-action);--fz-selected-border: var(--fz-color-teal-action);--fz-success: var(--fz-color-success-light);--fz-success-bg: var(--fz-color-success-container-light);--fz-on-success: var(--fz-color-white);--fz-warning: var(--fz-color-warning-light);--fz-warning-bg: var(--fz-color-warning-container-light);--fz-on-warning: var(--fz-color-white);--fz-error: var(--fz-color-error-light);--fz-error-bg: var(--fz-color-error-container-light);--fz-on-error: var(--fz-color-white);--fz-info: var(--fz-color-info-light);--fz-info-bg: var(--fz-color-info-container-light);--fz-on-info: var(--fz-color-white);--fz-shadow-card: 0 6px 0 rgba(33, 18, 65, .08);--fz-shadow-floating: 0 12px 28px rgba(33, 18, 65, .12);color-scheme:light}}.fzb-art{--badge-size: 142px;--badge-shape: circle(48%);position:relative;display:inline-block;isolation:isolate;flex:0 0 auto;width:var(--badge-size);height:var(--badge-size);vertical-align:middle;overflow:visible;filter:drop-shadow(0 5px 0 #160b3866)}.fzb-art--xs{--badge-size: 54px}.fzb-art--sm{--badge-size: 86px}.fzb-art--lg{--badge-size: 184px}.fzb-art--hero{--badge-size: 270px}.fzb-art-frame,.fzb-art-shadow{position:absolute;inset:12%;clip-path:var(--badge-shape);background:linear-gradient(135deg,#cdfffe,#42e7f0 21%,#118acc 49%,#64f7eb 72%,#167bae)}.fzb-art-shadow{inset:12%;transform:translateY(3.5%);background:#140c33}.fzb-art-frame>span{position:absolute;inset:5%;clip-path:var(--badge-shape);background:radial-gradient(ellipse at 36% 18%,#7038a1,#32145a 58%,#20103f);box-shadow:inset 0 0 0 5px #211241}.fzb-art-frame>span:after{content:"";position:absolute;inset:5%;clip-path:var(--badge-shape);background:radial-gradient(ellipse at 50% 25%,#c684fc3a,transparent 65%);border-radius:50%;border:1px solid #ffffff20}.fzb-art-emblem{position:absolute;z-index:3;left:20%;top:17%;display:block;width:60%;height:60%;object-fit:contain;filter:drop-shadow(0 2px 0 #18083480)}.fzb-art-jewel{position:absolute;z-index:4;left:45%;bottom:9%;width:10%;height:10%;border:2px solid #bdfcf9;border-radius:35% 42% 38% 40%;background:linear-gradient(135deg,#b9ffef 12%,#1becf2 48%,#009bdd 70%);transform:rotate(45deg);box-shadow:2px 2px #06204d}.fzb-art-ribbons,.fzb-art-laurels,.fzb-art-crown,.fzb-art-stars{display:none}.fzb-art-shine{position:absolute;z-index:4;display:block;width:8%;height:8%;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:#fff2a3}.fzb-art-shine--one{top:18%;left:12%;transform:rotate(13deg)}.fzb-art-shine--two{right:10%;bottom:24%;width:5%;height:5%;background:#a2fffa}.fzb-level-2{--badge-shape: polygon(50% 0, 92% 22%, 96% 71%, 50% 100%, 4% 71%, 8% 22%)}.fzb-level-2 .fzb-art-frame{background:linear-gradient(135deg,#fff7c6,#fed64d 24%,#d58524 49%,#ffe896 65%,#f3ad2f)}.fzb-level-2 .fzb-art-jewel{width:12%;height:12%;left:44%;bottom:7%}.fzb-level-3{--badge-shape: polygon( 50% 0, 94% 15%, 90% 63%, 77% 84%, 50% 100%, 23% 84%, 10% 63%, 6% 15% )}.fzb-level-3 .fzb-art-frame{background:linear-gradient(135deg,#e6faff,#b8a1ff 23%,#7734bf 46%,#e6c6ff 65%,#906bd3)}.fzb-level-3 .fzb-art-frame>span{inset:6%}.fzb-level-3 .fzb-art-jewel{display:none}.fzb-art-stars{position:absolute;z-index:5;left:25%;bottom:10%;width:50%;align-items:center;justify-content:center;gap:2%;color:#ffdb61;filter:drop-shadow(0 2px 0 #aa6829)}.fzb-art-stars svg{display:block;width:20%;height:auto;flex:0 0 auto}.fzb-level-3 .fzb-art-stars,.fzb-level-4 .fzb-art-stars,.fzb-level-5 .fzb-art-stars,.fzb-level-6 .fzb-art-stars{display:flex}.fzb-level-4{--badge-shape: polygon( 30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30% )}.fzb-level-4 .fzb-art-frame{inset:11% 14% 18%;background:linear-gradient(140deg,#fff9bf,#ffe160 20%,#d99931 48%,#fff1a5 71%,#f7bc38)}.fzb-level-4 .fzb-art-shadow{inset:11% 14% 18%}.fzb-level-4 .fzb-art-emblem{top:13%;left:22%;width:56%;height:56%}.fzb-art-ribbons{position:absolute;z-index:-1;inset:47% 18% 0}.fzb-art-ribbons i{position:absolute;left:9%;width:31%;height:100%;background:linear-gradient(90deg,#a970ea 0 15%,#583194 16% 37%,#e2bdff 38% 55%,#6f3aaa 56%);transform:rotate(20deg);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.fzb-art-ribbons i+i{left:auto;right:9%;transform:rotate(-20deg)}.fzb-level-4 .fzb-art-ribbons,.fzb-level-6 .fzb-art-ribbons{display:block}.fzb-level-4 .fzb-art-jewel{left:46%;width:8%;height:8%;bottom:18%}.fzb-level-4 .fzb-art-stars{bottom:2%}.fzb-level-5{--badge-shape: polygon(50% 0, 94% 25%, 94% 75%, 50% 100%, 6% 75%, 6% 25%)}.fzb-level-5 .fzb-art-frame{inset:14% 16%;background:linear-gradient(135deg,#e8fff5,#7df5e5 22%,#32b5cf 47%,#bbfff9 63%,#60dadb)}.fzb-art-laurels{position:absolute;z-index:2;inset:7% 2% 9%}.fzb-art-laurels>span{position:absolute;left:0;top:13%;height:79%;width:40%;border-left:3px solid #c28430;border-bottom:3px solid #edb952;border-radius:0 0 0 95%;transform:rotate(-11deg)}.fzb-art-laurels>span+span{left:auto;right:0;transform:scaleX(-1) rotate(-11deg)}.fzb-art-laurels i{position:absolute;width:31%;height:18%;left:calc(var(--leaf) * var(--leaf) * 1.2%);top:calc(7% + var(--leaf) * 18%);border-radius:70% 0 75%;background:linear-gradient(135deg,#fff4a0,#ffcc46 55%,#cf8d26);box-shadow:inset 1px 1px #fff4ca;transform:rotate(calc(-10deg - var(--leaf) * 14deg))}.fzb-level-5 .fzb-art-laurels,.fzb-level-6 .fzb-art-laurels{display:block}.fzb-level-5 .fzb-art-stars{bottom:1%;left:24%;width:52%}.fzb-level-5 .fzb-art-jewel{bottom:11%}.fzb-level-6{--badge-shape: polygon( 50% 0, 63% 7%, 79% 6%, 85% 20%, 99% 29%, 95% 44%, 100% 60%, 89% 70%, 85% 87%, 68% 88%, 50% 100%, 33% 89%, 17% 88%, 12% 71%, 0 61%, 5% 46%, 1% 31%, 15% 22%, 20% 7%, 37% 8% )}.fzb-level-6 .fzb-art-frame{inset:16% 15% 12%;background:linear-gradient(130deg,#fffbdc,#ffd344 24%,#e2912f 45%,#fff3ab 65%,#f3b934)}.fzb-level-6 .fzb-art-frame>span{inset:7%;background:radial-gradient(ellipse at 35% 15%,#663eab,#371f72 55%,#1b0c3a)}.fzb-level-6 .fzb-art-emblem{left:22%;top:23%;width:56%;height:56%}.fzb-level-6 .fzb-art-laurels{inset:15% -1% 4%}.fzb-level-6 .fzb-art-crown{display:block;position:absolute;z-index:6;top:0;left:33%;width:34%;height:24%;clip-path:polygon(0 17%,28% 42%,50% 0,72% 42%,100% 17%,91% 86%,9% 86%);background:linear-gradient(135deg,#fffacb,#ffd446 40%,#e99226 78%);filter:drop-shadow(0 2px 0 #8f582a)}.fzb-level-6 .fzb-art-crown:after{content:"";position:absolute;inset:62% 14% 15%;background:linear-gradient(135deg,#ffee85,#fff6be);border-radius:2px}.fzb-level-6 .fzb-art-stars{bottom:-1%}.fzb-level-6 .fzb-art-ribbons{inset:62% 21% -5%}.fzb-level-6 .fzb-art-jewel{bottom:11%}.fzb-art--locked{filter:saturate(.63) brightness(.87) drop-shadow(0 5px 0 #160b3866)}.fzb-art .fzb-art-emblem{width:60%;height:60%;max-width:none;transition:none}.collectible-art:hover .fzb-art-emblem{transform:none}.badge-detail>.fzb-art{max-width:75vw;max-height:75vw}:root,:root[data-theme=dark],:root[data-theme=light]{font-family:var(--fz-font-body);--bg: var(--fz-bg);--surface: var(--fz-surface);--surface-soft: var(--fz-raised);--ink: var(--fz-text);--muted: var(--fz-text-muted);--border: var(--fz-divider);--green: var(--fz-link);--green-soft: var(--fz-selected-bg);--hero: #40216a;--mint: var(--fz-selected-bg);--lavender: var(--fz-raised);--yellow: var(--fz-warning-bg);--peach: var(--fz-error-bg);--shadow: var(--fz-shadow-card);--radius: var(--fz-radius-card);background:var(--bg);color:var(--ink);font-optical-sizing:auto}body{font-size:16px;line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/assets/background-OTRVnGy9.webp) center top / cover no-repeat;opacity:.65}[data-theme=light] body:before{opacity:.035}h1,h2,h3,h4{font-family:var(--fz-font-display);font-weight:800;letter-spacing:-.025em}h1{font-size:clamp(32px,3vw,44px);line-height:1.12}h2{font-size:28px;line-height:1.2}h3{font-size:23px;line-height:1.25}b,strong{font-weight:800}p{line-height:1.6}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--fz-focus);outline-offset:3px}input,select,textarea{min-height:48px;border:1px solid var(--fz-border);border-radius:16px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--fz-action)}label,legend{font-size:14px;font-weight:800}input[type=checkbox],input[type=radio]{min-height:20px}.btn{min-height:48px;padding:12px 20px;border-radius:16px;font-size:15px;font-weight:800;border-width:1px;line-height:1.35}.btn.primary,[data-theme=dark] .btn.primary{background:var(--fz-action);color:var(--fz-on-action);border-color:transparent;box-shadow:0 4px #006879,inset 0 1px #ffffff60}.btn.primary:hover:not(:disabled){background:var(--fz-action-hover);box-shadow:0 5px #006879}.btn.secondary{background:var(--surface-soft);border-color:var(--fz-border);box-shadow:0 3px #14082530}.btn.warm,.btn.lime{background:#ffd34e;color:#211241;box-shadow:0 4px #b97724}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:1;background:var(--fz-disabled-bg);color:var(--fz-disabled-text);box-shadow:none;border-color:var(--border)}.btn.primary:disabled,[data-theme=dark] .btn.primary:disabled{background:var(--fz-disabled-bg);color:var(--fz-disabled-text);box-shadow:none;border-color:var(--border)}.text-button,.back-link{font-size:14px;font-weight:800}.icon-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.card,.stat-card,.topic-card,.ranking-list,.history-list,.result-hero,.onboarding-card,.mcp-card{border-radius:var(--radius);box-shadow:var(--fz-shadow-card)}.eyebrow{font-size:11px;letter-spacing:.085em;font-weight:900}.hint{font-size:13px}.pill{font-weight:800;font-size:11px;border-radius:12px;padding:6px 10px}.pill.green{color:var(--fz-selected-text);background:var(--fz-selected-bg)}.pill.blue{color:var(--fz-info);background:var(--fz-info-bg)}.pill.orange,.pill.yellow{color:var(--fz-warning);background:var(--fz-warning-bg)}.pill.gray{color:var(--muted);background:var(--surface-soft)}.progress{height:10px;background:var(--surface-soft);border-radius:20px;box-shadow:inset 0 1px 2px #0002}.progress>span{background:linear-gradient(90deg,#7df7f2,#24d6e8);box-shadow:inset 0 2px #ffffff50;border-radius:inherit}[data-theme=light] .progress>span{background:var(--fz-action)}.success,.answer-feedback.positive{color:var(--fz-success);background:var(--fz-success-bg)}.error-box{color:var(--fz-error);background:var(--fz-error-bg);border-color:var(--fz-error)}.success svg,.correct-icon{color:var(--fz-success)}.modal{border-radius:28px;border-color:var(--fz-border);background:var(--surface);color:var(--ink);box-shadow:var(--fz-shadow-floating);padding:28px}.modal::backdrop{background:#130822c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-head h2{font-size:28px}.modal p{font-size:15px}.empty{padding:40px 20px}.empty h3{font-size:26px}.empty p{font-size:15px}.empty-icon{background:var(--lavender);color:var(--green);border-radius:20px}.round-icon.mint,.round-icon.lavender,.round-icon.yellow,.round-icon.peach{border-radius:18px;color:var(--fz-link)}.round-icon.yellow{color:var(--fz-warning)}.round-icon.peach{color:var(--fz-error)}.logo{display:flex;padding:8px 0;gap:0;line-height:1}.logo>.brand-mark{display:block}.brand-mark{display:block;position:relative;width:160px;height:auto;max-width:100%}.brand-lettering{display:block;width:88.785%;height:auto;margin-inline:auto;filter:drop-shadow(0 4px 0 #17082755)}.brand-drops{position:absolute;width:20.56%;height:auto;object-fit:contain;pointer-events:none}.brand-drops.left{left:-7.477%;top:42%;transform:translateY(-50%)}.brand-drops.right{right:-7.477%;top:58%;transform:translateY(-50%) scaleX(-1)}.brand-mark.brand-mark-large{width:min(360px,100%)}.discovery-art{display:block;object-fit:contain;max-width:100%}.diamond-art{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0}.fizum-collectible-art{object-fit:contain;max-width:100%}.sidebar{width:252px;background:color-mix(in srgb,var(--surface) 94%,transparent);padding:28px 18px;border-color:var(--border)}.sidebar .logo{margin:0 16px 30px}.sidebar .brand-mark{width:176px}.workspace-label{font-size:9px}.sidebar nav{gap:10px}.sidebar nav a{min-height:50px;font-size:15px;font-weight:700;border:1px solid transparent;border-radius:16px}.sidebar nav a.active{border-color:var(--fz-selected-border);color:var(--fz-selected-text);background:var(--fz-selected-bg);box-shadow:0 3px #10092030}.sidebar-note{background:var(--surface-soft);border-radius:20px}.sidebar-note b{font-family:var(--fz-font-display);font-size:21px;line-height:1.2}.sidebar-note p{font-size:13px}.sidebar-bottom>small{font-size:11px}.main-wrap{margin-left:252px}.main-wrap main{max-width:1320px;padding:32px 36px 48px;margin:auto}.topbar{height:90px;padding:0 36px;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.topbar .logo{max-width:200px}.topbar .brand-mark{width:168px}.topbar-actions{gap:12px}.topbar-divider{display:none}.gem-counter{background:linear-gradient(145deg,#512784,#3e1d6b);color:#fff5d8;border:1px solid #9660ca;border-radius:28px;padding:7px 12px;box-shadow:0 4px #170b3250;gap:6px;font-size:18px}.gem-counter .diamond-art{width:30px;height:30px}.account-trigger{width:44px;height:44px;border-radius:50%;border:2px solid var(--fz-border);background:var(--surface-soft);padding:2px}.account-trigger .avatar{border-radius:50%}.account-popover{border-radius:22px;border-color:var(--fz-border);padding:12px;box-shadow:var(--fz-shadow-floating)}.account-summary{padding:12px}.account-summary strong{font-size:20px;font-family:var(--fz-font-display)}.utility-link{min-height:48px;font-size:14px;border-radius:14px}.account-install .install-btn{width:100%;padding:12px 14px;font-size:14px;border-top:1px solid var(--border)}.topbar .account-install .install-btn span{display:inline}.install-btn{min-height:44px;font-size:12px}.page-title{gap:20px;margin-bottom:28px}.page-title h1{margin-bottom:8px}.page-title p:not(.eyebrow){font-size:16px}.date-label{font-size:12px}.section-title{gap:16px;flex-wrap:wrap}.section-title h2{font-size:29px}.section-title h3{font-size:23px}.tabs{background:var(--surface-soft);padding:5px;border:1px solid var(--border);border-radius:16px}.tabs button{min-height:44px;border-radius:12px;font-size:14px;font-weight:800}.tabs button.active{background:var(--fz-selected-bg);color:var(--fz-selected-text);box-shadow:inset 0 0 0 1px var(--fz-selected-border)}.study-launch,.question-prompt,.auth-card,.shop-item-body{--ink: #291347;--muted: #624475;--green: #006b7d;--border: #dfcfe4;--surface: #fffae8;--surface-soft: #f1e5dc;--fz-action: #006b7d;--fz-action-hover: #005a69;--fz-on-action: #fff;--fz-border: #8d7ca6;--fz-focus: #5430ca;--fz-disabled-bg: #e5d9dd;--fz-disabled-text: #64567d;color:var(--ink);background:radial-gradient(ellipse at 70% 5%,#fffbe8,#fff5d8 65%,#fff0ce)}.study-launch,.question-prompt,.auth-card{border:3px solid #fffbe3;border-left-color:#f8d5d5;border-bottom-color:#efc6d0;border-radius:30px;box-shadow:0 6px #18092e50}.study-launch{display:grid;grid-template-columns:1fr 210px;gap:24px;padding:32px;margin-bottom:28px;min-height:270px;overflow:hidden}.study-launch h2{font-size:clamp(32px,3vw,44px)}.study-launch p{font-size:16px;max-width:470px;margin:12px 0 24px}.study-launch .eyebrow{margin:0 0 12px;font-size:11px;color:#674292}.study-launch .discovery-art{width:220px;height:220px;align-self:center;filter:drop-shadow(0 10px 8px #662c6a25)}.study-launch .btn{background:linear-gradient(140deg,#7df7f2,#24d6e8);color:#211241}.stat-card{padding:22px;background:var(--surface)}.stat-value{font-family:var(--fz-font-display);font-size:38px}.stat-card b{font-size:15px}.stat-card p{font-size:13px}.dashboard-grid{gap:24px}.topic-card{overflow:hidden;border-color:var(--border)}.topic-card-art{background:linear-gradient(135deg,#4b2d78,#2d1b52);color:#fff5d8;min-height:180px}.topic-card-art.lavender{background:linear-gradient(135deg,#533279,#38215f)}.topic-subject,.topic-grade{color:#fff5d8;background:#21124180;font-size:11px}.topic-art .art-orbit{border-color:#9b77c84d}.topic-art .art-dot{background:#24d6e8}.topic-art .art-spark{color:#ffd34e}.topic-art .fizum-collectible-art{position:relative;z-index:1;width:150px;height:140px}.topic-art.small .fizum-collectible-art{width:80px;height:80px}.topic-card-body{padding:24px}.topic-card-body h3{font-size:27px}.topic-card-body p{font-size:14px}.topic-meta{font-size:12px}.resume-card,.review-card,.level-card,.review-lock{border-radius:24px;border:1px solid var(--border)}.resume-card{background:var(--surface-soft)}.review-card{background:var(--surface)}.review-card h3{font-size:27px}.review-card p{font-size:14px}.review-lock{background:var(--fz-warning-bg);color:var(--fz-warning)}.review-lock p{color:inherit}.bar-track>span{background:var(--fz-action)}.bar-track{background:var(--surface-soft)}.week-chart .today small{color:var(--fz-link)}.learning-note,.notice{background:var(--surface-soft);border-color:var(--border);border-radius:18px;color:var(--ink)}.topic-hero,.review-hero{border-radius:28px}.journey-banner{background:linear-gradient(135deg,#583382,#382057);color:#fff5d8;border:1px solid #9563bf;border-radius:26px;padding:26px;box-shadow:0 5px #13072b38}.journey-banner .eyebrow,.journey-banner small{color:#d5c3e8}.journey-banner h2{font-size:30px}.journey-banner h2 span{color:#d5c3e8;font-size:16px}.journey-banner .progress{background:#211241}.journey-emblem{background:#7244a14d;transform:none;border-radius:24px}.journey-banner .gem-balance{background:#21124166}.journey-banner .gem-balance span{color:#d5c3e8}.gem-balance{border:1px solid var(--border);border-radius:20px}.gem-balance .diamond-art{width:32px;height:32px}.game-links a{min-height:54px;border-radius:18px;font-size:14px;background:var(--surface);font-weight:800}.game-links a:hover{background:var(--surface-soft);border-color:var(--fz-border)}.mission-card{padding:22px}.mission-card h3{font-size:24px}.mission-card p{font-size:14px}.mission-card small{font-size:12px}.mission-card .round-icon{width:46px;height:46px}.badge-card.collectible{border-radius:25px}.collectible-art{background:radial-gradient(ellipse,#a26fdf26,transparent 70%)}.collectible-art img{width:176px;height:176px;filter:saturate(.55)}.badge-level{padding:4px 9px;border-radius:10px;color:var(--fz-warning);background:var(--fz-warning-bg);letter-spacing:.05em}.collectible.earned{border-color:var(--fz-selected-border);background:var(--surface)}.badge-card.collectible h3{font-size:25px}.badge-card.collectible p{font-size:14px}.badge-status{font-size:11px}.badge-foot{font-size:13px}.badge-detail h3{font-size:30px}.badge-detail .badge-art-image{filter:drop-shadow(0 8px 12px #20103c35)}.shop-item{overflow:hidden;border-radius:26px;padding:0}.shop-art{height:190px;background:radial-gradient(ellipse at 50% 30%,#8055ba,#412369)}.shop-art .fizum-collectible-art{width:150px;height:150px;filter:drop-shadow(0 8px 5px #160b3430)}.shop-item-body{padding:24px}.shop-item-body h3{font-size:28px}.shop-item-body h3,.collectible-body h3{overflow-wrap:anywhere}.shop-item-body p{font-size:14px}.shop-item-body>small:first-child{color:#674292;font-size:11px}.shop-item-body .hint{color:var(--muted);font-size:12px}.ranking-header{font-size:11px}.ranking-row{padding:18px;border-radius:16px}.ranking-row.is-me{background:var(--fz-selected-bg);box-shadow:inset 0 0 0 1px var(--fz-selected-border)}.rank-position{font-size:20px;font-family:var(--fz-font-display)}.rank-person b{font-size:15px}.ranking-row>strong{font-size:20px;font-family:var(--fz-font-display)}.rank-1{color:var(--fz-warning)}.rank-2{color:var(--fz-info)}.rank-3{color:var(--fz-error)}.friend-card,.invite-card{border-radius:24px}.friend-card h3{font-size:25px}.theme-picker{margin-bottom:28px}.theme-picker>div{display:inline-flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:6px}.theme-picker button{min-height:44px;display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:12px;font-weight:800;font-size:14px}.theme-picker button[aria-pressed=true]{background:var(--fz-selected-bg);color:var(--fz-selected-text);box-shadow:inset 0 0 0 1px var(--fz-selected-border)}.quiz-page{max-width:1120px}.quiz-top>span{font-size:12px}.quiz-progress-label>span:last-child{font-size:14px}.quiz-page>.progress{height:10px;margin-bottom:38px}.question-card{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:start;padding:0;border:0;background:none;border-radius:0}.question-prompt{position:relative;padding:28px}.question-prompt>.discovery-art{position:absolute;width:100px;height:100px;right:8px;top:-30px}.question-xp{flex-direction:column;align-items:flex-start;padding-right:66px;min-height:60px;gap:8px}.question-xp .eyebrow{display:none}.question-xp .pill{background:#ffd34e;color:#291347;font-size:11px}.question-card h1{font-family:var(--fz-font-body);font-size:clamp(22px,2vw,28px);font-weight:900;line-height:1.4;margin-top:16px;letter-spacing:-.02em}.question-hint{font-size:14px;margin:18px 0 0}.answer-options{gap:14px}.answer-option{min-height:70px;font-size:16px;padding:16px;border:2px solid var(--fz-border);background:var(--surface);border-radius:20px;box-shadow:0 4px #13072b40;gap:12px;font-weight:700}.answer-option.selected{background:var(--fz-selected-bg);border-color:var(--fz-selected-border);color:var(--fz-selected-text)}.option-letter{width:36px;height:36px;border-radius:12px;font-size:15px;font-weight:900;background:#ffd34e;color:#211241}.answer-option.selected .option-letter,[data-theme=dark] .answer-option.selected .option-letter{background:var(--fz-action);color:var(--fz-on-action)}.answer-option.correct{background:var(--fz-success-bg);border-color:var(--fz-success);color:var(--fz-success)}.answer-option.incorrect{background:var(--fz-error-bg);border-color:var(--fz-error);color:var(--fz-error)}.answer-option.correct>svg{color:var(--fz-success)}.answer-option.incorrect>svg{color:var(--fz-error)}.answer-feedback{border:1px solid var(--fz-success);border-radius:24px;padding:22px}.answer-feedback.gentle{background:var(--fz-warning-bg);color:var(--fz-warning);border-color:var(--fz-warning)}.answer-feedback>div{flex-wrap:wrap}.answer-feedback h3{font-size:24px}.answer-feedback svg{color:var(--fz-success)}.answer-feedback.gentle svg{color:var(--fz-warning)}.answer-feedback p{font-size:16px;color:var(--ink);line-height:1.65}.answer-feedback small{font-size:13px}.answer-feedback{scroll-margin-block:110px}.badge-celebration{padding:0;margin:18px 0 0;list-style:none}.badge-celebration li{display:flex;align-items:center;gap:12px;background:#ffffff10;border-radius:16px;padding:10px}.badge-celebration span{font-size:14px;color:var(--ink)}.badge-celebration strong{display:block;color:var(--fz-success)}.question-footer{flex-direction:column-reverse;align-items:stretch;margin-top:24px;border:0;padding:0}.question-footer .btn{min-height:54px}.question-footer>span{justify-content:center;font-size:12px}.quiz-page>.hint{font-size:12px;margin-top:30px}.result-trophy{background:var(--fz-warning-bg);color:var(--fz-warning)}.result-hero h1{font-size:38px}.result-hero>p{font-size:16px}.result-stats>div>span{font-size:14px}.auth-page,.onboarding-page{max-width:1320px}.auth-page>header .brand-mark,.onboarding-header .brand-mark{width:190px}.auth-story h1{font-size:clamp(38px,4vw,56px);letter-spacing:-.025em}.auth-story>p{font-size:18px;max-width:440px}.auth-story .explorer-art{background:none;height:240px;width:240px;margin:20px auto;border-radius:0}.auth-features{gap:18px;font-size:13px;flex-wrap:wrap}.auth-card{max-width:480px}.auth-card h2{font-size:34px;line-height:1.15}.auth-card>p:not(.eyebrow),.auth-card .privacy-note{font-size:14px}.auth-card .auth-symbol{background:#d6f7f3;color:#006b7d}.auth-card input{background:#fffdf6}.auth-card .pin-input{letter-spacing:.3em}.auth-card .error-box{--fz-error: #bc2049;--fz-error-bg: #fce8ee}.auth-card-foot{font-size:12px}.auth-page>footer{font-size:13px}.onboarding-story h1{font-size:44px}.onboarding-card h2{font-size:34px}.onboarding-steps .current>span{background:var(--fz-action);color:var(--fz-on-action)}.onboarding-steps .done>span{background:var(--fz-success-bg);color:var(--fz-success)}.onboarding-progress>span{background:var(--fz-action)}.onboarding-description{font-size:16px}.photo-crop-modal{border-radius:28px}.admin-tabs{gap:12px;border-color:var(--border)}.admin-tabs a,.admin-tabs button{font-weight:800;font-size:14px;min-height:50px}.admin-tabs .active{color:var(--fz-link);border-color:var(--fz-action)}.admin-stat b{font-family:var(--fz-font-display)}.catalog-sections button{border-radius:20px}.catalog-sections b{font-family:var(--fz-font-display);font-size:22px}.catalog-sections button.active{background:var(--fz-selected-bg);border-color:var(--fz-selected-border)}.catalog-heading h2{font-size:32px}.catalog-notice,.catalog-search{border-radius:16px}.catalog-card,.admin-question,.admin-student{border-radius:20px}.admin-table th{font-size:12px}.mcp-consent h1{font-size:36px}@media(min-width:1450px){.study-launch{grid-template-columns:1fr 260px}.study-launch .discovery-art{width:240px;height:240px}}@media(max-width:1150px){.main-wrap main{padding:28px 24px 40px}.topbar{padding-inline:24px}.question-card{grid-template-columns:1fr;max-width:720px;margin:auto}.question-prompt{min-height:200px}.study-launch{grid-template-columns:1fr 160px}.study-launch .discovery-art{width:160px;height:180px}}@media(max-width:900px){.sidebar{display:none}.main-wrap{margin-left:0}.main-wrap main{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.bottom-nav{display:grid;background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--fz-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:78px}.bottom-nav a{color:var(--muted);padding:2px 3px;font-weight:800;font-size:11px}.bottom-nav a.active{color:var(--fz-selected-text)}.bottom-nav-icon{border-radius:12px;min-width:40px;height:31px}.bottom-nav a.active .bottom-nav-icon{background:var(--fz-selected-bg);box-shadow:inset 0 0 0 1px var(--fz-selected-border)}.auth-grid{gap:36px}.auth-story h1{font-size:40px}}@media(max-width:600px){.main-wrap main{padding:26px 16px calc(106px + env(safe-area-inset-bottom))}.topbar{height:82px;padding:0 16px}.topbar-left{min-width:0}.topbar .brand-mark{width:132px}.topbar-actions{gap:8px}.topbar .logo{padding-block:10px}.topbar .icon-btn{width:38px;height:40px;border:0;background:none}.gem-counter{padding:5px 8px;font-size:16px}.gem-counter .diamond-art{width:25px;height:25px}.topbar .install-btn{display:none}.topbar .account-install .install-btn{display:flex}.account-trigger{width:42px;height:42px}.account-popover{max-width:calc(100vw - 32px)}.page-title h1{font-size:34px}.page-title p:not(.eyebrow){font-size:15px}.page-title{margin-bottom:24px}.study-launch{padding:24px 20px;gap:8px;grid-template-columns:minmax(0,1fr) 88px;min-height:270px}.study-launch h2{font-size:34px}.study-launch p{font-size:15px;margin-bottom:20px}.study-launch .eyebrow{font-size:10px}.study-launch .discovery-art{width:110px;max-width:none;height:150px;align-self:start;margin:35px 0 0 -14px}.study-launch .btn{padding-inline:16px}.section-title h2{font-size:27px}.card{padding:22px}.stat-card{padding:18px}.stat-value{font-size:34px}.stat-card b{font-size:14px}.stat-card p{font-size:12px}.journey-banner{padding:20px;gap:14px}.journey-banner h2{font-size:27px}.journey-emblem{width:58px;height:64px}.journey-emblem img{width:55px;height:55px}.journey-banner .gem-balance{grid-column:1/-1}.journey-banner .gem-balance span{margin-top:0}.game-links{gap:8px}.game-links a{padding:12px 8px;font-size:12px;flex-direction:column;gap:5px;border-radius:16px}.mission-card h3{font-size:24px}.badge-grid{gap:14px}.badge-card.collectible{padding:16px}.collectible-art{min-height:180px}.collectible-art img{width:158px;height:158px}.badge-card.collectible h3{font-size:24px}.shop-item{padding:0}.shop-item-body{padding:22px}.shop-art{height:190px}.shop-tabs{max-width:100%}.tabs button{padding-inline:12px}.ranking-row{padding:16px 12px}.ranking-list{padding:8px}.rank-person b{font-size:14px}.rank-details .pill{font-size:9px;padding:4px 6px}.question-prompt{padding:24px 20px;border-radius:28px}.question-prompt>.discovery-art{width:100px;height:100px}.question-card{gap:26px;padding:0}.question-card h1{font-size:23px}.question-hint{font-size:14px}.answer-option{padding:14px;font-size:16px;min-height:70px}.question-xp{padding-right:66px}.question-footer{gap:16px}.quiz-top>span{font-size:10px}.quiz-progress-label{gap:10px}.quiz-progress-label>span:last-child{font-size:12px;white-space:nowrap}.answer-feedback h3{font-size:24px}.answer-feedback{padding:20px}.quiz-page>.hint{font-size:12px}.result-hero{padding:28px 18px}.result-hero h1{font-size:33px}.result-stats{gap:18px;flex-wrap:wrap}.result-stats>div{min-width:80px}.result-stats strong{font-size:32px}.auth-page{padding:20px}.auth-page>header .brand-mark{width:160px}.auth-grid{padding:26px 0;gap:26px}.auth-card{padding:28px 22px;max-width:100%}.auth-card h2{font-size:32px}.auth-story h1{font-size:38px}.auth-story>p{font-size:16px}.auth-story .explorer-art,.auth-features{display:none}.onboarding-page{padding:20px}.onboarding-card{padding:24px 20px}.onboarding-story h1{font-size:36px}.onboarding-card h2{font-size:30px}.onboarding-header .brand-mark{width:150px}.modal{padding:22px;max-width:calc(100vw - 28px)}.modal-head h2{font-size:26px}.catalog-heading h2{font-size:30px}.catalog-sections b{font-size:19px}.catalog-sections button{padding:14px}.admin-tabs{gap:8px}.theme-picker button{padding:10px}}@media(max-width:360px){.topbar{padding-inline:12px}.topbar .brand-mark{width:120px}.topbar-actions{gap:5px}.gem-counter{padding:5px 7px}.gem-counter .diamond-art{width:22px;height:22px}.topbar .icon-btn{width:30px}.account-trigger{width:40px;height:40px}.main-wrap main{padding-inline:12px}.bottom-nav a{font-size:10px}.study-launch{grid-template-columns:minmax(0,1fr) 66px;padding:22px 18px}.study-launch .discovery-art{width:88px}.study-launch .btn{font-size:14px;padding-inline:12px}.question-prompt{padding-inline:18px}.option-letter{width:30px;height:32px}.answer-option{padding:12px;gap:10px}}@media(max-width:480px){.shop-grid{grid-template-columns:minmax(0,1fr)}.shop-art{height:200px}.shop-art .fizum-collectible-art{width:168px;height:168px}.shop-item-body h3{overflow-wrap:normal}.badge-grid{grid-template-columns:minmax(0,1fr)}.badge-card.collectible{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root,:root[data-theme=dark]{--fz-page-text: #fff5dc;--fz-muted-text: #d5c3e8;--fz-border: #8653b780;--fz-card-bg: linear-gradient(140deg, #402165f2, #30184ff5);--fz-backdrop: linear-gradient(transparent, transparent);--fz-nav-height: 82px;--ink: var(--fz-page-text);--muted: var(--fz-muted-text);--border: var(--fz-border)}:root[data-theme=light]{--fz-page-text: #32174e;--fz-muted-text: #6a507d;--fz-border: #b799d866;--fz-card-bg: linear-gradient(145deg, #fffbf1f5, #eee4fbf5);--fz-backdrop: linear-gradient(#f9f2fff0, #eee4fbdc);--ink: var(--fz-page-text);--muted: var(--fz-muted-text);--border: var(--fz-border)}:root body:before{background-image:var(--fz-backdrop),url(/assets/background-OTRVnGy9.webp);background-color:#211241;background-position:center top;background-size:cover;opacity:1}:root :is(.card,.stat-card,.topic-card,.ranking-list,.history-list,.onboarding-card,.mcp-card,.review-card,.resume-card,.level-card,.mission-card,.friend-card,.invite-card,.catalog-card){border:1px solid var(--fz-border);border-radius:25px;background:var(--fz-card-bg);box-shadow:inset 0 1px #c68cf218,0 5px #13072b38}:root .card{padding:24px}:root .card.shop-item{padding:0}:root :is(.card,.topic-card-body) h3{font:800 26px/1.17 var(--fz-font-display)}:root :is(.study-launch,.auth-card){border:3px solid #fffbe3;border-left-color:#f8d5d5;border-bottom-color:#efc6d0;border-radius:29px;background:radial-gradient(ellipse at 70% 5%,#fffbe8,#fff5d8 65%,#fff0ce);color:#291347;box-shadow:0 6px #18092e70,inset 0 -2px #efc6d044}:root .btn{min-height:46px;padding:12px 18px;border-radius:15px;font:900 15px/1.3 var(--fz-font-body)}:root .btn.primary,:root .btn.primary:hover:not(:disabled){background:radial-gradient(ellipse at 25% 0,#adfff1,transparent 62%),linear-gradient(170deg,#67f5ef,#20dbe9);color:#251140;border:1px solid #a5fff360;border-radius:19px;box-shadow:inset 0 2px #d4fff855,0 4px #00a4c1,0 7px #18092e40}:root .btn.secondary{border:1px solid #9e79c080;background:#b784e010;color:var(--ink);box-shadow:none}:root .btn.primary:disabled{color:#dfd4ed;background:linear-gradient(#79668f,#68527e);box-shadow:0 3px #453452;border-color:#9984ab44}:root .tabs{gap:6px;padding:6px;border:1px solid var(--fz-border);border-radius:17px;background:#b484e111}:root .tabs button{min-height:42px;padding:10px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--fz-muted-text);font:800 13px/1.2 var(--fz-font-body)}:root .tabs button.active{background:#7cfaf0;color:#251340;border-color:#c4fff09e;box-shadow:0 2px #13adbd66}:root :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){padding:12px 14px;border:1px solid #9467bd88;border-radius:13px;background:#17082d52;color:var(--ink);font-family:var(--fz-font-body)}:root :is(input,select,textarea):focus-visible{border-color:#5beee9;outline:2px solid #5beee928}:root[data-theme=light] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea),:root .auth-card input{background:#fff9ffbd;color:#32174e;color-scheme:light}:root .modal{border:1.5px solid #ac76db;border-radius:26px;background:#30194f;color:#fff5dc;box-shadow:0 28px 120px #0b041ec9}:root .modal::backdrop{background:#120523aa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root[data-theme=light] .modal{background:#fff8f0;color:#32174e}:root .topbar{min-height:96px;height:auto;gap:13px;padding:10px clamp(16px,3vw,40px);border-bottom:1px solid #814bbc55;background:#281244bb;box-shadow:0 3px 20px #180a301a;color:#fff5dc}:root[data-theme=light] .topbar{background:#291446}:root .topbar .brand-mark{width:214px}:root .topbar .logo{padding:0;max-width:none}:root .topbar-actions{gap:13px;flex-shrink:0}:root .topbar .icon-btn{color:#fff5dc;padding:0;border:0;background:none}:root .gem-counter{min-width:64px;gap:7px;padding:8px 10px;border:1.5px solid #7941c0;border-radius:27px;background:linear-gradient(145deg,#512784,#3e1d6b);box-shadow:inset 0 1px #ad65ef25,0 4px #170b3299;color:#fff9ef;font-size:19px;font-weight:900;line-height:1.25}:root .gem-counter .diamond-art{width:30px;height:30px}:root .account-trigger{width:49px;height:49px;padding:0;border:2px solid #8445cb;background:radial-gradient(circle at 40% 20%,#9261b8,#4e326f 68%,#362049);box-shadow:inset 0 0 0 2px #221136,0 4px #170b3266}:root main.quiz-content{padding-top:19px}:root .quiz-page{width:100%;max-width:none}:root .quiz-top{display:flex;align-items:center;min-height:44px;margin:0 0 20px}:root .quiz-top .back-link{min-height:44px;padding:6px 0;gap:9px;color:#fff5ff;font-size:14px;font-weight:700}:root .quiz-top .back-link svg{width:20px;height:20px}:root .quiz-progress-label{margin:0 2px 14px;gap:12px}:root .quiz-progress-label>.pill{padding:8px 14px;border:0;border-radius:14px;background:linear-gradient(135deg,#8afcf4,#22e1ed 80%);color:#211241;box-shadow:inset 0 2px #cbfff75c,0 2px #04b6cf;font:900 13px/1.3 var(--fz-font-body)}:root .quiz-progress-label>span:not(.pill){color:#f9efff;font-size:14px}:root .quiz-page>.progress{height:10px;margin:0 2px 38px;background:linear-gradient(180deg,#6533a2,#512387);box-shadow:inset 0 1px #945dc444;border-radius:20px}:root .quiz-page>.progress>span{min-width:0;background:linear-gradient(150deg,#9cfff1,#1ddae9);box-shadow:0 0 9px #24d6e850}:root .question-card{grid-template-columns:minmax(0,1fr);gap:25px;max-width:none}:root .question-prompt{min-height:0;margin:0;padding:18px 20px 23px;border:4px solid #fffcdf;border-left-color:#f9d4d2;border-bottom-color:#f2c5cc;border-radius:30px 35px 30px 34px/33px 30px 33px 31px;background:radial-gradient(ellipse at 70% 5%,#fffbe8,#fff5d8 65%,#ffefc8);box-shadow:0 7px #16082f,0 0 0 4px #5a2b654d,inset 0 -2px #eec0c2}:root .question-prompt>.discovery-art{width:112px;height:112px;right:-3px;top:-34px;z-index:1}:root .question-xp{min-height:64px;padding-right:94px;margin:0;justify-content:flex-start}:root .question-xp .pill{padding:6px 10px;border:1px solid #ffe784;border-bottom-color:#ffa530;border-radius:14px;background:linear-gradient(135deg,#ffe45f,#ffd34e 55%,#ffc238);box-shadow:inset 0 2px #fff5a766,0 2px #f19f403d;color:#241044;font:900 11.5px/1.4 var(--fz-font-body);margin:0}:root .question-card h1{margin:0;color:#21103f;font:800 clamp(27px,4.5vw,32px)/1.17 var(--fz-font-display);letter-spacing:-.025em}:root .question-hint{margin:11px 0 0;color:#422761;font-size:15px;line-height:1.5}:root .answer-options{display:grid;gap:12px;margin:0;padding:0;border:0;min-width:0}:root .answer-option{display:grid;grid-template-columns:34px minmax(0,1fr) 21px;align-items:center;gap:14px;min-height:78px;padding:15px 16px;border:1.5px solid #6b3a9f;border-radius:21px;background:linear-gradient(135deg,#3f216b 0,#3b1e65 46%,#361b5e);box-shadow:inset 0 1px #955ccd25,0 4px #190b31;color:#fffaf3;transform:none;opacity:1;transition:border-color .13s,background .13s}:root .answer-option>span:nth-child(2){min-width:0;font-size:16px;line-height:1.45;font-weight:600;overflow-wrap:break-word}:root .option-letter{width:33px;height:35px;border-radius:11px;background:linear-gradient(140deg,#69449a,#573486);color:#fff9f5;font:900 18px/1.2 var(--fz-font-body)}:root .answer-option.selected{border:2.5px solid #48f3f2;padding:14px 15px;background:linear-gradient(135deg,#44226e,#3a1b68);color:#fffaf3;box-shadow:0 0 0 1px #22c8e833,inset 0 1px #83fcf340,0 4px #170a31}:root .answer-option.selected .option-letter{background:linear-gradient(145deg,#82fff5,#27e9ee);color:#231142;box-shadow:inset 0 1px #b9fffa88}:root .answer-indicator{display:block;width:21px;height:21px;margin:0;border:1.8px solid #9b5cde;border-radius:50%;background:transparent}:root .selected .answer-indicator{border:2px solid #44edeb;background:radial-gradient(circle,#44edeb 0 48%,transparent 51%)}:root .answer-option>svg{width:21px;height:21px}:root .answer-option.correct{border-color:#70e3a1;background:linear-gradient(135deg,#234d45,#16392f);color:#fffaf3}:root .answer-option.incorrect{border-color:#ff8095;background:linear-gradient(135deg,#622443,#4a2039);color:#fffaf3}:root .answer-option.correct>svg{color:#70e3a1}:root .answer-option.incorrect>svg{color:#ff8095}:root .answer-option.dimmed{opacity:.65}:root .answer-feedback{padding:25px 27px 28px;border:4px solid #fffcdf;border-left-color:#f9d4d2;border-bottom-color:#f2c5cc;border-radius:30px 35px 30px 34px/33px 30px 33px 31px;background:radial-gradient(ellipse at 70% 5%,#fffbe8,#fff5d8 65%,#ffefc8);color:#422761;box-shadow:0 7px #16082f,0 0 0 4px #5a2b654d,inset 0 -2px #eec0c2}:root .answer-feedback h3{color:#221040;font:800 32px/1.08 var(--fz-font-display);letter-spacing:-.025em}:root .answer-feedback :is(p,small){color:#422761}:root .answer-feedback.positive>div>svg{color:#187443}:root .answer-feedback.gentle>div>svg{color:#934324}:root .answer-feedback .badge-celebration li{color:#291347;background:#ffd34e33;border-color:#e6bc56}:root .answer-feedback .badge-celebration strong{color:#187443}:root .question-footer{margin:24px 0 0;padding:0;border:0}:root .question-footer .btn.primary,:root .question-footer .btn.primary:hover:not(:disabled){display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:60px;margin:0;padding:15px 20px;border:1px solid #a5fff360;border-radius:32px;background:radial-gradient(ellipse at 20% 0,#a7fff5 0,transparent 54%),linear-gradient(170deg,#68f6f2,#20ddeb 72%,#15ccdf);color:#211241;box-shadow:inset 0 2px #c6fff550,0 6px #00a6c7,0 12px #170a2e9c;font:800 23px/1.15 var(--fz-font-display);text-align:center}:root .question-footer .btn.primary svg{width:24px;height:24px;stroke-width:2.2}:root .question-footer .btn.primary:disabled{background:linear-gradient(150deg,#786796,#695884);border-color:#9787ab66;box-shadow:inset 0 2px #b6a2cf22,0 5px #463358,0 9px #190b3133;color:#e2d6ee;transform:none}:root .question-footer .btn.primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #c6fff550,0 3px #00a6c7,0 7px #170a2e9c}:root[data-theme=light] :is(.quiz-top .back-link,.quiz-progress-label>span:not(.pill)){color:#32174e}@media(max-width:900px){:root .bottom-nav{display:block;height:calc(var(--fz-nav-height) + env(safe-area-inset-bottom,0px));min-height:0;padding:0 max(8px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(8px,env(safe-area-inset-left,0px));border-top:1px solid #8950ba;background:linear-gradient(140deg,#2d154ef5,#2b154afa 62%,#351954f5);box-shadow:0 -3px #663b8a33,0 -8px 24px #180a3033}:root .bottom-nav-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:100%;max-width:820px;height:var(--fz-nav-height);margin:0 auto;gap:4px}:root .bottom-nav a{display:grid;grid-template-rows:28px 18px;justify-items:center;align-content:center;gap:4px;min-width:0;min-height:64px;padding:6px 2px;border:1px solid transparent;border-radius:17px;background:transparent;color:#e7d7fb;font:700 12px/18px var(--fz-font-body)}:root .bottom-nav a>span{display:block;white-space:nowrap;line-height:18px}:root .bottom-nav .bottom-nav-icon{display:grid;place-items:center;width:28px;min-width:0;height:28px;background:none;border-radius:0}:root .bottom-nav svg{display:block;width:26px;height:26px;stroke-width:1.85;filter:drop-shadow(0 1px 0 #120824)}:root .bottom-nav a.active{color:#7df7f2;background:#77f4f014;border-color:#77f4f024}:root .bottom-nav a.active .bottom-nav-icon{background:none;box-shadow:none}}@media(hover:hover){:root .answer-option:not(:disabled):hover{border-color:#a275d0;background:linear-gradient(135deg,#3f216b 0,#3b1e65 46%,#361b5e)}:root .answer-option.selected:not(:disabled):hover{border-color:#48f3f2;background:linear-gradient(135deg,#44226e,#3a1b68)}}@media(min-width:1151px){:root .question-card{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:32px}:root .question-prompt{padding:25px 25px 28px}:root .question-card h1{font-size:36px;line-height:1.14}:root .question-hint{font-size:17px;margin-top:17px}:root .question-xp{min-height:76px;padding-right:113px}:root .question-xp .pill{font-size:12px}:root .question-prompt>.discovery-art{width:138px;height:138px;top:-41px;right:-5px}:root .answer-option{min-height:86px}:root .answer-option>span:nth-child(2){font-size:16.5px}}@media(min-width:600px)and (max-width:1150px){:root .question-prompt{padding:24px}:root .answer-option{min-height:76px}}@media(max-width:599px){:root .answer-feedback{padding:20px 20px 24px}:root .topbar{gap:7px;min-height:87px;padding:9px 14px}:root .topbar-left{min-width:0}:root .topbar .brand-mark{width:184px}:root .topbar-actions{gap:7px}:root .topbar .icon-btn{width:35px;height:39px;padding:0;border:0;background:none}:root .gem-counter{min-width:55px;padding:7px 6px;gap:3px;font-size:17px}:root .gem-counter .diamond-art{width:24px;height:24px}:root .account-trigger{width:45px;height:45px}:root .card{padding:20px;border-radius:22px}:root .quiz-top .back-link{font-size:13px}:root .quiz-progress-label{gap:8px}:root .quiz-progress-label>.pill{padding:8px 11px;font-size:12px}:root .quiz-progress-label>span:not(.pill){font-size:12px}}@media(max-width:360px){:root .answer-feedback{padding:18px 15px 23px}:root .answer-feedback h3{font-size:28px}:root{--fz-nav-height: 78px}:root .topbar{gap:5px;min-height:79px;padding:9px 10px}:root .topbar .brand-mark{width:157px}:root .topbar-actions{gap:5px}:root .topbar .icon-btn{width:30px}:root .account-trigger{width:39px;height:39px}:root .gem-counter{min-width:49px;font-size:16px;padding:6px 4px}:root .gem-counter .diamond-art{width:22px;height:22px}:root .answer-option{grid-template-columns:30px minmax(0,1fr) 20px;gap:10px;padding:13px 11px}:root .answer-option.selected{padding:12px 10px}:root .answer-option>span:nth-child(2){font-size:15px}:root .question-footer .btn.primary{font-size:21px;gap:10px;padding:14px}:root .bottom-nav{padding-left:4px;padding-right:4px}:root .bottom-nav-inner{gap:0}:root .bottom-nav a{font-size:11px}}@media(prefers-reduced-motion:reduce){:root .question-footer .btn.primary:active:not(:disabled){transform:none}}.ranking-page{width:100%;max-width:720px;margin-inline:auto;container-type:inline-size}.ranking-page>.filters{margin-bottom:8px}.ranking-page>.filters .tabs{margin-bottom:0}.ranking-podium{position:relative;padding-top:clamp(40px,8cqw,58px);isolation:isolate}.ranking-podium:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 10% 28%;background:radial-gradient(ellipse at center,#ffd43c25,#ffd43c00 68%)}.podium-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:0;padding:0 4%;margin:0;list-style:none;position:relative;z-index:2}.podium-player{display:flex;flex-direction:column;align-items:center;min-width:0;grid-row:1;text-align:center;color:#fff9e9;text-shadow:0 2px 0 #241043}.podium-place-1{grid-column:2}.podium-place-2{grid-column:1;transform:translateY(4.3cqw)}.podium-place-3{grid-column:3;transform:translateY(8.6cqw)}.podium-portrait{position:relative;width:clamp(58px,19.5cqw,132px);aspect-ratio:1}.podium-place-1 .podium-portrait{width:clamp(70px,22.5cqw,152px)}.podium-photo-ring{width:100%;height:100%;padding:clamp(3px,.8cqw,5px);border-radius:50%;background:linear-gradient(135deg,#fffce7,#a98cf4 25%,#e3dfff 48%,#9471dd 80%,#dac3ff);box-shadow:inset 0 0 0 1px #ffffffa0,0 3px #32145e,0 0 12px #a789ff50}.podium-place-1 .podium-photo-ring{background:linear-gradient(135deg,#fff9a0,#ffe114 30%,#ffbe0a 74%,#fff05c);box-shadow:inset 0 0 0 1px #fff9bb,0 3px #b36a0b,0 0 26px #ffdd2c65}.podium-place-3 .podium-photo-ring{background:linear-gradient(135deg,#fff7bd,#f3a455 30%,#ffd795 50%,#bf693e 80%,#ffbe6f);box-shadow:inset 0 0 0 1px #ffe3a7,0 3px #6c3037,0 0 12px #ed96552b}.ranking-podium .avatar{display:grid;place-items:center;width:100%;height:100%;border:0;border-radius:50%;background:#49306f;box-shadow:inset 0 0 0 2px #26133c;padding:0;font:800 clamp(24px,7cqw,44px)/1 var(--fz-font-display);color:#fff5dc}.ranking-podium .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.podium-crown{position:absolute;z-index:3;width:160%;max-width:none;height:auto;left:50%;bottom:77%;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 0 8px #ffca3680)}.podium-player .podium-name{font:800 clamp(15px,4.5cqw,31px)/.98 var(--fz-font-display);letter-spacing:-.02em;width:100%;min-height:1.96em;margin:clamp(7px,1.5cqw,10px) 0 4px;padding-inline:2px;overflow-wrap:anywhere;color:inherit}.podium-name>span{display:block}.podium-score{margin:0;white-space:nowrap;color:#fff5dc;font:800 clamp(22px,5.6cqw,38px)/1 var(--fz-font-display);letter-spacing:-.025em}.podium-score small{font:900 clamp(10px,2cqw,14px)/1 var(--fz-font-body);letter-spacing:0}.podium-score[data-wide=true]{font-size:clamp(15px,4cqw,28px)}.podium-platform{display:block;width:100%;height:auto;position:relative;z-index:1;margin-top:2px;filter:drop-shadow(0 7px 9px #16082f70)}.podium-you{position:absolute;right:-5px;bottom:0;z-index:4;padding:2px 7px;background:#70f7ee;color:#251340;border:1px solid #b9fff6;border-radius:20px;font:900 10px/1.3 var(--fz-font-body);text-shadow:none}.podium-vacant{opacity:.55}.podium-empty-photo{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#3d235f}.podium-empty-photo svg{width:46%;height:46%;color:#d9c4ec}.podium-vacant .podium-name{font-size:clamp(12px,3.5cqw,22px)}.ranking-places{list-style:none;padding:clamp(8px,2cqw,14px);margin:clamp(14px,3cqw,22px) 0 0;border:1px solid #8450ac;border-radius:23px;background:linear-gradient(145deg,#44216ac9,#32174fdb);box-shadow:inset 0 1px #b078d322,0 4px #170a2c}.ranking-place{display:grid;grid-template-columns:clamp(24px,6cqw,40px) 36px minmax(0,1fr) auto;align-items:center;gap:clamp(9px,2.4cqw,18px);min-height:clamp(78px,16cqw,104px);padding:clamp(10px,2.2cqw,16px);border:1.5px solid transparent;border-radius:19px;color:#fff9f3}.ranking-place+.ranking-place{border-top-color:#a16ac330}.ranking-place.is-me{border-color:#29f2f4;background:linear-gradient(125deg,#0b3c4b,#0a3541);box-shadow:inset 0 0 0 1px #12b9cf30,0 0 14px #16dce810}.ranking-place-number{font:800 clamp(24px,5cqw,34px)/1 var(--fz-font-display);text-align:center}.ranking-place .avatar{width:36px;height:36px;border-radius:11px}.ranking-place .avatar img{border-radius:inherit}.ranking-place-person{display:flex;align-items:center;flex-wrap:wrap;gap:2px 12px;min-width:0}.ranking-place-person b{font:800 clamp(16px,3.9cqw,26px)/1.12 var(--fz-font-display);overflow-wrap:anywhere}.ranking-place-person>small{width:100%;font-size:11px;color:#d5c3e8}.ranking-you{font:900 clamp(10px,2cqw,14px)/1.2 var(--fz-font-body);color:#34f0f5}.ranking-place-score{text-align:right;white-space:nowrap;font:800 clamp(24px,5cqw,34px)/1 var(--fz-font-display)}.ranking-place-score small{font:900 clamp(9px,1.8cqw,12px)/1 var(--fz-font-body)}:root[data-theme=light] .podium-player,:root[data-theme=light] .podium-score{color:#32174e;text-shadow:0 1px 0 #fff5dc}:root[data-theme=light] .ranking-places{background:linear-gradient(145deg,#fffaf1,#eee3fa);border-color:#b899d7}:root[data-theme=light] .ranking-place{color:#32174e}:root[data-theme=light] .ranking-place.is-me{background:linear-gradient(125deg,#ddfaf6,#bceee9);border-color:#168b96}:root[data-theme=light] .ranking-you{color:#096d79}:root[data-theme=light] .ranking-place-person>small{color:#6a507d}@container (max-width: 340px){.ranking-place{grid-template-columns:22px 36px minmax(0,1fr) auto;gap:8px;padding:10px 8px}.ranking-place-person b{font-size:15px}.ranking-place-score{font-size:21px}}.quiz-flow{width:100%;margin-inline:auto}.quiz-outcome{max-width:760px}.quiz-flow h1:focus{outline:none}:root .quiz-feedback-top{justify-content:space-between;gap:12px;margin-bottom:20px}:root .quiz-feedback-top>span{color:#f9efff;font-size:13px;white-space:nowrap}.quiz-success-head{display:flex;align-items:center;gap:17px;margin:4px 2px 16px}.quiz-seal{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex-shrink:0;border:2px solid #78ffc1;border-radius:50%;background:radial-gradient(circle at 35% 20%,#72ffb2,#1ee899 53%,#00bf83);box-shadow:inset 0 -5px #00a57966,0 0 0 3px #21113e,0 0 0 4.5px #713cb1,0 6px #150729;color:#f7fff5}.quiz-seal:before{content:"";position:absolute;left:7px;top:6px;width:23px;height:10px;border-radius:50%;background:#d6ffdcb3;transform:rotate(-37deg)}.quiz-seal svg{width:34px;height:34px;stroke-width:4;filter:drop-shadow(0 2px 0 #0c986d)}.quiz-success-head h1{margin:0;font:800 clamp(34px,5vw,44px)/1.04 var(--fz-font-display);letter-spacing:-.03em;color:#fffcf4}.quiz-success-head h1 em{font-style:normal;color:#70f5ae}.quiz-success-head p{margin:8px 0 0;font-size:15px;line-height:1.45;color:#fff4f2}.quiz-outcome-rewards{display:flex;gap:10px;flex-wrap:wrap;margin:0 2px 27px 77px}.quiz-outcome-reward{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #7b41b3;border-radius:12px;background:linear-gradient(145deg,#4b246f,#3d1b60);box-shadow:inset 0 1px #b45df430,0 3px #180a3055;color:#fff8ee;font-size:13px;font-weight:900;white-space:nowrap}.quiz-outcome-reward.xp{border-color:#927b3b;background:linear-gradient(145deg,#564035,#3f2d3e);color:#ffe57c}.quiz-outcome-reward.xp svg{width:20px;height:20px;fill:#ffd34e;stroke:#fff097;stroke-width:1.6;filter:drop-shadow(0 2px 0 #c47c24)}.quiz-outcome-reward .diamond-art{width:25px;height:25px;margin:-2px 0}.quiz-explanation{margin-top:25px;padding:25px 27px 28px;border:4px solid #fffcdf;border-left-color:#f9d4d2;border-bottom-color:#f2c5cc;border-radius:30px 35px 30px 34px/33px 30px 33px 31px;background:radial-gradient(ellipse at 70% 5%,#fffbe8,#fff5d8 65%,#ffefc8);box-shadow:0 7px #16082f,0 0 0 4px #5a2b654d,inset 0 -2px #eec0c2;color:#422761}.quiz-lesson-context{margin:0 0 13px}.quiz-lesson-context>span{display:inline-block;margin-bottom:8px;padding:4px 9px;border:1px solid #ffe789;border-radius:9px;background:linear-gradient(140deg,#ffe677,#ffd34e);color:#241044;font-size:11px;font-weight:900;line-height:1.3;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 1px #f0b044}.quiz-lesson-context h2{margin:0;color:#241142;font:800 24px/1.2 var(--fz-font-display);letter-spacing:-.015em;overflow-wrap:anywhere}.quiz-correct-answer{display:flex;align-items:center;gap:10px;padding:12px;margin:0 0 22px;border:1px solid #b3efca;border-radius:14px;background:linear-gradient(130deg,#d5ffe3,#e4fcdd);color:#173d34;font-size:16px;font-weight:900}.quiz-answer-letter{display:grid;place-items:center;width:31px;height:32px;flex:0 0 31px;border-radius:9px;background:linear-gradient(145deg,#9bf7bc,#68e5ae);color:#183946;font-size:17px}.quiz-correct-answer>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.quiz-correct-answer>svg{width:23px;height:23px;flex:0 0 23px;margin-left:auto;padding:4px;border-radius:50%;background:#26ac76;color:#fcfff8;stroke-width:3}.quiz-explanation h3{margin:0 0 13px;color:#221040;font:800 32px/1.08 var(--fz-font-display);letter-spacing:-.025em}.quiz-explanation-paragraph{margin:0 0 13px;color:#3b235c;font-size:17px;line-height:1.5;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}.quiz-explanation-paragraph:last-child{margin-bottom:0}.quiz-selected-summary{margin:0 0 12px;font-size:13px;color:#75512e;overflow-wrap:anywhere}.quiz-outcome[data-outcome=incorrect] .quiz-seal{background:radial-gradient(circle at 35% 20%,#ffd49a,#ffab74 56%,#ea835d);border-color:#ffdbad;box-shadow:inset 0 -5px #b15e5044,0 0 0 3px #21113e,0 0 0 4.5px #713cb1,0 6px #150729;color:#52244d}.quiz-outcome[data-outcome=incorrect] .quiz-seal svg{filter:none;width:29px;height:29px;stroke-width:3}.quiz-outcome[data-outcome=incorrect] h1{color:#ffd8b6}.quiz-flow-notice{margin:24px 4px 0;color:#d7c5e9;font-size:14px;line-height:1.5}.quiz-flow .error-box{margin:24px 0 0;text-align:left}.quiz-flow-action{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:60px;margin:28px 0 12px;padding:15px 20px;border:1px solid #a5fff360;border-radius:32px;background:radial-gradient(ellipse at 20% 0,#a7fff5 0,transparent 54%),linear-gradient(170deg,#68f6f2,#20ddeb 72%,#15ccdf);color:#211241;box-shadow:inset 0 2px #c6fff550,0 6px #00a6c7,0 12px #170a2e9c;font:800 23px/1.15 var(--fz-font-display);text-align:center;cursor:pointer}.quiz-flow-action:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #c6fff550,0 3px #00a6c7,0 7px #170a2e9c}.quiz-flow-action:disabled{cursor:wait;opacity:.7}.quiz-achievement{text-align:center;max-width:620px;padding:clamp(12px,3vh,30px) 5px 25px}.quiz-achievement-eyebrow{margin:0 0 10px;color:#87fbf5;font:900 12px/1.3 var(--fz-font-body);letter-spacing:.06em;text-transform:uppercase}.quiz-achievement h1{margin:0;color:#fff5d8;font:800 clamp(32px,5vw,42px)/1.08 var(--fz-font-display);letter-spacing:-.025em}.quiz-achievement-stage{position:relative;display:grid;place-items:center;margin:28px auto 24px;width:100%;max-width:360px;min-height:280px}.quiz-achievement-spark{position:absolute;width:18px;height:18px;background:#fff2a3;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.quiz-achievement-spark.one{left:7%;top:23%;transform:rotate(13deg)}.quiz-achievement-spark.two{right:10%;bottom:23%;width:12px;height:12px;background:#a2fffa}.quiz-achievement-stage .badge-art-image{max-width:100%;object-fit:contain}.quiz-achievement-level{display:inline-block;padding:5px 10px;border:1px solid #8550b8;border-radius:11px;background:linear-gradient(145deg,#4f287b,#381950);font-size:12px;font-weight:800;color:#fff5d8}.quiz-achievement h2{margin:14px auto 9px;max-width:480px;color:#fff5d8;font:800 32px/1.1 var(--fz-font-display);letter-spacing:-.02em;overflow-wrap:anywhere}.quiz-achievement-description{margin:0;color:#d7c5e9;font-size:16px;line-height:1.5}.quiz-achievement-reward{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:20px 0;color:#d7c5e9;font-size:13px}.quiz-achievement-reward strong{color:#fff5d8;font:800 22px/1.3 var(--fz-font-display)}.quiz-achievement-button{max-width:430px;margin:38px auto 12px;border-radius:20px;font:900 16px/1.2 var(--fz-font-body)}:root[data-theme=light] .quiz-feedback-top>span,:root[data-theme=light] .quiz-success-head h1,:root[data-theme=light] .quiz-achievement :is(h1,h2),:root[data-theme=light] .quiz-achievement-reward strong{color:#32174e}:root[data-theme=light] .quiz-success-head h1 em{color:#137a58}:root[data-theme=light] :is(.quiz-success-head p,.quiz-flow-notice,.quiz-achievement-description,.quiz-achievement-reward){color:#624677}:root[data-theme=light] .quiz-achievement-eyebrow{color:#147c83}:root[data-theme=light] .quiz-outcome[data-outcome=incorrect] h1{color:#934324}@media(max-width:600px){.quiz-explanation{padding:20px 20px 24px}.quiz-lesson-context h2{font-size:21px}.quiz-success-head h1{font-size:34px}.quiz-success-head p{font-size:14px}.quiz-correct-answer{font-size:15px;gap:9px;padding:10px}.quiz-achievement{padding:10px 2px 25px}.quiz-achievement h1{font-size:34px}.quiz-achievement-stage{margin:24px auto 22px;max-width:310px;min-height:244px}.quiz-achievement-stage>.fzb-art{--badge-size: 244px !important}.quiz-achievement-description{font-size:15px}.quiz-achievement-reward{margin:17px 0}.quiz-achievement-button{margin-top:38px}}@media(max-width:360px){.quiz-success-head{gap:12px}.quiz-success-head h1{font-size:29px}.quiz-seal{width:52px;height:52px}.quiz-outcome-rewards{margin-left:0}.quiz-explanation{padding:18px 15px 23px}.quiz-explanation h3{font-size:28px}:root .quiz-feedback-top>span{font-size:11px}.quiz-achievement h1{font-size:30px}.quiz-achievement h2{font-size:28px}.quiz-achievement-stage>.fzb-art{--badge-size: 224px !important}}@media(prefers-reduced-motion:no-preference){.quiz-outcome section{animation:quiz-outcome-enter .18s ease-out both}.quiz-achievement-stage{animation:quiz-outcome-enter .24s ease-out both}@keyframes quiz-outcome-enter{0%{transform:translateY(6px);opacity:.8}to{transform:translateY(0);opacity:1}}}