.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-lg{gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-between{justify-content:space-between}.row-end{justify-content:flex-end}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.section{margin-top:var(--space-7)}.section-title{margin-bottom:var(--space-2)}.section-lead{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);margin-bottom:var(--space-4);max-width:68ch}.page-head{padding:var(--space-6) 0 var(--space-4)}.page-head h1{margin-bottom:var(--space-1)}.page-head .eyebrow{display:block;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--brand);margin-bottom:var(--space-2)}.page-head .subtitle{color:var(--text-muted);font-size:var(--text-base)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-quiet{background:var(--bg-subtle);box-shadow:none}.callout{border-left:3px solid var(--brand);background:var(--brand-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-snug)}.callout-warn{border-left-color:var(--warning);background:var(--warning-surface)}.event-greeting{display:flex;flex-direction:column;gap:var(--space-1);border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);text-align:center}.event-greeting b{color:var(--brand);font-size:var(--text-lg)}.event-greeting span{line-height:var(--leading-snug)}.event-greeting span,.notice{color:var(--text-muted);font-size:var(--text-sm)}.notice{display:flex;gap:var(--space-2);align-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.caption{font-size:var(--text-xs);color:var(--text-subtle);line-height:var(--leading-snug)}.caption a{text-decoration:underline;text-underline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:40px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-subtle)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--text-on-brand);font-weight:var(--weight-bold)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-quiet{background:transparent;border-color:transparent;color:var(--text-muted);font-weight:var(--weight-normal)}.btn-quiet:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.btn-success{border-color:color-mix(in srgb,var(--success) 45%,transparent);color:var(--success)}.btn-danger{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.btn-sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.btn-group-end{justify-content:flex-end}.icon-btn{width:32px;height:32px;min-height:0;padding:0;flex:0 0 auto;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:inline-grid;place-items:center;cursor:pointer;font-size:var(--text-sm);transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.star-toggle{font-size:var(--text-base);line-height:1;color:var(--text-subtle);border-color:transparent;background:transparent}.star-toggle:hover{color:var(--warning);border-color:var(--border)}.star-toggle.is-on{color:var(--warning);border-color:transparent;background:var(--warning-surface)}.icon-btn:hover{color:var(--brand);border-color:var(--brand-border)}.icon-btn.is-error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.01em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-muted);white-space:nowrap}.badge-brand{background:var(--brand-surface);color:var(--brand)}.badge-accent{background:var(--accent-surface);color:var(--accent)}.badge-success{background:var(--success-surface);color:var(--success)}.badge-warning{background:var(--warning-surface);color:var(--warning)}.badge-danger{background:var(--danger-surface);color:var(--danger)}.badge-eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.progress{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted)}.progress-track{flex:1 1;height:6px;background:var(--surface-sunken);overflow:hidden}.progress-fill,.progress-track{display:block;border-radius:var(--radius-full)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));transition:width var(--slow) var(--ease)}.progress-track-sm{height:5px;margin-top:var(--space-1);max-width:280px}.input,.textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:40px;font-size:var(--text-sm);transition:border-color var(--fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:hover,.textarea:hover{border-color:var(--border-strong)}.textarea{resize:vertical;line-height:var(--leading-normal)}.textarea:disabled{opacity:.4}.nav-card{display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--fast) var(--ease),box-shadow var(--normal) var(--ease),transform var(--normal) var(--ease)}.nav-card:hover{border-color:var(--brand-border);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.nav-card .lead-slot{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--border);font-size:var(--text-xl)}.nav-card .lead-slot.brand{background:linear-gradient(150deg,var(--brand),var(--accent));border-color:transparent;color:#ffffff;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.nav-card .body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.nav-card .title{display:block;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.nav-card .meta{display:block;font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug)}.nav-card .chevron{color:var(--text-subtle);font-size:var(--text-xl);flex:0 0 auto}.nav-card-empty{cursor:default;border-style:dashed;box-shadow:none;opacity:.6}.nav-card-empty:hover{transform:none;border-color:var(--border);box-shadow:none}.hero{padding:var(--space-8) 0 var(--space-6);text-align:center}.hero h1{font-size:var(--text-5xl);letter-spacing:-.03em;background:linear-gradient(96deg,var(--text) 30%,var(--brand) 75%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:var(--space-3)}.hero p{color:var(--text-muted)}.stat-row{display:flex;gap:var(--space-7);justify-content:center;flex-wrap:wrap;margin-top:var(--space-6)}.stat b{display:block;font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.stat span{font-size:var(--text-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide)}@media (max-width:640px){.hero h1{font-size:var(--text-4xl)}.stat-row{gap:var(--space-5)}}.account{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.account-avatar,.account-mark{flex:none;width:34px;height:34px;border-radius:var(--radius-full)}.account-mark{display:grid;place-items:center;background:var(--surface-sunken);color:var(--text-subtle);font-weight:var(--weight-bold);font-size:var(--text-sm)}.account-mark.is-on{background:var(--brand-surface);color:var(--brand)}.account-avatar{object-fit:cover;border:1px solid var(--border)}.account-who{min-width:0;flex:1 1}.account-who b{font-size:var(--text-sm);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-who b,.account-who span{display:block;line-height:var(--leading-snug)}.account-who span{font-size:var(--text-xs);color:var(--text-muted)}.account-action{flex:none}@media (max-width:640px){.account{flex-wrap:wrap}.account-action{width:100%}.account-action .btn-group{flex-direction:column;align-items:stretch}.account-action .btn{width:100%;justify-content:center}}.flashcard-stage{display:grid;place-items:center;grid-gap:var(--space-4);gap:var(--space-4)}.flashcard{width:min(380px,100%);height:400px;perspective:1400px;cursor:pointer;position:relative}.flashcard-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform var(--slow) var(--ease)}.flashcard.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg)}.flashcard-face.back{transform:rotateY(180deg);background:linear-gradient(165deg,var(--surface-raised),var(--surface-sunken))}.card-star{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1}.flashcard img{max-height:180px;object-fit:contain;background:var(--photo-bg);border-radius:var(--radius-md);padding:var(--space-1)}.flashcard .word{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.flashcard .meaning{font-size:var(--text-2xl);font-weight:var(--weight-medium)}.flashcard .hint{font-size:var(--text-xs);color:var(--text-subtle)}.ipa-row{display:grid;grid-template-columns:auto minmax(0,auto) auto;justify-content:center;align-items:center;grid-column-gap:var(--space-2);column-gap:var(--space-2);grid-row-gap:var(--space-1);row-gap:var(--space-1);max-width:100%}.ipa-line{display:contents}.ipa-row .ipa-label{justify-self:end}.ipa-row .ipa{justify-self:start;overflow-wrap:anywhere}.ipa{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-sm);color:var(--text-muted)}.ipa-label{font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--text-subtle)}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.quiz-prompt{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-align:center;padding:var(--space-5) 0 var(--space-2)}.quiz-prompt .ipa{display:block;margin-top:var(--space-2);font-weight:var(--weight-normal)}.options{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.options-stacked{grid-template-columns:minmax(0,1fr)}@media (max-width:640px){.options{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}}.option{display:flex;align-items:center;gap:var(--space-4);text-align:left;padding:var(--space-4) var(--space-5);min-height:76px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-lg);line-height:var(--leading-snug);cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.options-stacked .option{min-height:60px;font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.option:hover:not(:disabled){border-color:var(--brand-border);background:var(--bg-subtle)}.option .key{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-sunken);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted)}.options-stacked .option .key{width:26px;height:26px;font-size:var(--text-xs)}.option.is-correct{border-color:var(--success);background:var(--success-surface)}.option.is-correct .key{border-color:var(--success);color:var(--success)}.option.is-wrong{border-color:var(--danger);background:var(--danger-surface)}.option.is-wrong .key{border-color:var(--danger);color:var(--danger)}.feedback{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-snug);border:1px solid var(--border);background:var(--bg-subtle)}.feedback-error{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:var(--danger-surface)}.feedback-success{border-color:color-mix(in srgb,var(--success) 35%,transparent);background:var(--success-surface)}.steps{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-4) 0 var(--space-2)}.step{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-subtle);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.step:hover{border-color:var(--border-strong);color:var(--text)}.step.is-done{background:var(--success-surface);border-color:color-mix(in srgb,var(--success) 40%,transparent);color:var(--success)}.step.is-wrong{background:var(--danger-surface);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.step.is-current{border-color:var(--brand);color:var(--brand);box-shadow:var(--ring)}.track{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}.track .play{width:44px;height:44px;flex:0 0 auto;border:0;border-radius:var(--radius-full);background:var(--brand);color:var(--text-on-brand);font-size:var(--text-sm);cursor:pointer;display:grid;place-items:center;transition:background var(--fast) var(--ease)}.track .play:hover{background:var(--brand-hover)}.track-main{flex:1 1;min-width:0}.seek{display:flex;align-items:center;height:24px;padding:0 9px;cursor:pointer;touch-action:none}.seek,.seek-rail{position:relative}.seek-rail{flex:1 1;height:6px;border-radius:var(--radius-full);background:var(--surface-sunken)}.seek-fill{inset:0 auto 0 0}.seek-fill,.seek-thumb{position:absolute;border-radius:var(--radius-full);background:var(--brand)}.seek-thumb{top:50%;width:14px;height:14px;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--surface);transition:width var(--fast) var(--ease),height var(--fast) var(--ease)}.seek.is-dragging .seek-thumb,.seek:hover .seek-thumb{width:18px;height:18px}.seek:focus-visible{outline:none}.seek:focus-visible .seek-thumb{box-shadow:0 0 0 2px var(--surface),var(--ring)}.track-time{display:flex;justify-content:space-between;padding:0 9px;font-size:var(--text-xs);color:var(--text-subtle);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rate-select,.track-now{color:var(--text-muted);font-weight:var(--weight-medium)}.rate-select{flex:0 0 auto;min-height:32px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:var(--text-xs);font-family:inherit;cursor:pointer}.rate-select:hover{border-color:var(--border-strong);color:var(--text)}.switch{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch input{position:absolute;opacity:0}.switch .knob{width:38px;height:22px;flex:0 0 auto;border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border);position:relative;transition:background var(--fast) var(--ease)}.switch .knob:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--text-subtle);transition:transform var(--fast) var(--ease),background var(--fast) var(--ease)}.switch input:checked+.knob{background:var(--brand-surface);border-color:var(--brand-border)}.switch input:checked+.knob:after{transform:translateX(16px);background:var(--brand)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}td,th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--bg-subtle)}.col-star{width:1%;padding-right:var(--space-2);text-align:center;color:var(--text-subtle)}tr.is-starred td:first-child{box-shadow:inset 3px 0 0 var(--warning)}th{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-subtle);position:-webkit-sticky;position:sticky;top:0}.formula,th{background:var(--surface-sunken)}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;border-radius:var(--radius-md);border:1px dashed var(--border-strong)}.example,.formula{font-size:var(--text-sm)}.example{display:flex;gap:var(--space-2);align-items:flex-start}.example-en{font-weight:var(--weight-medium)}.example-vi{color:var(--text-muted);font-size:var(--text-sm)}.pair-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunken);font-size:var(--text-sm)}.pair>span:first-child{text-align:right}.pair>span:first-child,.pair>span:last-child{font-weight:var(--weight-medium)}.pair em{font-style:normal;color:var(--text-subtle);font-size:var(--text-xs)}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.compare img{width:100%;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--photo-bg)}.compare figcaption{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2);line-height:var(--leading-snug)}@media (max-width:640px){.compare{grid-template-columns:1fr}}.chip{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--text-sm);margin:0 var(--space-1) var(--space-1) 0}.tokens{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-lg);line-height:2}.token{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--fast) var(--ease)}.token:hover{background:var(--bg-subtle)}.token.is-s{background:var(--brand-surface);border-color:var(--brand-border)}.token.is-v{background:var(--success-surface);border-color:color-mix(in srgb,var(--success) 40%,transparent)}.token.is-o{background:var(--accent-surface);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.token.is-selected{box-shadow:var(--ring)}.token.is-wrong{box-shadow:0 0 0 2px var(--danger)}.picture-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.picture-cell{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface)}.picture-cell img{width:100%;height:112px;object-fit:contain;border-radius:var(--radius-sm);background:var(--photo-bg)}.picture-cell .input{text-align:center;min-height:34px;font-size:var(--text-sm)}.picture-cell .input.is-correct{border-color:var(--success);color:var(--success);font-weight:var(--weight-medium)}.picture-cell .input.is-wrong{border-color:var(--danger);color:var(--danger)}.photo{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--photo-bg)}.photo-placeholder{display:grid;place-items:center;min-height:200px;border-radius:var(--radius-lg);border:1px dashed var(--border-strong);color:var(--text-subtle);font-size:var(--text-sm);text-align:center;padding:var(--space-4)}.dictation-row{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-base)}.dictation-field{position:relative;flex:1 1;min-width:0}.dictation-entry,.dictation-mirror{box-sizing:border-box;width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:break-word}.dictation-mirror{border-color:var(--border);background:var(--surface);transition:border-color var(--fast) var(--ease)}.dictation-entry{position:absolute;inset:0;color:transparent;caret-color:var(--text);background:transparent;resize:none;overflow:hidden}.dictation-entry::placeholder{color:var(--text-subtle)}.dictation-field:hover .dictation-mirror{border-color:var(--border-strong)}.dictation-field:focus-within .dictation-mirror{border-color:var(--brand)}.dictation-field.is-correct .dictation-mirror{border-color:color-mix(in srgb,var(--success) 45%,transparent);background:var(--success-surface)}.dictation-bad{-webkit-text-decoration:underline wavy var(--warning);text-decoration:underline wavy var(--warning);text-underline-offset:3px}.dictation-line{display:flex;flex-direction:column;gap:var(--space-2)}.dictation-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.dictation-verdict{font-size:var(--text-sm)}.dictation-verdict.is-ok{color:var(--success)}.dictation-verdict.is-bad{color:var(--warning)}.dictation-reveal{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal)}.dictation-reveal .is-shown{color:var(--success);font-weight:var(--weight-medium)}.dictation-reveal .is-hidden{color:var(--text-subtle);letter-spacing:1px}.skeleton{display:block;position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-sunken)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--border),transparent);animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{display:none}}.nav-card-skeleton{pointer-events:none;box-shadow:none}.nav-card-skeleton .lead-slot{background:var(--surface-sunken);border-color:var(--border)}.shell{min-height:100vh}.drawer{position:fixed;top:0;left:0;z-index:40;width:var(--drawer-w);height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);transform:translateX(-100%);transition:transform var(--normal) var(--ease);overflow:hidden}.drawer.is-open{transform:translateX(0)}.drawer-scrim{position:fixed;inset:0;z-index:30;background:rgba(8,12,20,.5);opacity:0;pointer-events:none;transition:opacity var(--normal) var(--ease)}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.drawer-brand{flex:1 1;min-width:0;font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text)}.drawer-brand:hover{text-decoration:none;color:var(--brand)}.drawer-body{flex:1 1;overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-6)}.nav-days{list-style:none;margin:var(--space-2) 0 0;padding:0}.nav-group+.nav-group{margin-top:var(--space-1)}.nav-day{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:0;border-radius:var(--radius-md);background:none;color:var(--text);cursor:pointer;text-align:left}.nav-day:hover{background:var(--surface-sunken)}.nav-day.is-current{color:var(--brand)}.nav-day-no{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--text-xs);font-weight:var(--weight-bold)}.nav-day.is-current .nav-day-no{background:linear-gradient(150deg,var(--brand),var(--accent));color:#ffffff}.nav-day-title{flex:1 1;min-width:0;font-weight:var(--weight-medium);font-size:var(--text-sm)}.nav-caret{flex:none;color:var(--text-subtle);transition:transform var(--fast) var(--ease)}.nav-caret.is-open{transform:rotate(90deg)}.nav-activities{list-style:none;margin:var(--space-1) 0 var(--space-2);padding:0 0 0 var(--space-5);border-left:1px solid var(--border);margin-left:var(--space-5)}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);min-height:34px}.nav-link:hover{background:var(--surface-sunken);color:var(--text);text-decoration:none}.nav-link.is-current{background:var(--brand-surface);color:var(--brand);font-weight:var(--weight-medium)}@media (min-width:1024px){.drawer-scrim{display:none}.shell-main{transition:padding-left var(--normal) var(--ease)}.shell.drawer-open .shell-main{padding-left:var(--drawer-w)}}.drawer-handle{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--text-lg);line-height:1;cursor:pointer;transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.drawer-handle:hover{color:var(--brand);border-color:var(--brand-border)}.drawer-handle:not(.drawer-handle-in){position:fixed;top:var(--space-4);left:var(--space-4);z-index:25;box-shadow:var(--shadow-sm)}.shell:not(.drawer-open) .app-shell{padding-top:var(--space-8)}.shell.drawer-open .app-shell{padding-top:var(--space-5)}.modal-scrim{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgba(8,12,20,.55);animation:modal-fade var(--fast) var(--ease)}.modal{width:min(560px,100%);max-height:min(80vh,640px);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:modal-rise var(--normal) var(--ease)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-body{overflow-y:auto;padding:var(--space-5)}.script-list p{display:flex;gap:var(--space-3);align-items:baseline;padding:var(--space-2) 0;line-height:var(--leading-snug)}.script-list p+p{border-top:1px solid var(--border)}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)}}@media (max-width:640px){.modal-scrim{align-items:flex-end;padding:0}.modal{width:100%;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:0;animation:modal-sheet var(--normal) var(--ease)}@keyframes modal-sheet{0%{transform:translateY(100%)}}}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.board-row{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;isolation:isolate}.board-bar{position:absolute;inset:0 auto 0 0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 16%,transparent),color-mix(in srgb,var(--brand) 4%,transparent));transition:width var(--slow) var(--ease)}.board-rank{flex:0 0 auto;width:26px;text-align:center;font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-muted)}.board-avatar{flex:0 0 auto;width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;background:var(--surface-sunken)}.board-avatar-blank{display:grid;place-items:center;color:var(--text-muted)}.board-avatar-blank,.board-name{font-size:var(--text-sm);font-weight:var(--weight-medium)}.board-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-you{color:var(--text-muted);font-weight:var(--weight-normal)}.board-score{flex:0 0 auto;display:flex;align-items:baseline;gap:var(--space-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board-score b{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text)}.board-score small{font-size:var(--text-xs);color:var(--text-muted)}.board-row.is-top{padding:var(--space-3) var(--space-4)}.board-row.is-top .board-rank{font-size:var(--text-xl);width:32px}.board-row.is-top .board-avatar{width:40px;height:40px}.board-row.is-top .board-name{font-size:var(--text-base)}.board-row.is-top .board-score b{font-size:var(--text-xl)}.board-row.is-top1,.board-row.is-top2,.board-row.is-top3{border-width:2px}.board-row.is-top1{border-color:var(--medal-1)}.board-row.is-top2{border-color:var(--medal-2)}.board-row.is-top3{border-color:var(--medal-3)}.board-row.is-top1{padding:var(--space-4);box-shadow:var(--shadow-sm)}.board-row.is-top1 .board-avatar{width:48px;height:48px;box-shadow:0 0 0 2px var(--medal-1)}.board-row.is-top1 .board-score b{font-size:var(--text-2xl)}.board-row.is-top1 .board-bar{background:linear-gradient(90deg,color-mix(in srgb,var(--medal-1) 22%,transparent),color-mix(in srgb,var(--medal-1) 5%,transparent))}.board-row.is-top2 .board-bar{background:linear-gradient(90deg,color-mix(in srgb,var(--medal-2) 20%,transparent),color-mix(in srgb,var(--medal-2) 4%,transparent))}.board-row.is-top3 .board-bar{background:linear-gradient(90deg,color-mix(in srgb,var(--medal-3) 20%,transparent),color-mix(in srgb,var(--medal-3) 4%,transparent))}.board-row.is-me{border-style:dashed;border-color:var(--brand)}.exam-group-title{font-size:var(--text-sm);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;margin:var(--space-5) 0 var(--space-2)}.exam-group-title:first-child{margin-top:0}.exam-row{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between}.exam-row-main{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.exam-row-head{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.exam-bar{display:flex;gap:var(--space-4);align-items:baseline;justify-content:space-between;padding:var(--space-3) 0;background:var(--bg)}.exam-bar-label{font-weight:var(--weight-medium)}.exam-clock{font-size:var(--text-2xl);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.exam-clock.is-low{color:var(--danger)}.exam-run{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);height:calc(100dvh - var(--space-6) - 52px)}.exam-run .exam-bar{grid-column:1/-1}.exam-side{display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.exam-main{min-height:0;overflow:auto;padding-right:var(--space-2)}.exam-q{display:flex;flex-direction:column;gap:var(--space-4)}.exam-audio{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.exam-photo{width:100%;max-height:46vh;object-fit:contain;background:var(--photo-bg);border:1px solid var(--border)}.exam-passage,.exam-photo{border-radius:var(--radius-md)}.exam-passage{padding:var(--space-4);background:var(--surface-sunken);max-height:44vh;overflow:auto}.exam-passage img{display:block;width:100%;background:var(--photo-bg);border-radius:var(--radius-sm)}.exam-passage img+img{margin-top:var(--space-3)}.exam-graphic{align-self:flex-start;width:100%;max-width:360px;background:var(--photo-bg);border:1px solid var(--border);border-radius:var(--radius-md)}.exam-stem{font-size:var(--text-lg);line-height:var(--leading-snug)}.exam-options{display:flex;flex-direction:column;gap:var(--space-2)}.exam-option{display:flex;gap:var(--space-3);align-items:baseline;text-align:left;width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.exam-option:hover{border-color:var(--border-strong)}.exam-option.is-picked{border-color:var(--brand);background:var(--brand-surface)}.exam-option-letter{flex:0 0 auto;width:24px;font-weight:var(--weight-bold);color:var(--text-muted)}.exam-option.is-picked .exam-option-letter{color:var(--brand)}.exam-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.exam-score{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center}.exam-score-big{font-size:var(--text-5xl);line-height:1.1;color:var(--brand);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exam-review{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.exam-review-row{display:flex;gap:var(--space-3);align-items:center}.exam-review-no{width:28px;text-align:right;color:var(--text-subtle);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exam-review-trigger{width:100%;min-height:44px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.exam-review-trigger:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.exam-review-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.exam-option-review{flex-wrap:wrap;cursor:default}.exam-option-review.is-correct{border-color:var(--success);background:var(--success-surface)}.exam-option-review.is-wrong{border-color:var(--danger);background:var(--danger-surface)}.exam-answer-review audio{width:100%}@media (max-width:900px){.exam-run{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.exam-side{display:contents}.palette{grid-row:2;max-height:128px}.exam-main{grid-row:3;padding-right:0}.exam-actions{grid-row:4}.exam-actions .btn{flex:1 1}}@media (max-width:640px){.exam-row{flex-direction:column;align-items:stretch}.exam-bar{flex-wrap:wrap;gap:var(--space-2)}.exam-clock{font-size:var(--text-xl)}.exam-photo{max-height:32vh}.exam-passage{max-height:none}}.paper{flex-direction:column}.paper,.paper-head{display:flex;gap:var(--space-4)}.paper-head{align-items:center;justify-content:space-between;flex-wrap:wrap}.paper-title{font-size:var(--text-xl)}.paper-sections{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.paper-section{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between}.paper-section-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.paper-note{padding-top:var(--space-3);border-top:1px dashed var(--border)}.palette{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:0;overflow:auto}.palette-head{display:flex;gap:var(--space-3);align-items:baseline;justify-content:space-between}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,40px);grid-gap:var(--space-2);gap:var(--space-2);justify-content:start}.palette-cell{width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}.palette-cell:hover:not(:disabled){border-color:var(--border-strong)}.palette-cell.is-picked{background:var(--brand-surface);border-color:var(--brand-border);color:var(--brand);font-weight:var(--weight-medium)}.palette-cell.is-current{outline:2px solid var(--brand);outline-offset:1px}.palette-cell:disabled{cursor:default;opacity:.75}.exam-sections{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.exam-section-score{display:grid;grid-template-columns:1fr auto;grid-gap:var(--space-1) var(--space-3);gap:var(--space-1) var(--space-3);align-items:baseline}.exam-section-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--brand);font-weight:var(--weight-bold)}.exam-section-score .progress-track{grid-column:1/-1}@media (max-width:640px){.paper-head,.paper-section{flex-direction:column;align-items:stretch}}.paper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:760px){.paper-grid{grid-template-columns:minmax(0,1fr)}}.language-bar{height:52px;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--space-5)}.language-picker{position:relative;z-index:65}.language-trigger{display:flex;align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--fast),background var(--fast)}.language-trigger.is-open,.language-trigger:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-surface)}.language-chevron{transition:transform var(--fast)}.language-trigger.is-open .language-chevron{transform:rotate(180deg)}.language-popover{position:absolute;right:0;top:calc(100% + var(--space-2));width:min(280px,calc(100vw - var(--space-6)));padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:modal-rise var(--fast) var(--ease)}.language-heading{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);font-size:var(--text-sm)}.language-heading span{color:var(--text-muted);font-size:var(--text-xs)}.language-options{display:flex;flex-direction:column;gap:var(--space-1)}.language-option{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.language-option:hover{background:var(--surface-sunken)}.language-option.is-selected{background:var(--brand-surface);color:var(--brand)}.language-symbol{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold)}.language-name{flex:1 1}.language-check{font-weight:var(--weight-bold)}.language-option:focus-visible,.language-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.language-flag,.language-symbol{font-size:22px;line-height:1}