:root{--bg:oklch(100% 0 0);--surface:oklch(97% .012 220);--surface-2:oklch(93.5% .018 220);--line:oklch(89.5% .02 220);--track:oklch(92% .02 220);--ink:oklch(24% .04 245);--muted:oklch(47% .03 245);--primary:oklch(52% .15 225);--primary-deep:oklch(42% .13 230);--primary-soft:oklch(94% .04 220);--primary-text:oklch(50% .15 228);--on-primary:oklch(100% 0 0);--sun:oklch(86% .16 88);--sun-deep:oklch(72% .15 75);--on-sun:oklch(30% .07 60);--coral:oklch(57% .19 35);--good:oklch(52% .14 150);--good-deep:oklch(42% .12 150);--good-soft:oklch(95% .05 150);--good-text:oklch(45% .13 150);--bad:oklch(55% .19 25);--bad-deep:oklch(45% .17 25);--bad-soft:oklch(95% .035 25);--bad-text:oklch(50% .18 25);--cat-gov:oklch(52% .15 225);--cat-history:oklch(57% .19 35);--cat-symbols:oklch(50% .18 295);--radius:20px;--radius-sm:14px;--depth:4px;--tab-h:68px;--ease:cubic-bezier(.22, 1, .36, 1);--z-sticky:10;--z-nav:20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(17% .02 245);--surface:oklch(21.5% .025 245);--surface-2:oklch(26% .03 245);--line:oklch(31% .03 245);--track:oklch(29% .03 245);--ink:oklch(96% .01 240);--muted:oklch(74% .03 240);--primary:oklch(74% .13 215);--primary-deep:oklch(56% .12 222);--primary-soft:oklch(28% .05 225);--primary-text:oklch(78% .12 215);--on-primary:oklch(18% .03 245);--sun:oklch(85% .15 88);--sun-deep:oklch(68% .14 75);--on-sun:oklch(25% .06 60);--coral:oklch(72% .16 38);--good:oklch(74% .15 150);--good-deep:oklch(56% .13 150);--good-soft:oklch(27% .05 150);--good-text:oklch(80% .15 150);--bad:oklch(70% .16 25);--bad-deep:oklch(55% .15 25);--bad-soft:oklch(27% .05 25);--bad-text:oklch(78% .13 25);--cat-gov:oklch(74% .13 215);--cat-history:oklch(74% .15 40);--cat-symbols:oklch(74% .13 295);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:oklch(17% .02 245);--surface:oklch(21.5% .025 245);--surface-2:oklch(26% .03 245);--line:oklch(31% .03 245);--track:oklch(29% .03 245);--ink:oklch(96% .01 240);--muted:oklch(74% .03 240);--primary:oklch(74% .13 215);--primary-deep:oklch(56% .12 222);--primary-soft:oklch(28% .05 225);--primary-text:oklch(78% .12 215);--on-primary:oklch(18% .03 245);--sun:oklch(85% .15 88);--sun-deep:oklch(68% .14 75);--on-sun:oklch(25% .06 60);--coral:oklch(72% .16 38);--good:oklch(74% .15 150);--good-deep:oklch(56% .13 150);--good-soft:oklch(27% .05 150);--good-text:oklch(80% .15 150);--bad:oklch(70% .16 25);--bad-deep:oklch(55% .15 25);--bad-soft:oklch(27% .05 25);--bad-text:oklch(78% .13 25);--cat-gov:oklch(74% .13 215);--cat-history:oklch(74% .15 40);--cat-symbols:oklch(74% .13 295);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0;font:400 16px/1.55 Lexend,system-ui,sans-serif}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.15}h1{letter-spacing:-.03em;font-size:2rem;font-weight:800}h2{letter-spacing:-.03em;font-size:1.6rem;font-weight:800}h3{font-size:1.1rem}p{text-wrap:pretty;margin:0}a{color:var(--primary-text);font-weight:600}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.45;cursor:default}input,select{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--muted)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.icon{flex:none}.num{font-variant-numeric:tabular-nums}.app{max-width:640px;min-height:100dvh;margin:0 auto}.topbar{z-index:var(--z-sticky);padding:calc(10px + env(safe-area-inset-top)) 16px 8px;background:var(--bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-title{letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.topbar-title .dot{background:var(--sun);width:10px;height:10px;box-shadow:0 0 0 3px var(--primary);border-radius:50%}.content{padding:4px 16px calc(var(--tab-h) + 32px + env(safe-area-inset-bottom))}.tabbar{z-index:var(--z-nav);max-width:640px;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);background:var(--bg);border-top:2px solid var(--line);justify-content:space-around;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:600;transition:color .15s;display:flex}.tabbar .tab-icon{width:52px;height:30px;transition:background .2s var(--ease);border-radius:99px;place-items:center;display:grid}.tabbar button.on{color:var(--primary-text)}.tabbar button.on .tab-icon{background:var(--primary-soft)}.stack{flex-direction:column;gap:14px;display:flex}.stack.lg{gap:24px}.stack.sm{gap:6px}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.row.gap{flex-wrap:wrap;justify-content:center;gap:10px}.row.stretch>*{flex:1}.row.wrap{flex-wrap:wrap}.row.top{align-items:flex-start}.grow{flex:1;min-width:0}.center-text{text-align:center;align-items:center}.muted{color:var(--muted)}.small{font-size:.86rem}.label{color:var(--muted);font-size:.8rem;font-weight:700}.page-head{flex-direction:column;gap:4px;padding-top:4px;display:flex}.panel{background:var(--surface);border-radius:var(--radius);padding:18px}.pill{white-space:nowrap;background:var(--primary-soft);width:fit-content;color:var(--primary-text);border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.pill.good{background:var(--good-soft);color:var(--good-text)}.pill.bad{background:var(--bad-soft);color:var(--bad-text)}.pill.sun{background:var(--sun);color:var(--on-sun)}.pill.plain{background:var(--surface-2);color:var(--ink)}.btn{--b:var(--surface-2);--b-deep:var(--line);--b-ink:var(--ink);border-radius:var(--radius-sm);background:var(--b);color:var(--b-ink);box-shadow:0 var(--depth) 0 var(--b-deep);margin-bottom:var(--depth);justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(var(--depth));box-shadow:0 0 0 var(--b-deep)}@media (hover:hover){.btn:hover:not(:disabled){filter:brightness(1.05)}}.btn.primary{--b:var(--primary);--b-deep:var(--primary-deep);--b-ink:var(--on-primary)}.btn.good{--b:var(--good);--b-deep:var(--good-deep);--b-ink:var(--on-primary)}.btn.bad{--b:var(--bad-soft);--b-deep:color-mix(in srgb, var(--bad) 35%, var(--bad-soft));--b-ink:var(--bad-text)}.btn.sun{--b:var(--sun);--b-deep:var(--sun-deep);--b-ink:var(--on-sun)}.btn.white{--b:oklch(100% 0 0);--b-deep:oklch(85% .03 225);--b-ink:oklch(32% .1 230)}.btn.ghost{box-shadow:none;color:var(--muted);background:0 0;margin-bottom:0}.btn.big{border-radius:18px;padding:17px 22px;font-size:1.06rem}.btn.block{width:100%}.link{color:var(--primary-text);align-items:center;gap:4px;font-weight:700;display:inline-flex}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:14px;place-items:center;transition:background .15s;display:grid}.icon-btn.on,.icon-btn:active{background:var(--surface-2);color:var(--ink)}.icon-btn.round{background:var(--surface-2);width:52px;height:52px;color:var(--ink);border-radius:50%}.icon-btn.round.live{background:var(--primary);color:var(--on-primary)}.icon-btn.round.bad{background:var(--bad-soft);color:var(--bad-text)}.segmented{background:var(--surface-2);border-radius:14px;gap:2px;padding:4px;display:inline-flex}.segmented button{color:var(--muted);transition:background .2s var(--ease), color .2s;border-radius:10px;padding:8px 14px;font-size:.88rem;font-weight:700}.segmented button.on{background:var(--bg);color:var(--ink);box-shadow:0 2px 0 var(--line)}.segmented.full{display:flex}.segmented.full button{flex:1;padding:11px 8px}.bar{background:var(--track);border-radius:99px;height:12px;overflow:hidden}.bar-fill{background:var(--primary);height:100%;transition:width .5s var(--ease);border-radius:99px}.bar-fill.good{background:var(--good)}.bar-fill.bad{background:var(--bad)}.bar-fill.sun{background:var(--sun)}.ring{flex:none;position:relative}.ring-arc{transition:stroke-dashoffset .9s var(--ease)}.ring-label{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.greet{justify-content:space-between;align-items:flex-end;gap:12px;padding-top:4px;display:flex}.greet h1{font-size:2.2rem}.chips-row{flex-wrap:wrap;gap:8px;display:flex}.chip-stat{background:var(--surface);color:var(--ink);border-radius:99px;align-items:center;gap:5px;padding:6px 11px;font-size:.82rem;font-weight:600;display:inline-flex}.chip-stat .icon{color:var(--coral)}.chip-stat.date .icon{color:var(--primary-text)}.today{color:oklch(100% 0 0);background:oklch(52% .15 225);border-radius:28px;flex-direction:column;gap:18px;padding:22px;display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .today{background:oklch(42% .13 228)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .today{background:oklch(42% .13 228)}}.today:before{content:"";background:oklch(100% 0 0/.08);border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-70px}.today:after{content:"";background:oklch(86% .16 88/.22);border-radius:50%;width:120px;height:120px;position:absolute;bottom:-70px;right:40px}.today-top{z-index:1;align-items:center;gap:18px;display:flex;position:relative}.today-top h2{color:inherit;font-size:1.45rem}.today-top p{color:oklch(100% 0 0/.85);margin-top:4px;font-size:.95rem}.today .ring-label strong{font-size:1.5rem;font-weight:800;line-height:1}.today .ring-label small{opacity:.85;font-size:.7rem;font-weight:600}.today .btn{z-index:1;position:relative}.readiness{flex-direction:column;gap:10px;display:flex}.readiness-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;display:flex}.readiness-head strong{font-size:1.05rem}.milestones{color:var(--muted);grid-template-columns:repeat(4,1fr);font-size:.72rem;font-weight:600;display:grid}.milestones span{text-align:right}.milestones span.hit{color:var(--primary-text)}.track-seg{background:var(--track);border-radius:99px;height:14px;position:relative;overflow:hidden}.track-seg .fill{background:var(--primary);transition:width .8s var(--ease);border-radius:99px;position:absolute;inset:0 auto 0 0}.track-seg .ticks{grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.track-seg .ticks i{border-right:3px solid var(--bg)}.track-seg .ticks i:last-child{border:0}.officer-call{border-radius:var(--radius);text-align:left;background:var(--surface);align-items:center;gap:14px;width:100%;padding:16px;transition:transform 80ms;display:flex}.officer-call:active{transform:scale(.985)}.officer-call .grow{flex-direction:column;gap:2px;display:flex}.officer-call strong{font-size:1.02rem}.officer-call .go{background:var(--primary);width:40px;height:40px;color:var(--on-primary);border-radius:50%;place-items:center;display:grid}.fix-row{border-radius:var(--radius);text-align:left;background:var(--bad-soft);width:100%;color:var(--ink);align-items:center;gap:14px;padding:16px;display:flex}.fix-row .badge-n{background:var(--bad);min-width:44px;height:44px;color:var(--on-primary);border-radius:14px;place-items:center;font-size:1.15rem;font-weight:800;display:grid}.fix-row .grow span{display:block}.notice{text-align:left;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--sun) 30%, var(--bg));width:100%;color:var(--ink);align-items:center;gap:12px;padding:14px 16px;font-size:.9rem;font-weight:500;display:flex}.notice .icon{color:var(--on-sun)}:root[data-theme=dark] .notice .icon{color:var(--sun)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .notice .icon{color:var(--sun)}}.qnum{background:var(--surface-2);min-width:34px;height:28px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:9px;flex:none;place-items:center;padding:0 7px;font-size:.8rem;font-weight:800;display:grid}.cat-gov{--cat:var(--cat-gov)}.cat-history{--cat:var(--cat-history)}.cat-symbols{--cat:var(--cat-symbols)}.qnum.cat{background:color-mix(in srgb, var(--cat) 16%, var(--bg));color:var(--cat)}.search{background:var(--surface);border-radius:var(--radius-sm);color:var(--muted);border:2px solid #0000;align-items:center;gap:10px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--primary)}.search input{box-shadow:none;background:0 0;border:0;padding:13px 0}.chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px;display:flex;overflow-x:auto}.chips button{background:var(--surface);color:var(--muted);border-radius:99px;flex:none;align-items:center;gap:6px;padding:8px 14px;font-size:.86rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.chips button.on{background:var(--ink);color:var(--bg)}.chips button .icon{color:var(--sun-deep)}.section-head{align-items:center;gap:8px;margin:18px 0 4px;font-size:.95rem;display:flex}.section-head:before{content:"";background:var(--cat);border-radius:3px;width:10px;height:10px}.qtable{flex-direction:column;gap:10px;display:flex}.qrow{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.qrow-head{align-items:flex-start;gap:12px;display:flex}.qtext{font-weight:600;line-height:1.4}.qtext .icon{color:var(--sun-deep);vertical-align:-3px;margin-left:4px}.qanswers{flex-direction:column;gap:8px;padding-left:46px;display:flex}.qanswers ul{margin:0;padding-left:18px}.qanswers li{margin:2px 0}.qanswers li::marker{color:var(--cat,var(--primary))}.qmeta{color:var(--muted);white-space:nowrap;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding-left:46px;font-size:.8rem;display:flex}.dots{align-items:center;gap:3px;display:flex}.dots i{border-radius:50%;width:8px;height:8px}.dots i.good{background:var(--good)}.dots i.bad{background:var(--bad)}.deck-list{flex-direction:column;gap:8px;display:flex}.deck{text-align:left;border-radius:var(--radius-sm);background:var(--surface);border:2px solid #0000;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.deck .deck-icon{background:var(--bg);width:40px;height:40px;color:var(--primary-text);border-radius:12px;flex:none;place-items:center;display:grid}.deck .grow{flex-direction:column;display:flex}.deck .grow span{color:var(--muted);font-size:.82rem}.deck .n{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.deck.on{border-color:var(--primary);background:var(--primary-soft)}.deck.on .deck-icon{background:var(--primary);color:var(--on-primary)}.deck-sub{flex-wrap:wrap;gap:8px;display:flex}.flashcard{perspective:1400px;text-align:left;min-height:360px;display:grid}.flashcard .face{backface-visibility:hidden;transition:transform .55s var(--ease);border-radius:28px;flex-direction:column;grid-area:1/1;gap:16px;padding:24px;display:flex}.flashcard .front{background:var(--surface);box-shadow:0 6px 0 var(--line)}.flashcard .back{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 0 var(--primary-deep);transform:rotateY(180deg)}.flashcard.flipped .front{transform:rotateY(-180deg)}.flashcard.flipped .back{transform:rotateY(0)}.fc-q{letter-spacing:-.02em;flex:1;font-size:1.55rem;font-weight:700;line-height:1.3}.fc-a{flex-direction:column;gap:8px;margin:0;padding-left:22px;font-size:1.15rem;font-weight:500;display:flex}.fc-label{opacity:.8;font-size:.8rem;font-weight:700}.tap{align-items:center;gap:6px;margin-top:auto;display:inline-flex}.quiz-card{background:var(--surface);border-radius:24px;flex-direction:column;gap:10px;padding:20px;display:flex}.quiz-q{letter-spacing:-.015em;font-size:1.35rem;font-weight:700;line-height:1.35}.options{flex-direction:column;gap:12px;display:flex}.option{text-align:left;background:var(--bg);border:2px solid var(--line);box-shadow:0 var(--depth) 0 var(--line);margin-bottom:var(--depth);border-radius:16px;align-items:center;gap:12px;padding:15px 16px;font-weight:500;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background .2s,border-color .2s,opacity .2s;display:flex}.option:active:not(:disabled){transform:translateY(var(--depth));box-shadow:0 0 0 var(--line)}.option .key{border:2px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:9px;flex:none;place-items:center;font-size:.82rem;font-weight:800;display:grid}.option.good{background:var(--good-soft);border-color:var(--good);box-shadow:0 var(--depth) 0 var(--good);color:var(--good-text);font-weight:700}.option.good .key,.option.bad .key{border:0;padding:0}.option.bad{background:var(--bad-soft);border-color:var(--bad);box-shadow:0 var(--depth) 0 var(--bad);color:var(--bad-text)}.option.dim{opacity:.5}.option .icon{--icon-cut:var(--bg)}.feedback{border-radius:var(--radius);align-items:flex-start;gap:12px;padding:16px;display:flex}.feedback.good{background:var(--good-soft);color:var(--good-text)}.feedback.bad{background:var(--bad-soft);color:var(--bad-text)}.feedback strong{font-size:1.05rem;display:block}.feedback p{color:var(--ink);margin-top:2px;font-size:.9rem}.feedback .icon{--icon-cut:var(--good-soft)}.feedback.bad .icon{--icon-cut:var(--bad-soft)}.result{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 8px 8px;display:flex;position:relative}.result .medal{background:var(--sun);width:96px;height:96px;color:var(--on-sun);box-shadow:0 6px 0 var(--sun-deep);border-radius:50%;place-items:center;display:grid;position:relative}.result .medal.plain{background:var(--primary-soft);color:var(--primary-text);box-shadow:0 6px 0 var(--line)}.big-score{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:3.6rem;font-weight:800;line-height:1}.big-score small{color:var(--muted);letter-spacing:0;font-size:1.5rem;font-weight:700}.review-list{text-align:left;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.review-list li{border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.review-list li span{color:var(--good-text);font-size:.92rem;font-weight:600}.burst{pointer-events:none;width:0;height:0;position:absolute;top:76px;left:50%}.burst i{opacity:0;background:var(--sun);width:10px;height:10px;animation:burst .9s var(--ease) .1s forwards;border-radius:3px;position:absolute;top:-5px;left:-5px}.burst i:nth-child(3n){background:var(--primary);border-radius:50%}.burst i:nth-child(3n+1){background:var(--coral)}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.6)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1)}}.sticky-cta{bottom:calc(var(--tab-h) + 10px + env(safe-area-inset-bottom));z-index:var(--z-sticky);background:linear-gradient(to bottom, transparent, var(--bg) 30%);margin-top:-10px;padding-top:14px;position:sticky}.sticky-cta .avatar{box-shadow:none}.avatar{--persona:var(--primary);--lvl:0;background:var(--persona);color:oklch(100% 0 0);box-shadow:0 4px 0 color-mix(in srgb, var(--persona) 70%, black), 0 0 0 calc(var(--lvl) * 9px) color-mix(in srgb, var(--persona) 25%, transparent);border-radius:30%;flex:none;place-items:center;transition:box-shadow .12s;display:grid;position:relative}.avatar.speaking{animation:1.2s ease-in-out infinite speak}@keyframes speak{0%,to{box-shadow:0 4px 0 color-mix(in srgb, var(--persona) 70%, black), 0 0 0 3px color-mix(in srgb, var(--persona) 35%, transparent)}50%{box-shadow:0 4px 0 color-mix(in srgb, var(--persona) 70%, black), 0 0 0 13px color-mix(in srgb, var(--persona) 10%, transparent)}}.persona-list{flex-direction:column;gap:8px;display:flex}.persona{text-align:left;border-radius:var(--radius-sm);background:var(--surface);border:2px solid #0000;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.persona .grow{flex-direction:column;display:flex}.persona .grow span{color:var(--muted);font-size:.82rem}.persona .tick{color:var(--primary-text);--icon-cut:var(--primary-soft);opacity:0;transition:opacity .15s}.persona.on{border-color:var(--primary);background:var(--primary-soft)}.persona.on .tick{opacity:1}.rules{gap:10px;display:flex}.rules>div{border-radius:var(--radius-sm);background:var(--surface);flex:1;padding:14px}.rules strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;display:block}.rules span{color:var(--muted);font-size:.8rem}.interview{height:calc(100dvh - 170px - env(safe-area-inset-bottom) - env(safe-area-inset-top));flex-direction:column;gap:14px;display:flex}.stage{background:color-mix(in srgb, var(--persona) 14%, var(--bg));border-radius:24px;align-items:center;gap:14px;padding:16px;display:flex}.stage .grow{flex-direction:column;gap:2px;display:flex}.status{color:var(--muted);align-items:center;gap:6px;font-size:.84rem;font-weight:600;display:inline-flex}.status i{background:var(--muted);border-radius:50%;width:8px;height:8px}.status.live i{background:var(--good)}.status.speaking i{background:var(--coral)}.score-track{grid-template-columns:repeat(var(--n), 1fr);gap:4px;display:grid}.score-track i{background:var(--track);border-radius:4px;height:10px;transition:background .3s}.score-track i.good{background:var(--good)}.score-track i.bad{background:var(--bad)}.score-legend{color:var(--muted);justify-content:space-between;font-size:.8rem;font-weight:600;display:flex}.score-legend b{color:var(--ink);font-variant-numeric:tabular-nums}.captions{background:var(--surface);border-radius:24px;flex-direction:column;flex:1;gap:8px;min-height:160px;padding:14px;display:flex;overflow-y:auto}.cap{border-radius:18px;max-width:86%;padding:10px 14px;font-size:.96rem}.cap.officer{background:var(--bg);border-bottom-left-radius:6px;align-self:flex-start}.cap.you{background:var(--primary);color:var(--on-primary);border-bottom-right-radius:6px;align-self:flex-end}.composer{align-items:center;gap:8px;display:flex}.composer input{border-radius:99px;padding:13px 18px}.result-hero{text-align:center;background:var(--surface);border-radius:28px;flex-direction:column;align-items:center;gap:8px;padding:26px 18px;display:flex;position:relative}.result-hero.pass{background:var(--good);color:var(--on-primary)}.result-hero.pass .big-score small{color:inherit;opacity:.8}.result-hero.fail{background:var(--bad-soft)}.review{border-radius:var(--radius);background:var(--surface);gap:12px;padding:16px;display:flex}.review>.icon{--icon-cut:var(--surface);margin-top:2px}.review.good>.icon{color:var(--good)}.review.bad>.icon{color:var(--bad)}.review .grow{flex-direction:column;gap:6px;display:flex}.review .link{align-self:flex-start;font-size:.86rem}.mastery{grid-template-columns:repeat(16,1fr);gap:4px;display:grid}.sq{aspect-ratio:1;background:var(--track);border-radius:5px;transition:transform .1s}.sq:active{transform:scale(.85)}.sq.m1{background:color-mix(in srgb, var(--primary) 30%, var(--track))}.sq.m2{background:color-mix(in srgb, var(--primary) 55%, var(--track))}.sq.m3{background:color-mix(in srgb, var(--primary) 80%, var(--track))}.sq.m4,.sq.m5{background:var(--primary)}.sq.miss{background:var(--bad)}.sq.sel{outline:3px solid var(--ink);outline-offset:1px}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.78rem;font-weight:600;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:4px;width:12px;height:12px}.peek{border-radius:var(--radius-sm);background:var(--bg);flex-direction:column;gap:4px;padding:14px;display:flex}.cat-rows{flex-direction:column;gap:16px;display:flex}.cat-row .bar-fill{background:var(--cat)}.plain-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plain-list li{border-top:2px solid var(--bg);align-items:center;gap:12px;padding:12px 0;display:flex}.plain-list li:first-child{border-top:0;padding-top:4px}.settings-group{flex-direction:column;gap:14px;display:flex}.settings-group>h3{color:var(--muted);padding-left:4px;font-size:.95rem}.field{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.field small{font-weight:400}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;font-weight:600;display:flex}.footer-note{justify-content:center;align-items:center;gap:6px;display:flex}.footer-note .icon{color:var(--coral)}@media (width>=560px){.greet h1{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.flashcard .face{transition:opacity .2s!important}.burst{display:none}}