@font-face{font-family:Archivo;src:url(/assets/archivo-DuIT1y7V.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Archivo Black;src:url(/assets/archivo-black-VVh6-99s.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2eee4;--surface:#fff;--surface2:#e7e1d3;--ink:#14120f;--muted:#7a7264;--line:#14120f;--shadow:#14120f;--accent:#ff4d1f;--yellow:#ffd400;--green:#00a862;--violet:#5b3df5;--red:#e8283c;--on-accent:#fff;--accent-text:var(--accent);--on-yellow:#14120f;--font:"Archivo", system-ui, sans-serif;--font-display:"Archivo Black", "Archivo", system-ui, sans-serif;--r-hero:16px;--r-card:14px;--r-input:12px;--r-block:10px;--r-chip:8px;--r-pill:999px;--border:2px solid var(--line);--shadow-hero:5px 5px 0 var(--shadow);--shadow-card:4px 4px 0 var(--shadow);--shadow-small:3px 3px 0 var(--shadow);--shadow-pressed:1px 1px 0 var(--shadow);font-family:var(--font);color:var(--ink);background:var(--bg);font-weight:400;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131210;--surface:#211e19;--surface2:#2e2a23;--ink:#f7f4ed;--muted:#9a917f;--line:#5a5142;--shadow:#000;--accent:#ff6a3d;--yellow:#ffd400;--green:#22c77e;--violet:#8b79ff;--red:#ff5c6b}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--ink);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--font-display);font-weight:400}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.app-shell{background:var(--bg);min-height:100vh}.content{max-width:1280px;margin:0 auto;padding:28px 16px 40px}.panel,.stat-card,.question-card,.lesson-card,.reward-card,.leaderboard-row,.review-card,.status-card{background:var(--surface);border:var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.eyebrow{font:700 11px/1 var(--font);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-text);margin:0}.status-card{flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.status-pill{border:var(--border);border-radius:var(--r-chip);background:var(--green);color:#fff;font:400 14px/1 var(--font-display);align-items:center;padding:10px 14px;display:inline-flex}.status-pill.muted{background:var(--surface2);color:var(--muted)}.panel{padding:20px}.operator-panel{max-width:480px}.operator-panel .panel{flex-direction:column;gap:14px;display:flex}.parent-sign-in{justify-content:center;margin:0 auto 56px;display:flex}.auth-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:64px 48px;display:flex}.auth-card{background:var(--surface);border:var(--border);border-radius:var(--r-hero);width:100%;max-width:460px;box-shadow:var(--shadow-hero);flex-direction:column;gap:22px;padding:36px 36px 30px;display:flex}.auth-head{flex-direction:column;gap:10px;display:flex}.auth-title{font:400 40px/1 var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.auth-title--small{font-size:24px;line-height:1.15}.auth-intro{font:500 16px/1.5 var(--font);color:var(--muted);text-wrap:pretty;margin:4px 0 0}.auth-fields{flex-direction:column;gap:18px;display:flex}.auth-field,.auth-field label{font:700 14px/1.2 var(--font);text-transform:none;letter-spacing:0;color:var(--ink);flex-direction:column;gap:8px;display:flex}.auth-card .auth-field input{border:var(--border);border-radius:var(--r-input);background:var(--bg);height:52px;font:500 16px/1 var(--font);color:var(--ink);padding:0 14px}.auth-card .auth-field input[type=password]{font:700 18px/1 var(--font);letter-spacing:.12em}.auth-card .auth-field input[aria-invalid=true]{border-color:var(--red)}.auth-field input:disabled{opacity:.55}.auth-field input:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.error-line{font:600 14px/1.45 var(--font);color:var(--ink);align-items:flex-start;gap:8px;display:flex}.error-mark{background:var(--red);color:#fff;width:20px;height:20px;font:400 12px/20px var(--font-display);text-align:center;border-radius:50%;flex:none}.error-line--boxed{border:2px solid var(--red);border-radius:var(--r-block);background:var(--bg);gap:10px;padding:12px 14px;font-size:15px}.error-line--boxed .error-mark{width:22px;height:22px;font-size:13px;line-height:22px}.auth-submit{border:var(--border);border-radius:var(--r-card);background:var(--accent);width:100%;height:56px;color:var(--on-accent);box-shadow:var(--shadow-card);font:400 19px/1 var(--font-display);justify-content:center;align-items:center;gap:12px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.auth-submit:active:not(:disabled){box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.auth-submit:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.auth-link:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.theme-switch button:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.pin-key:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.back-btn:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.landing-card:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.auth-submit:disabled{background:var(--surface2);color:var(--ink);box-shadow:none;cursor:progress}.auth-spinner{border:3px solid var(--muted);border-top-color:var(--ink);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.auth-help{font:500 14px/1.45 var(--font);color:var(--muted);text-align:center;text-wrap:pretty;margin:0}.auth-link{border-radius:var(--r-chip);min-height:44px;font:700 14px/1 var(--font);color:var(--ink);text-underline-offset:3px;align-self:center;align-items:center;padding:0 10px;text-decoration:underline;display:flex}.auth-link[aria-disabled=true]{color:var(--muted);pointer-events:none;cursor:not-allowed}.auth-card--operator{box-shadow:var(--shadow-card)}.auth-card--operator .eyebrow{color:var(--muted)}.auth-card--operator .auth-title{font-size:30px}.auth-card--operator .auth-submit:not(:disabled){background:var(--ink);color:var(--bg)}.auth-card--message{text-align:center;align-items:center;gap:18px}.auth-card--message .button-row{justify-content:center}.auth-badge{border:var(--border);width:64px;height:64px;font:400 28px/60px var(--font-display);text-align:center;border-radius:50%}.auth-badge--ok{background:var(--green);color:#14120f}.auth-badge--error{background:var(--red);color:#fff}.auth-card--message .auth-submit{margin-top:6px}.auth-plain-title{font:400 56px/1 var(--font-display);letter-spacing:-.01em;text-align:center;margin:0}.panel-header{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.panel-header h2{font:400 19px/1.1 var(--font-display);margin:0}.panel-header p,.muted-copy,.lesson-card p,.reward-card p,.review-card p{font:500 13px/1.5 var(--font);color:var(--muted);margin:0}.student-grid,.dashboard-grid,.result-grid{gap:12px;display:grid}.result-top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.score-ring{background:conic-gradient(var(--ring) var(--pct), var(--surface2) 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.score-ring-inner{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:84px;height:84px;display:flex}.score-ring-value{font:400 24px/1 var(--font-display)}.score-ring-label{font:600 10px/1 var(--font);color:var(--muted)}.result-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));min-width:220px}.student-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.student-card{text-align:left;border:var(--border);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-small);color:var(--ink);align-items:center;gap:12px;padding:16px;transition:transform .1s,box-shadow .1s;display:flex}.student-card.active{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-hero)}.student-card.active .avatar{--avatar-ring-context:#fff}.student-card:active{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.student-card-text{flex-direction:column;gap:3px;display:flex}.student-card-name{font:400 20px/1 var(--font-display)}.student-card-sub{font:600 12px/1.3 var(--font);opacity:.75}.avatar{border:3px solid var(--avatar-ring,var(--avatar-ring-context,var(--accent)));background:var(--surface2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:inline-flex}.avatar-frame-neon{--avatar-ring:#22d3ee;box-shadow:0 0 10px #22d3ee80}.avatar-frame-fire{--avatar-ring:#f97316;box-shadow:0 0 10px #f9731680}.avatar-frame-gold{--avatar-ring:#eab308;box-shadow:0 0 10px #eab30880}.theme-warm{--accent:#ff8f3d;--on-accent:#2a1505;--accent-text:#c25400}.theme-neon{--accent:#ff2fd6;--on-accent:#2b0524;--accent-text:#c4189f}.theme-forest{--accent:#17803f;--accent-text:#17803f}.choice-lock{left:2px;right:2px;text-align:center;color:#1b1b1b;background:#ffffffeb;border-radius:6px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;bottom:2px}.avatar-choice{position:relative}.avatar-choice.swatch-choice--theme-basic{background:#ff4d1f}.avatar-choice.swatch-choice--theme-warm{background:#ff8f3d}.avatar-choice.swatch-choice--theme-neon{background:#ff2fd6}.avatar-choice.swatch-choice--theme-forest{background:#17803f}.avatar-sm{border-width:2px;width:34px;height:34px;font-size:18px}.avatar--square{border-radius:var(--r-card);border:var(--border);background:var(--surface)}.avatar-grid{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:10px;margin-top:16px;display:grid}.avatar-choice{aspect-ratio:1;border:var(--border);border-radius:var(--r-input);background:var(--surface);box-shadow:var(--shadow-small);font-size:26px;transition:transform .1s,box-shadow .1s}.avatar-choice--active{background:var(--accent);box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.button-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-card{flex-direction:column;gap:6px;padding:14px;display:flex}.stat-label{font:700 11px/1 var(--font);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat-detail,.question-meta,.lesson-subject{font:500 13px/1.3 var(--font);color:var(--muted)}.stat-value{font:400 26px/1 var(--font-display)}.layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:20px;display:grid}.main-column,.side-column{flex-direction:column;gap:20px;display:flex}.quiz-form,.lesson-form,.lesson-list,.reward-list,.review-list,.leaderboard-list{flex-direction:column;gap:12px;display:flex}.question-card,.lesson-card,.reward-card,.review-card{padding:14px}.review-card{flex-direction:column;gap:8px;display:flex}.question-card{flex-direction:column;gap:12px;display:flex}.quiz-hero{border:var(--border);border-radius:var(--r-hero);background:var(--accent);box-shadow:var(--shadow-hero);color:var(--on-accent);padding:28px}.quiz-hero-chip{border-radius:var(--r-chip);font:700 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;background:#00000038;padding:7px 11px;display:inline-block}.quiz-hero-title{font:400 clamp(28px, 4vw, 46px) / 1 var(--font-display);margin:14px 0 0}.quiz-hero-meta{font:600 15px/1.3 var(--font);opacity:.92;margin:12px 0 0}.question-meta{flex-wrap:wrap;gap:8px;display:flex}.question-meta span{border:var(--border);border-radius:var(--r-chip);background:var(--surface);font:700 11px/1 var(--font);color:var(--muted);padding:6px 9px}.question-points{background:var(--yellow)!important;color:var(--on-yellow)!important}.question-text{font:400 23px/1.2 var(--font-display)}.choice-list{flex-direction:column;gap:10px;display:flex}.choice-item{border:var(--border);border-radius:var(--r-input);background:var(--surface);min-height:54px;box-shadow:var(--shadow-small);font:600 15px/1.3 var(--font);text-transform:none;letter-spacing:normal;color:var(--ink);cursor:pointer;flex-direction:row;align-items:center;gap:10px;padding:15px 14px;transition:transform .1s,box-shadow .1s;display:flex}.choice-item:has(input:checked){background:var(--accent);color:var(--on-accent)}.choice-item:active{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.choice-item input{width:auto;accent-color:var(--violet)}.input-hint{font:500 13px/1.3 var(--font);color:var(--muted);margin:0}.match-row:active,.match-pill:not([aria-disabled=true]):active,.order-arrow:not([aria-disabled=true]):active{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.match-input,.order-input,.blank-input,.paint-input{flex-direction:column;gap:10px;display:flex}.match-row{border:var(--border);border-radius:var(--r-input);background:var(--surface);min-height:54px;box-shadow:var(--shadow-small);font:600 15px/1.3 var(--font);color:var(--ink);text-align:left;align-items:center;gap:10px;padding:12px 14px;transition:transform .1s,box-shadow .1s;display:flex}.match-row--armed{background:var(--accent);color:var(--on-accent)}.match-left{flex:1}.match-slot{border-radius:var(--r-chip);background:var(--surface2);font:700 13px/1.2 var(--font);color:var(--muted);padding:5px 8px}.match-slot--set{color:var(--ink)}.match-row--armed .match-slot{color:var(--on-accent);background:#00000038}.match-bank{flex-direction:column;gap:8px;display:flex}.match-pill{border:var(--border);border-radius:var(--r-pill);background:var(--surface);min-height:44px;box-shadow:var(--shadow-small);font:600 14px/1.3 var(--font);color:var(--ink);text-align:left;padding:10px 14px;transition:transform .1s,box-shadow .1s}.match-pill--used{background:var(--surface2);color:var(--muted)}.match-pill[aria-disabled=true]{border-color:var(--muted);box-shadow:none;cursor:default}.order-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.order-row{border:var(--border);border-radius:var(--r-input);background:var(--surface);box-shadow:var(--shadow-small);align-items:center;gap:8px;padding:8px 10px 8px 14px;display:flex}.order-position{min-width:1.6em;font:700 13px/1 var(--font);color:var(--muted)}.order-text{font:600 15px/1.3 var(--font);flex:1}.order-arrow{border:var(--border);border-radius:var(--r-block);background:var(--surface2);width:44px;height:44px;box-shadow:var(--shadow-pressed);color:var(--ink);flex:none;font-size:14px;transition:transform .1s,box-shadow .1s}.order-arrow[aria-disabled=true]{border-color:var(--muted);box-shadow:none;color:var(--muted);cursor:default;background:0 0}.blank-sentence{font:600 18px/1.8 var(--font);margin:0}.blank-slot{border-radius:var(--r-chip);background:var(--surface2);color:var(--muted);margin:0 6px;padding:0 10px;line-height:1.6;display:inline-block}.blank-slot--set{background:var(--accent);color:var(--on-accent)}.paint-bar{grid-template-columns:repeat(var(--paint-columns), minmax(0, 1fr));border:var(--border);border-radius:var(--r-input);background:var(--surface2);height:88px;box-shadow:var(--shadow-small);display:grid;overflow:hidden}.paint-segment{border:0;border-right:var(--border);background:var(--surface2);min-width:0;padding:0}.paint-segment:last-child{border-right:0}.paint-segment--on{background:var(--accent)}.paint-segment:focus-visible{outline-offset:-5px}@media (max-width:640px){.paint-bar--long{grid-template-columns:repeat(var(--paint-columns-narrow), minmax(0, 1fr));height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;grid-auto-rows:56px;gap:8px;overflow:visible}.paint-bar--long .paint-segment,.paint-bar--long .paint-segment:last-child{border:var(--border);border-radius:var(--r-input);box-shadow:var(--shadow-small)}.paint-bar--long .paint-segment:focus-visible{outline-offset:2px}}input[type=text],input[type=password],input[type=number],input[type=date],select,textarea{border:var(--border);border-radius:var(--r-input);background:var(--surface);width:100%;color:var(--ink);padding:13px 14px;font-size:14px}select{background:var(--surface2)}label{font:700 11px/1 var(--font);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);flex-direction:column;gap:7px;display:flex}.primary-button,.secondary-button{border:var(--border);border-radius:var(--r-input);font-family:var(--font-display);font-weight:400;transition:transform .1s,box-shadow .1s}.primary-button{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-card);padding:15px 20px;font-size:17px}.secondary-button{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-small);padding:12px 16px;font-size:14px}.primary-button:active,.secondary-button:active{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.primary-button:disabled,.secondary-button:disabled{opacity:.65;cursor:wait}.spinner{vertical-align:-.15rem;border:2px solid;border-top-color:#0000;border-radius:50%;width:.95rem;height:.95rem;margin-right:.4rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes qm-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes qm-pop{0%{transform:scale(.92)}60%{transform:scale(1.03)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.status-card--working{background:var(--yellow);color:var(--on-yellow);font:600 13px/1.4 var(--font);align-items:center}.review-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.review-card-top strong{font:600 15px/1.35 var(--font)}.review-card span{font:500 13px/1.5 var(--font);color:var(--muted)}.review-points{border:var(--border);border-radius:var(--r-chip);background:var(--yellow);color:var(--on-yellow);font:400 12px/1 var(--font-display);flex-shrink:0;padding:5px 9px}.review-points--full{background:var(--green);color:#fff}.review-points--unscored{background:var(--muted);color:#fff}.review-pending{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.review-feedback{background:var(--surface2);border-left:4px solid var(--violet);border-radius:var(--r-chip);font:500 12px/1.5 var(--font);color:var(--ink);margin:0;padding:10px}.lesson-card{background:var(--surface2);border-radius:var(--r-input);box-shadow:none;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px;display:flex}.lesson-icon{border:var(--border);border-radius:var(--r-input);background:var(--surface);width:44px;height:44px;font:400 20px/1 var(--font-display);flex:none;justify-content:center;align-items:center;display:flex}.lesson-body{flex-direction:column;flex:1;gap:4px;min-width:160px;display:flex}.lesson-subject{font:700 11px/1 var(--font);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.lesson-title{font:400 17px/1.1 var(--font-display)}.lesson-actions{flex-wrap:wrap;gap:8px;display:flex}.lesson-generate{background:var(--violet);color:#fff}.alert,.success-banner,.empty-state{border:var(--border);border-radius:var(--r-card);font:600 13px/1.4 var(--font);padding:14px}.alert{background:var(--red);color:#fff;margin-bottom:20px}.success-banner{background:var(--yellow);color:var(--on-yellow);font:400 17px/1.2 var(--font-display);margin-top:16px;animation:.2s qm-pop}.empty-state{background:var(--surface2);color:var(--muted);border-style:dashed}.empty-state p{margin:0}.reward-card,.leaderboard-row{border-radius:var(--r-block);box-shadow:none;align-items:center;gap:12px;padding:12px;display:flex}.reward-card>div{flex-grow:1}.reward-card strong{font:600 14px/1.2 var(--font)}.reward-icon{flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:inline-flex}.leaderboard-row strong{font:400 15px/1 var(--font-display);margin-left:auto}.leaderboard-rank{width:18px;font:400 17px/1 var(--font-display)}.leaderboard-name{font:600 14px/1 var(--font)}.leaderboard-row--me{background:var(--surface2)}.level-bar{border:var(--border);border-radius:var(--r-chip);background:var(--surface2);height:16px;margin-top:10px;overflow:hidden}.level-bar-fill{background:var(--yellow);height:100%;display:block}.streak-calendar{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:16px;display:grid}.streak-cell{aspect-ratio:1;border:var(--border);border-radius:var(--r-chip);background:var(--surface2);color:var(--muted);font:700 11px/1 var(--font);justify-content:center;align-items:center;display:flex}.streak-cell--done{background:var(--accent);color:var(--on-accent)}.streak-cell--today{border-color:var(--ink)}.streak-top{align-items:flex-end;gap:12px;display:flex}.streak-count{font:400 48px/1 var(--font-display);color:var(--accent-text)}.streak-detail{font:600 13px/1.3 var(--font);color:var(--muted);padding-bottom:6px}.level-row{font:700 12px/1 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tutor-panel{margin-top:0}.tutor-lesson-select{margin-bottom:16px}.tutor-chat{flex-direction:column;gap:12px;min-height:80px;max-height:22rem;margin-bottom:16px;padding:8px 0;display:flex;overflow-y:auto}.tutor-empty{font:500 13px/1.5 var(--font);color:var(--muted);text-align:center;padding:24px 0;font-style:italic}.tutor-bubble{border:var(--border);border-radius:var(--r-card);font:500 14px/1.5 var(--font);white-space:pre-wrap;word-break:break-word;max-width:70%;padding:13px 15px;animation:.18s qm-rise}.tutor-bubble--user{background:var(--violet);color:#fff;align-self:flex-end}.tutor-bubble--assistant{background:var(--surface2);color:var(--ink);align-self:flex-start}.tutor-typing{color:var(--muted);font-style:italic}.tutor-form{align-items:stretch;gap:12px;display:flex}.tutor-input{resize:none;flex:1;padding:15px;font-family:inherit;line-height:1.5}.tutor-send{border:var(--border);border-radius:var(--r-input);background:var(--violet);color:#fff;width:60px;box-shadow:var(--shadow-small);font:400 20px/1 var(--font-display);flex:none;transition:transform .1s,box-shadow .1s}.tutor-send:active{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.tutor-send:disabled{opacity:.65;cursor:wait}.landing{flex-direction:column;align-items:center;gap:48px;padding:72px 16px 40px;display:flex;position:relative}.landing-theme{position:absolute;top:-4px;right:8px}.landing-hero{text-align:center}.landing-title{letter-spacing:-.02em;margin:14px 0 0;font-size:max(64px,min(8vw,96px));line-height:.92}.landing-cards{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.landing-card{background:var(--surface);border:var(--border);border-radius:var(--r-card);width:280px;max-width:320px;box-shadow:var(--shadow-card);color:var(--ink);flex-direction:column;align-items:center;gap:12px;padding:28px 20px 24px;transition:transform .1s,box-shadow .1s;display:flex}.landing-card:active{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.landing-empty{text-align:center;background:var(--surface);border:var(--border);border-radius:var(--r-card);width:100%;max-width:420px;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:14px;padding:32px 24px;display:flex}.landing-avatar.landing-avatar--empty{border:5px dashed var(--muted);font-size:48px}.landing-empty-title{font:400 24px/1.1 var(--font-display);margin:0}.landing-empty-copy{font:500 16px/1.5 var(--font);color:var(--muted);text-wrap:pretty;margin:0}.landing-avatar{border:5px solid var(--avatar-ring,var(--avatar-ring-context,var(--accent)));background:var(--surface2);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:54px;display:flex}.landing-name{font:400 28px/1 var(--font-display);margin-top:4px}.landing-meta{font:600 14px/1.3 var(--font);color:var(--muted);text-align:center}.landing-pills{gap:8px;margin-top:2px;display:flex}.landing-pills .xp-badge{border:var(--border);border-radius:var(--r-pill);font:400 14px/1 var(--font-display);padding:7px 12px}.theme-switch{border:var(--border);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-small);gap:2px;padding:2px;display:flex}.theme-switch button{border-radius:var(--r-pill);width:44px;height:44px;color:var(--ink);font:400 20px/1 var(--font);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.theme-toggle{border:var(--border);border-radius:var(--r-input);background:var(--surface);width:40px;height:40px;font-size:16px;line-height:1;transition:transform .1s}.theme-toggle:active{transform:translate(2px,2px)}.pin-page{flex-direction:column;align-items:center;gap:16px;max-width:360px;margin:0 auto;padding:56px 0;display:flex}.back-btn{background:var(--surface);border:var(--border);border-radius:var(--r-pill);min-height:44px;box-shadow:var(--shadow-small);color:var(--ink);font:700 14px/1 var(--font);align-self:flex-start;padding:0 16px;transition:transform .1s,box-shadow .1s}.back-btn:active{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.pin-who{flex-direction:column;align-items:center;gap:12px;display:flex}.pin-avatar{border:5px solid var(--avatar-ring,var(--avatar-ring-context,var(--accent)));background:var(--surface2);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:54px;display:flex}.pin-name{font:400 30px/1 var(--font-display)}.pin-label{min-height:22px;font:600 16px/1.4 var(--font);color:var(--ink);text-align:center;text-wrap:balance;margin:0}.pin-dots{gap:18px;padding:6px 0;display:flex}.pin-dots--error{animation:.3s qm-shake}@keyframes qm-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.pin-dots--error{animation:none}}.pin-status{align-items:center;min-height:24px;display:flex}.pin-dot{border:2px solid var(--muted);background:0 0;border-radius:50%;width:22px;height:22px;transition:background .15s,border-color .15s}.pin-dot--filled{background:var(--accent);border-color:var(--accent)}.pin-dot--error{background:var(--red);border-color:var(--red)}.pin-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.pin-key{border:var(--border);border-radius:var(--r-card);background:var(--surface);height:68px;box-shadow:var(--shadow-small);font:400 26px/1 var(--font-display);color:var(--ink);transition:transform .1s,box-shadow .1s}.pin-key:active{box-shadow:var(--shadow-pressed);transform:translate(2px,2px)}.pin-key--del{color:var(--red)}.pin-keypad--locked{opacity:.45}.pin-keypad--locked .pin-key{background:var(--surface2);box-shadow:none;cursor:not-allowed}.view-header{background:var(--surface);border-bottom:var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin:-28px -16px 28px;padding:18px 28px;display:flex}.view-header-left{align-items:center;gap:12px;display:flex}.view-header-right{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.view-title{font:400 22px/1 var(--font-display);margin:0}.view-date{font:500 12px/1.3 var(--font);color:var(--muted);margin:0}.tab-pills{flex-wrap:wrap;gap:8px;display:flex}.tab-pill{border:var(--border);border-radius:var(--r-pill);color:var(--muted);font:700 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:11px 16px}.tab-pill--active{background:var(--accent);color:var(--on-accent)}.stat-chip{border:var(--border);border-radius:var(--r-chip);background:var(--yellow);color:var(--on-yellow);font:400 15px/1 var(--font-display);align-items:center;padding:9px 12px;display:inline-flex}.stat-chip--streak{background:var(--accent);color:var(--on-accent)}.xp-badge{background:var(--yellow);color:var(--on-yellow);font:700 12px/1 var(--font);border-radius:7px;align-items:center;padding:7px 10px;display:inline-flex}.xp-badge.streak{background:var(--accent);color:var(--on-accent)}.xp-badge.reward-progress{background:var(--surface2);color:var(--muted)}.xp-badge.reward-claimed{background:var(--green);color:#fff}.reward-card.claimed{opacity:.6}.logout-btn{border:var(--border);border-radius:var(--r-pill);color:var(--muted);font:700 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:11px 16px}.loading-screen{text-align:center;color:var(--ink);font:400 28px/1 var(--font-display);padding:80px 16px}.model-setting{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.model-select{flex:1;min-width:220px}@media (max-width:960px){.layout{grid-template-columns:1fr}}@media (max-width:640px){.content{padding:16px 12px 40px}.view-header{margin:-16px -12px 20px;padding:16px}.landing{gap:32px;padding:76px 0 24px}.landing-card{width:100%}.auth-page{padding:72px 16px 40px}.auth-card{padding:26px 20px 22px}.auth-title{font-size:32px}.auth-title--small{font-size:22px}.auth-card--operator .auth-title{font-size:26px}.auth-plain-title{font-size:36px}.loading-screen{font-size:24px}.panel{padding:16px}.quiz-hero{padding:20px}}.avatar-photo{object-fit:cover;aspect-ratio:1;border-radius:50%}.photo-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.photo-preview{border:2px solid var(--line);background:var(--surface2);border-radius:50%;width:72px;height:72px}