/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.hidden{display:none}.inline{display:inline}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f6fa;--surface:#fff;--surface-soft:#f8f9fc;--ink:#182036;--ink-soft:#34405d;--muted:#727b92;--border:#e5e8f0;--border-strong:#d7dce8;--brand:#5b4fd8;--brand-dark:#292568;--brand-soft:#eeecff;--violet:#7165e7;--violet-soft:#efedff;--coral:#f37d6b;--coral-soft:#fff0ec;--blue:#4d8fe8;--blue-soft:#eaf3ff;--amber:#e9a83d;--amber-soft:#fff6df;--mint:#36a98b;--mint-soft:#e7f8f2;--success:#18845f;--success-soft:#e8f8f1;--danger:#cc5462;--danger-soft:#fff0f1;--shadow-sm:0 .5rem 1.5rem #21294812;--shadow-md:0 1.2rem 3rem #1f27461c;--font-ui:Inter, Avenir, "Segoe UI", sans-serif;--font-chinese:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}.auth-page{background:#f8f7fb;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.auth-brand-panel{color:#fff;background:radial-gradient(circle at 78% 18%,#ffac8b4d,#0000 28%),radial-gradient(circle at 10% 85%,#80e6cd33,#0000 30%),linear-gradient(145deg,#39216a 0%,#6138aa 55%,#7651bd 100%);flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(40px,7vw,96px);display:flex;position:relative;overflow:hidden}.auth-brand-panel:after{content:"明";color:#ffffff0b;pointer-events:none;font-family:Noto Sans SC,sans-serif;font-size:min(48vw,640px);font-weight:800;line-height:1;position:absolute;bottom:-12vw;right:-4vw}.auth-brand-lockup{z-index:1;align-items:center;gap:14px;font-size:26px;font-weight:800;display:flex;position:relative}.auth-brand-panel h1{z-index:1;letter-spacing:-.055em;max-width:650px;margin:12px 0 20px;font-size:clamp(42px,5vw,76px);line-height:1.02;position:relative}.auth-brand-panel p{z-index:1;color:#ffffffc7;max-width:590px;font-size:18px;line-height:1.65;position:relative}.auth-brand-panel .eyebrow{color:#d9c8ff}.auth-proof{z-index:1;flex-wrap:wrap;gap:12px 22px;display:flex;position:relative}.auth-proof span{color:#ffffffd1;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.auth-form-panel{place-items:center;padding:clamp(28px,6vw,88px);display:grid}.auth-form-card{width:min(100%,460px)}.auth-form-icon{color:#6540ad;background:#ede6fb;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:28px;display:grid}.auth-form-card h2{color:#221b2e;letter-spacing:-.045em;margin:8px 0 12px;font-size:clamp(32px,4vw,44px);line-height:1.08}.auth-form-card>p:not(.eyebrow){color:#746d7e;line-height:1.6}.auth-form{gap:16px;margin-top:32px;display:grid}.auth-form label{gap:9px;display:grid}.auth-form label>span{color:#3a3344;font-size:14px;font-weight:800}.auth-form input{color:#241d2d;width:100%;min-height:56px;font:inherit;background:#fff;border:1px solid #ded9e5;border-radius:14px;outline:none;padding:0 17px;transition:border-color .16s,box-shadow .16s}.auth-form input:focus{border-color:#7550bd;box-shadow:0 0 0 4px #7550bd1f}.auth-form .otp-input{letter-spacing:.32em;text-align:center;height:72px;font-size:32px;font-weight:800}.auth-submit{justify-content:center;width:100%;min-height:56px}.auth-secondary-action{color:#695f75;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-weight:750;display:inline-flex}.form-error{color:#a83943;background:#fff0f1;border-radius:10px;margin:0;padding:11px 13px;font-size:14px}.full-page-state{color:#2d2637;text-align:center;background:#f8f7fb;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:28px;display:flex}.full-page-state h1{margin:8px 0 0;font-size:clamp(28px,4vw,42px)}.full-page-state p{color:#766e81;max-width:520px;margin:0}.situation-card-disabled{cursor:default;opacity:.62;box-shadow:none}.situation-card-disabled:hover{transform:none}.review-empty-state{text-align:center;background:#fff;border:1px solid #e6e1ea;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:48px 24px;display:flex}.review-empty-state h2{margin:12px 0 8px;font-size:28px}.review-empty-state>p:last-child{color:#776f80;max-width:470px;margin:0}@media (width<=860px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{gap:28px;min-height:320px;padding:34px 26px}.auth-brand-panel h1{max-width:560px;font-size:clamp(38px,9vw,58px)}.auth-proof{display:none}.auth-form-panel{padding:48px 24px 64px}}*{box-sizing:border-box}html{background:var(--canvas);min-width:20rem;color:var(--ink);font-family:var(--font-ui);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{background:var(--canvas);min-width:20rem;min-height:100dvh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--brand)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 30%, transparent)}}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}::selection{background:var(--brand-soft);color:var(--brand-dark)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100dvh}.sidebar{z-index:20;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;width:16.5rem;height:100dvh;padding:2rem 1.25rem 1.5rem;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.brand{width:fit-content;color:var(--brand-dark);letter-spacing:-.04em;align-items:center;gap:.7rem;padding:0 .55rem;font-size:1.32rem;font-weight:850;display:inline-flex}.brand-mark{background:var(--brand);color:#fff;width:2.4rem;height:2.4rem;font-family:var(--font-chinese);border-radius:.8rem .8rem .8rem .28rem;place-items:center;font-size:1.12rem;display:grid;box-shadow:0 .45rem 1rem #5b4fd840}.side-nav{overscroll-behavior:contain;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;flex:auto;align-content:start;gap:.45rem;min-height:0;margin-top:3rem;margin-right:-.35rem;padding-right:.35rem;display:grid;overflow-y:auto}.nav-item{min-height:3.25rem;color:var(--muted);border-radius:.9rem;align-items:center;gap:.9rem;padding:.75rem .95rem;font-size:.9rem;font-weight:700;transition:all .16s;display:flex}.nav-item:hover{background:var(--surface-soft);color:var(--ink)}.nav-item-active{background:var(--brand-soft);color:var(--brand)}.nav-badge{background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:1.5rem;height:1.5rem;margin-left:auto;padding:0 .35rem;font-size:.7rem;font-weight:800;display:grid}.sidebar-coach{border:1px solid var(--border);background:var(--surface-soft);border-radius:1rem;flex:none;margin-top:1rem;padding:1.1rem}.coach-icon{background:var(--amber-soft);width:2.3rem;height:2.3rem;color:var(--amber);border-radius:.75rem;place-items:center;margin-bottom:.85rem;display:grid}.sidebar-coach strong{font-size:.81rem}.sidebar-coach p{color:var(--muted);margin:.45rem 0 0;font-size:.76rem;line-height:1.5}.coach-method-link{color:var(--brand);align-items:center;margin-top:.8rem;font-size:.7rem;font-weight:800;display:inline-flex}.coach-method-link:hover{text-underline-offset:.2rem;text-decoration:underline}.profile-mini{flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;min-width:0;margin-top:1rem;padding:.7rem .4rem;display:grid}.profile-mini>span:nth-child(2){gap:.1rem;min-width:0;display:grid}.profile-mini strong{text-overflow:ellipsis;white-space:nowrap;font-size:.81rem;overflow:hidden}.profile-mini small{color:var(--muted);font-size:.68rem}.avatar{background:var(--coral-soft);width:2.25rem;height:2.25rem;color:var(--coral);border-radius:50%;place-items:center;font-size:.8rem;font-weight:850;display:grid}.icon-button{width:2.45rem;height:2.45rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--surface-soft);color:var(--ink)}.app-stage{min-height:100dvh;margin-left:16.5rem}.app-content{width:min(100%,92rem);margin:0 auto;padding:2.6rem clamp(1.5rem,3.5vw,4rem) 4rem}.mobile-header,.bottom-nav{display:none}.page-enter{animation:.43s cubic-bezier(.2,.8,.2,1) both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--brand);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .38rem;font-size:.68rem;font-weight:850}.dashboard-heading,.subpage-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.dashboard-heading h1,.subpage-heading h1{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.05}.dashboard-heading h1 .greeting-chinese{vertical-align:middle;justify-items:center;margin-left:.5rem;display:inline-grid}.dashboard-heading h1 .greeting-chinese>.hanzi-lookup-text{color:var(--brand);font-family:var(--font-chinese);letter-spacing:0;font-size:.65em}.dashboard-heading h1 .greeting-chinese>small{color:var(--brand);letter-spacing:0;margin-top:-.14rem;font-size:.48rem;font-weight:750}.dashboard-heading>div>p:last-child,.subpage-heading>div>p:last-child{color:var(--muted);margin:.55rem 0 0;font-size:.94rem}.desktop-stat-pills{gap:.65rem;display:flex}.stat-pill,.streak-pill,.due-pill{border:1px solid var(--border);background:var(--surface);min-height:2.65rem;color:var(--muted);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.45rem;padding:.58rem .85rem;font-size:.77rem;display:inline-flex}.stat-pill strong{color:var(--ink)}.stat-pill-flame{color:var(--coral)}.continue-card{background:var(--brand-dark);color:#fff;border-radius:1.65rem;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.65fr);min-height:21rem;display:grid;overflow:hidden;box-shadow:0 1.8rem 4.5rem #221f5b33}.continue-main{padding:clamp(2rem,4vw,3.5rem);position:relative}.continue-main:after{content:"";pointer-events:none;border:2.5rem solid #ffffff0a;border-radius:50%;width:17rem;height:17rem;position:absolute;bottom:-6.5rem;right:-4rem}.continue-meta{align-items:center;gap:.8rem;display:flex}.lesson-tag,.duration{align-items:center;gap:.35rem;font-size:.68rem;font-weight:750;display:inline-flex}.lesson-tag{color:#ffffffeb;background:#ffffff1f;border-radius:999px;padding:.4rem .62rem}.duration{color:#ffffff94}.continue-main h2{letter-spacing:-.045em;max-width:30rem;margin:1.4rem 0 0;font-size:clamp(1.7rem,2.6vw,2.65rem);line-height:1.04}.chinese-preview{justify-items:start;gap:.2rem;margin:1.1rem 0 .75rem;display:grid}.chinese-preview>.hanzi-lookup-text{font-family:var(--font-chinese);align-items:baseline;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;display:flex}.chinese-preview>small{color:#ffffffb3;font-size:.72rem;font-weight:700}.continue-main>p{color:#ffffffa8;max-width:34rem;margin:0;font-size:.87rem;line-height:1.55}.continue-main>p strong{color:#fff}.primary-button,.secondary-button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:.9rem;justify-content:center;align-items:center;gap:.55rem;min-height:3.25rem;padding:.8rem 1.15rem;font-size:.82rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 .55rem 1.4rem #5b4fd83b}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);box-shadow:0 .8rem 1.8rem #312a8442}.light-button{z-index:1;color:var(--brand-dark);background:#fff;margin-top:1.55rem;position:relative;box-shadow:0 .8rem 1.8rem #00000021}.light-button svg:last-child{margin-left:.2rem}.daily-goal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:1.2rem;align-self:stretch;margin:1.25rem;padding:1.6rem}.goal-topline{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.goal-icon{width:2.7rem;height:2.7rem;color:var(--brand-dark);background:#f5cb62;border-radius:.8rem;place-items:center;display:grid}.goal-topline>span:nth-child(2){gap:.15rem;display:grid}.goal-topline small{color:#ffffff94;font-size:.67rem}.goal-topline strong{font-size:.82rem}.goal-topline b{font-size:.83rem}.goal-track,.review-progress-track,.capability-track,.skill-track{background:#ffffff1f;border-radius:999px;height:.4rem;overflow:hidden}.goal-track{margin-top:1.45rem}.goal-track span,.review-progress-track span,.capability-track span,.skill-track span{border-radius:inherit;background:#f5cb62;height:100%;display:block}.daily-goal>p{color:#ffffff8a;margin:.8rem 0 0;font-size:.72rem;line-height:1.5}.section-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin:3.4rem 0 1.25rem;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:1.35rem}.text-link,.inline-action{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:.42rem;font-size:.76rem;font-weight:800;display:inline-flex}.text-link:hover,.inline-action:hover{color:var(--brand-dark)}.situation-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.situation-card{border:1px solid var(--border);background:var(--surface);border-radius:1.2rem;flex-direction:column;min-height:15.5rem;padding:1.15rem;transition:transform .17s,box-shadow .17s,border-color .17s;display:flex;box-shadow:0 .3rem 1.1rem #222a4809}.situation-card:hover{z-index:1;border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-.22rem)}.situation-topline,.situation-footer{justify-content:space-between;align-items:center;display:flex}.situation-icon,.card-icon,.quick-toolkit-icon{border-radius:.82rem;place-items:center;width:2.6rem;height:2.6rem;display:grid}.accent-violet .situation-icon,.situation-icon.accent-violet,.card-icon-violet{background:var(--violet-soft);color:var(--violet)}.accent-coral .situation-icon,.situation-icon.accent-coral,.card-icon-coral{background:var(--coral-soft);color:var(--coral)}.accent-blue .situation-icon,.situation-icon.accent-blue{background:var(--blue-soft);color:var(--blue)}.accent-amber .situation-icon,.situation-icon.accent-amber,.card-icon-amber{background:var(--amber-soft);color:var(--amber)}.accent-mint .situation-icon,.situation-icon.accent-mint,.card-icon-mint{background:var(--mint-soft);color:var(--mint)}.capability-score{color:var(--muted);font-size:.76rem;font-weight:850}.score-strong{color:var(--success)}.situation-copy{margin-top:1.25rem}.situation-chinese{color:var(--muted);font-family:var(--font-chinese);font-size:.78rem}.situation-chinese small{font-family:var(--font-sans);font-size:inherit}.situation-copy h3{letter-spacing:-.025em;margin:.28rem 0 .45rem;font-size:.98rem}.situation-copy p{color:var(--muted);margin:0;font-size:.73rem;line-height:1.45}.situation-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding-top:.9rem;font-size:.68rem;font-weight:700}.situation-footer span{align-items:center;gap:.3rem;display:inline-flex}.situation-footer span svg{color:var(--success)}.dashboard-lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:1rem;margin-top:1rem;display:grid}.review-card,.insight-card,.quick-toolkit,.review-insight,.session-reward,.skill-card,.errors-card{border:1px solid var(--border);background:var(--surface);border-radius:1.25rem;box-shadow:0 .4rem 1.3rem #222a480a}.review-card{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.35rem;display:grid}.review-copy h2,.insight-card h2,.quick-toolkit h2,.review-insight h2,.card-heading h2{letter-spacing:-.025em;margin:0;font-size:1rem}.review-copy>p:last-child,.insight-card>p{color:var(--muted);margin:.4rem 0 0;font-size:.73rem;line-height:1.45}.secondary-button{background:var(--brand-soft);min-height:2.8rem;color:var(--brand);box-shadow:none;white-space:nowrap;padding:.7rem .9rem}.insight-card{padding:1.35rem}.insight-topline{align-items:center;gap:.75rem;margin-bottom:1.05rem;display:flex}.insight-label{color:var(--muted);font-size:.68rem;font-weight:750}.word-order-example{gap:.35rem;margin-top:.85rem;display:flex}.word-chip{border:1px solid var(--border);background:var(--surface-soft);font-family:var(--font-chinese);border-radius:.55rem;padding:.38rem .52rem;font-size:.8rem}.word-chip-time{background:var(--amber-soft);color:#9c690d;border-color:#f0d58a}.insight-card .inline-action{margin-top:.75rem;padding:0}.quick-toolkit{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:1rem;padding:1.2rem 1.35rem;display:grid}.quick-toolkit-icon{background:var(--blue-soft);color:var(--blue)}.quick-toolkit h2{font-family:var(--font-chinese);font-size:1.2rem}.quick-toolkit div>p:last-child{color:var(--muted);margin:.2rem 0 0;font-size:.7rem}.lesson-layout{background:var(--surface-soft);min-height:100dvh}.lesson-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;grid-template-columns:2.7rem minmax(0,40rem) 2.7rem;justify-content:center;align-items:center;gap:1rem;min-height:5.1rem;padding:0 1.5rem;display:grid;position:sticky;top:0}.lesson-close{width:2.6rem;height:2.6rem;color:var(--muted);border-radius:50%;place-items:center;display:grid}.lesson-close:hover{background:var(--canvas);color:var(--ink)}.lesson-progress{background:var(--border);border-radius:999px;height:.5rem;overflow:hidden}.lesson-progress span{border-radius:inherit;background:var(--brand);height:100%;transition:width .3s;display:block}.lesson-step-count{color:var(--muted);font-size:.72rem;font-weight:750}.lesson-stage{place-items:start center;min-height:calc(100dvh - 5.1rem);padding:clamp(1.5rem,4vw,3.5rem) 1.25rem 4rem;display:grid}.lesson-panel{width:min(100%,47rem)}.lesson-context{color:var(--muted);align-items:center;gap:.65rem;margin-bottom:2rem;font-size:.74rem;font-weight:700;display:flex}.lesson-context strong{color:var(--brand);margin-left:auto}.lesson-panel>h1{letter-spacing:-.05em;max-width:40rem;margin:0;font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.08}.comparison-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.35rem;grid-template-columns:1fr auto 1fr;align-items:stretch;margin-top:2.1rem;display:grid}.phrase-row{grid-template-columns:auto 1fr;align-items:center;gap:.85rem;min-height:13rem;padding:1.5rem;display:grid}.phrase-row>div{gap:.3rem;display:grid}.audio-button{background:var(--brand-soft);width:2.75rem;height:2.75rem;color:var(--brand);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.audio-button:hover{background:var(--brand);color:#fff}.lesson-hanzi{font-family:var(--font-chinese);font-size:clamp(1.35rem,3.2vw,2rem);font-weight:700}.lesson-hanzi span{color:var(--brand)}.phrase-row div>span{color:var(--ink-soft);font-size:.74rem}.phrase-row div>small{color:var(--muted);font-size:.72rem}.phrase-divider{color:var(--border-strong);place-items:center;display:grid}.phrase-row-focus{background:var(--brand-soft);border-radius:1rem;margin:.65rem}.tip-box,.pattern-box{border-left:3px solid var(--amber);background:var(--amber-soft);color:#795817;gap:.8rem;margin-top:1.1rem;padding:1rem 1.15rem;display:flex}.tip-box>svg,.pattern-box>svg{flex:none;margin-top:.1rem}.tip-box p{gap:.28rem;margin:0;font-size:.78rem;line-height:1.55;display:grid}.lesson-cta{width:100%;margin-top:1.5rem}.lesson-backline{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.lesson-backline .eyebrow{margin:0}.dissect-audio{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;margin-top:1rem;padding:.45rem 0;font-size:.75rem;font-weight:750;display:inline-flex}.dissect-phrase{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.35rem;justify-content:center;align-items:center;gap:.45rem;margin-top:2rem;padding:2.1rem 1rem;display:flex}.dissect-phrase button{background:var(--surface-soft);cursor:pointer;border:1px solid #0000;border-radius:.85rem;gap:.25rem;min-width:4.7rem;padding:.8rem .55rem;display:grid}.dissect-phrase button:hover,.dissect-phrase button.token-active{background:var(--brand-soft);color:var(--brand);border-color:#b9b2fb}.dissect-phrase strong{font-family:var(--font-chinese);font-size:1.7rem}.dissect-phrase small{color:var(--muted);font-size:.65rem}.dissect-punctuation{font-family:var(--font-chinese);font-size:1.7rem}.token-explanation{border:1px solid var(--border);background:var(--surface);border-radius:1.1rem;grid-template-columns:auto 1fr;align-items:center;gap:1.15rem;margin-top:1rem;padding:1.25rem;display:grid}.token-glyph{background:var(--brand);color:#fff;width:4.2rem;height:4.2rem;font-family:var(--font-chinese);border-radius:1rem;place-items:center;font-size:2rem;display:grid}.token-explanation h2{margin:0;font-size:1rem}.token-explanation div>p:last-child{color:var(--muted);margin:.4rem 0 0;font-size:.75rem;line-height:1.5}.pattern-box{border-left-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.pattern-box>div{gap:.32rem;display:grid}.pattern-box strong,.pattern-box span{font-size:.73rem}.pattern-box code{width:fit-content;color:var(--brand);background:#fff;border-radius:.4rem;padding:.32rem .5rem;font-size:.78rem;font-weight:800}.exercise-prompt{border-left:3px solid var(--blue);background:var(--blue-soft);gap:.35rem;margin-top:1.75rem;padding:1.25rem;display:grid}.exercise-prompt>span,.exercise-prompt>small{color:var(--muted);font-size:.7rem}.exercise-prompt>strong{font-family:var(--font-chinese);font-size:1.5rem}.answer-zone{border:2px dashed var(--border-strong);background:var(--surface);border-radius:1rem;align-content:flex-start;align-items:flex-start;gap:.45rem;min-height:7.7rem;margin-top:1rem;padding:1.15rem;display:flex}.answer-zone>span{color:#9ba2b4;margin:auto;font-size:.78rem}.answer-zone button,.token-bank button{border:1px solid var(--border-strong);min-width:3.2rem;min-height:2.8rem;font-family:var(--font-chinese);cursor:pointer;box-shadow:0 .18rem 0 var(--border-strong);background:#fff;border-radius:.7rem;padding:.55rem .75rem;font-size:1.05rem}.answer-zone button:hover,.token-bank button:hover{border-color:var(--brand);color:var(--brand)}.answer-correct{border-color:var(--success);background:var(--success-soft)}.answer-wrong{border-color:var(--danger);background:var(--danger-soft)}.token-bank{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1rem;padding:.8rem;display:flex}.answer-feedback{border:1px solid #0000;border-radius:.9rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;width:min(100%,35rem);margin:1rem auto 0;padding:.85rem 1rem;font-size:.75rem;display:grid}.answer-feedback p{margin:0;line-height:1.45}.answer-feedback button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-size:.72rem;font-weight:800;display:inline-flex}.feedback-wrong{background:var(--danger-soft);color:#9f3f4a;border-color:#f2c8ce}.feedback-correct{background:var(--success-soft);color:var(--ink-soft);border-color:#b8e0d1;grid-template-columns:auto 1fr}.feedback-correct>svg,.feedback-correct p>strong{color:var(--success)}.feedback-correct p>strong{margin-right:.2rem}.dialogue-scene{border:1px solid var(--border);background:var(--surface);border-radius:1.35rem;align-items:flex-end;gap:.8rem;margin-top:2rem;padding:1.5rem;display:flex}.speaker-avatar{background:var(--coral-soft);width:3.2rem;height:3.2rem;color:var(--coral);font-family:var(--font-chinese);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.speech-bubble{background:var(--canvas);border-radius:1rem 1rem 1rem .2rem;flex:1;gap:.2rem;padding:1.1rem 3.8rem 1.1rem 1.2rem;display:grid;position:relative}.speech-bubble button{background:var(--brand-soft);width:2.4rem;height:2.4rem;color:var(--brand);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.speech-bubble strong{font-family:var(--font-chinese);font-size:1.65rem}.speech-bubble span{color:var(--muted);font-size:.72rem}.scenario-choices{gap:.6rem;margin-top:1rem;display:grid}.scenario-choices>button{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:.9rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.2rem .8rem;width:100%;padding:.9rem 1rem;display:grid}.scenario-choices>button>span{background:var(--canvas);width:2rem;height:2rem;color:var(--muted);border-radius:.6rem;grid-row:1/span 2;place-items:center;font-size:.72rem;font-weight:800;display:grid}.scenario-choices strong{font-family:var(--font-chinese);font-size:1rem}.scenario-choices small{color:var(--muted);grid-column:2;font-size:.7rem}.scenario-choices>button>svg{color:var(--success);grid-area:1/3/span 2}.scenario-choices>button:hover,.scenario-choices>button.choice-selected{border-color:var(--brand);background:var(--brand-soft)}.scenario-success{background:var(--success-soft);color:var(--success);gap:.7rem;margin-top:1rem;padding:.9rem 1rem;display:flex}.scenario-success svg{flex:none}.scenario-success p{margin:.2rem 0 0;font-size:.72rem;line-height:1.45}.lesson-lead{max-width:41rem;color:var(--muted);margin:1rem 0 0;font-size:.9rem;line-height:1.65}.writing-system-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.35rem;grid-template-columns:minmax(13rem,.75fr) minmax(0,1.25fr);margin-top:2rem;display:grid;overflow:hidden}.writing-system-hero{background:var(--brand-dark);color:#fff;place-content:center;justify-items:center;min-height:19rem;padding:2rem;display:grid;position:relative}.writing-system-hero .audio-button{color:#fff;background:#ffffff1f;position:absolute;top:1.15rem;right:1.15rem}.writing-system-hero>strong{font-family:var(--font-chinese);font-size:clamp(3.4rem,8vw,5.4rem);line-height:1}.writing-system-hero>span{color:#d6d2ff;margin-top:.8rem;font-size:1.05rem;font-weight:800}.writing-system-hero>small{color:#ffffff9e;margin-top:.3rem;font-size:.78rem}.writing-system-legend{align-content:center;gap:.75rem;padding:1.5rem;display:grid}.writing-system-legend>div{background:var(--surface-soft);border-radius:.9rem;grid-template-columns:minmax(5.5rem,.7fr) minmax(4.2rem,.65fr) 1fr;align-items:center;gap:.75rem;padding:.9rem 1rem;display:grid}.writing-system-legend b{font-family:var(--font-chinese);font-size:1.05rem}.writing-system-legend span{color:var(--brand);text-transform:uppercase;font-size:.72rem;font-weight:850}.writing-system-legend small{color:var(--muted);font-size:.7rem}.tone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1.75rem;display:grid}.tone-grid>button{border:1px solid var(--border);background:var(--surface);cursor:pointer;min-height:10.5rem;box-shadow:var(--shadow-sm);border-radius:1rem;justify-items:center;padding:1rem .7rem;display:grid;position:relative}.tone-grid>button:hover,.tone-grid>button:focus-visible{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-.1rem)}.tone-grid button>span{background:var(--canvas);width:1.45rem;height:1.45rem;color:var(--muted);border-radius:50%;place-items:center;font-size:.65rem;font-weight:850;display:grid;position:absolute;top:.65rem;left:.65rem}.tone-grid b{color:var(--brand);font-size:2.5rem;line-height:1}.tone-grid strong{font-size:1.1rem}.tone-grid small{color:var(--muted);text-align:center;font-size:.65rem;line-height:1.3}.tone-grid svg{color:var(--brand)}.first-phrase-card{background:var(--brand-soft);border:1px solid #c9c3ff;border-radius:1rem;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.2rem;display:flex}.first-phrase-card>div{gap:.15rem;display:grid}.first-phrase-card strong{font-family:var(--font-chinese);font-size:1.65rem}.first-phrase-card span{color:var(--brand);font-size:.8rem;font-weight:800}.first-phrase-card small{color:var(--muted);font-size:.68rem}.character-choice-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2rem;display:grid}.character-choice-grid>button{border:2px solid var(--border);background:var(--surface);cursor:pointer;min-height:10rem;box-shadow:var(--shadow-sm);border-radius:1.15rem;place-content:center;justify-items:center;gap:.45rem;display:grid}.character-choice-grid>button:hover,.character-choice-grid>button.choice-selected{border-color:var(--brand);background:var(--brand-soft)}.character-choice-grid strong{font-family:var(--font-chinese);font-size:3.5rem;line-height:1}.character-choice-grid small{min-height:1rem;color:var(--brand);font-size:.75rem;font-weight:800}.listening-prompt{background:var(--brand-soft);width:100%;color:var(--ink);cursor:pointer;border:1px solid #c9c3ff;border-radius:1.2rem;justify-items:center;gap:.35rem;margin-top:1.75rem;padding:1.5rem;display:grid}.listening-prompt>span{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:4rem;height:4rem;display:grid}.listening-prompt strong{color:var(--brand-dark);margin-top:.2rem;font-size:.9rem}.listening-prompt small{color:var(--muted);font-size:.68rem}.scenario-choices strong.latin-choice{font-family:var(--font-sans)}.foundation-recap{background:var(--success-soft);border-radius:1rem;grid-template-columns:1fr auto 1fr auto 1.25fr;align-items:center;gap:.6rem;margin-top:1rem;padding:1rem;display:grid}.foundation-recap>div{justify-items:center;gap:.1rem;display:grid}.foundation-recap strong{color:var(--success);font-family:var(--font-chinese);font-size:1.8rem}.foundation-recap span{font-size:.7rem;font-weight:800}.foundation-recap small{color:var(--muted);font-size:.65rem}.foundation-recap>b{color:var(--muted)}.writing-panel{width:min(100%,56rem)}.writing-trainer{margin-top:1.5rem}.writing-trainer-layout{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.4rem;grid-template-columns:minmax(17rem,.82fr) minmax(0,1.18fr);display:grid;overflow:hidden}.stroke-board-shell{background:radial-gradient(circle at 12% 10%, #5b4fd814, transparent 36%), var(--surface-soft);place-items:center;min-height:23rem;padding:2rem;display:grid;position:relative}.stroke-board{aspect-ratio:1;touch-action:none;background-color:#fffefb;background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#e8e1ee calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#e8e1ee calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(45deg,#0000 calc(50% - .5px),#f1ecf3 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(-45deg,#0000 calc(50% - .5px),#f1ecf3 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));border:1px solid #d9d3ec;border-radius:.75rem;place-items:center;width:min(100%,19.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 1rem 2.5rem #30255f14,inset 0 0 0 .35rem #fffefb}.stroke-board>svg{z-index:1;touch-action:none;max-width:100%;display:block;position:relative}.stroke-count{border:1px solid var(--border);color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-radius:999px;padding:.35rem .55rem;font-size:.62rem;font-weight:800;position:absolute;bottom:1rem;right:1rem}.writing-trainer-copy{flex-direction:column;justify-content:center;min-height:23rem;padding:clamp(1.35rem,4vw,2.2rem);display:flex}.writing-trainer-copy h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.writing-trainer-copy>p:not(.eyebrow){color:var(--muted);margin:.65rem 0 0;font-size:.78rem;line-height:1.65}.writing-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.writing-actions .primary-button,.writing-actions .secondary-button{min-height:2.85rem}.writing-status,.writing-result{background:var(--brand-soft);color:var(--brand);border-radius:.85rem;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;margin-top:1rem;padding:.85rem .9rem;display:grid}.writing-status strong,.writing-result strong{color:var(--ink);font-size:.75rem}.writing-status p,.writing-result p{color:var(--muted);margin:.25rem 0 0;font-size:.68rem;line-height:1.5}.writing-result{background:var(--success-soft);color:var(--success)}.writing-result-support,.writing-status-danger{background:var(--amber-soft);color:#8c6710}.writing-skip{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:.85rem auto 0;font-size:.69rem;font-weight:750;display:block}.writing-skip:hover{color:var(--ink);text-underline-offset:.2rem;text-decoration:underline}@keyframes writing-spin{to{transform:rotate(360deg)}}@media (width<=680px){.writing-system-card{grid-template-columns:1fr}.writing-system-hero{min-height:15rem}.writing-system-legend>div{grid-template-columns:1fr 1fr}.writing-system-legend small{grid-column:1/-1}.tone-grid{grid-template-columns:repeat(2,1fr)}.tone-grid>button{min-height:9rem}.character-choice-grid{gap:.5rem}.character-choice-grid>button{min-height:8rem}.character-choice-grid strong{font-size:2.6rem}.foundation-recap{gap:.35rem;padding:.8rem .5rem}.foundation-recap strong{font-size:1.45rem}.writing-trainer-layout{grid-template-columns:1fr}.stroke-board-shell{min-height:auto;padding:1rem}.stroke-board{width:min(100%,17rem)}.writing-trainer-copy{min-height:0;padding:1.25rem}.writing-actions>button{width:100%}}.subpage{width:min(100%,78rem);margin:0 auto}.due-pill{color:var(--brand);font-weight:800}.review-layout{grid-template-columns:minmax(0,1fr) 18rem;align-items:start;gap:1rem;display:grid}.review-workspace{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.4rem;padding:clamp(1rem,3vw,2rem)}.practice-heading{margin-bottom:.8rem}.practice-composition{flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;display:flex}.practice-composition span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .65rem;font-size:.67rem;font-weight:800;display:inline-flex}.practice-card{min-height:25rem}.practice-reason>strong{color:var(--ink);font-size:.76rem;display:block}.practice-state{width:min(100%,42rem);margin:4rem auto 0}.practice-state h1{margin:.35rem 0 .65rem;font-size:clamp(1.45rem,4vw,2rem)}.practice-state .primary-button{margin-top:1.1rem}.review-progress-row{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;font-size:.7rem;font-weight:700;display:grid}.review-progress-track{background:var(--border)}.review-progress-track span{background:var(--brand)}.review-flashcard{border:1px solid var(--border);background:var(--surface-soft);text-align:center;border-radius:1.2rem;flex-direction:column;justify-content:center;align-items:center;min-height:27rem;margin-top:1.5rem;padding:clamp(1.5rem,5vw,3rem);display:flex}.flashcard-topline{width:100%;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:auto;font-size:.68rem;display:flex}.flashcard-topline span{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:.35rem .55rem;font-weight:800}.review-flashcard>p{color:var(--muted);margin:2rem 0 0;font-size:.82rem}.review-source{font-family:var(--font-chinese);margin-top:1rem;font-size:clamp(1.7rem,5vw,3.2rem);line-height:1.15}.review-pinyin{color:var(--ink-soft);margin-top:.4rem;font-size:.75rem}.pinyin-help-button{border:1px solid var(--border);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.45rem;margin-top:.75rem;padding:.48rem .72rem;font-size:.7rem;font-weight:800;display:inline-flex}.pinyin-help-button small{color:var(--muted);font-size:.58rem;font-weight:600}.recall-space{border-top:1px solid var(--border);color:#9ba2b4;width:min(100%,27rem);margin:2.5rem auto auto;padding-top:1rem;font-size:.72rem}.reveal-button{width:min(100%,20rem);margin-top:1.2rem}.revealed-answer{background:var(--success-soft);text-align:left;border:1px solid #b8e0d1;border-radius:.95rem;align-items:center;gap:.9rem;width:min(100%,28rem);margin:2.5rem auto auto;padding:1rem 1.2rem;display:flex}.answer-check{background:var(--success);color:#fff;border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.revealed-answer>div{gap:.2rem;display:grid}.revealed-answer small{color:var(--success);text-transform:uppercase;font-size:.65rem;font-weight:800}.revealed-answer strong{font-family:var(--font-chinese);font-size:1.3rem}.review-rating{background:var(--surface-soft);text-align:center;border-radius:1rem;margin-top:1rem;padding:.85rem}.review-rating>p{color:var(--muted);margin:0 0 .7rem;font-size:.72rem;font-weight:700}.review-rating>div{grid-template-columns:repeat(4,1fr);gap:.55rem;display:grid}.review-rating button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.8rem;justify-content:center;align-items:center;gap:.35rem;min-height:3.3rem;padding:.55rem;font-size:.74rem;font-weight:800;display:flex}.review-rating button small{color:var(--muted);font-size:.6rem;font-weight:600;display:block}.review-rating .rating-again{color:var(--danger)}.review-rating .rating-good{color:var(--success)}.review-rating .rating-easy{color:var(--brand)}.review-answer-form{text-align:left;gap:.65rem;width:min(100%,28rem);margin:2rem auto auto;display:grid}.review-answer-form label{color:var(--ink-soft);text-transform:uppercase;font-size:.65rem;font-weight:850}.review-answer-form input{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:.85rem;outline:none;padding:.9rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .16s,box-shadow .16s}.review-answer-form input:focus{border-color:var(--brand);box-shadow:0 0 0 .22rem var(--brand-soft)}.review-answer-form .primary-button,.review-interactive-actions .primary-button{justify-content:center}.review-result{border-radius:999px;align-items:center;gap:.45rem;margin-top:1.4rem;padding:.55rem .75rem;font-size:.68rem;display:inline-flex}.review-result-correct{background:var(--success-soft);color:var(--success)}.review-result-wrong{color:var(--danger);background:#fff0f1}.review-result+.revealed-answer{margin-top:1rem}.review-interactive-actions{justify-content:flex-end;margin-top:1rem;display:flex}.content-lesson-panel{gap:1rem}.content-stimulus{border:1px solid var(--border);background:var(--surface-soft);text-align:center;border-radius:1.2rem;justify-items:center;gap:.45rem;width:min(100%,35rem);margin:.6rem auto 1rem;padding:1.35rem;display:grid}.content-stimulus>.stimulus-hanzi{font-family:var(--font-chinese);font-size:clamp(1.7rem,5vw,2.8rem)}.content-stimulus>span:not(.stimulus-hanzi){color:var(--brand);font-size:.84rem;font-weight:750}.content-stimulus>small{color:var(--muted);font-size:.75rem}.content-stimulus>.hanzi-lookup-hint{color:var(--brand);margin-top:.2rem;font-size:.61rem;font-weight:750}.content-choice-grid{width:min(100%,35rem);margin-inline:auto}.dictionary-count{background:var(--brand-soft);color:var(--brand);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.7rem;font-weight:800;display:inline-flex}.dictionary-search{border:1px solid var(--border);max-width:56rem;box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:.65rem .7rem .65rem 1rem;display:grid}.dictionary-search>svg{color:var(--brand)}.dictionary-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.95rem}.dictionary-clear{background:var(--surface-soft);width:2rem;height:2rem;color:var(--muted);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.dictionary-result-heading{color:var(--muted);justify-content:space-between;gap:1rem;margin:1.6rem 0 .8rem;font-size:.75rem;display:flex}.dictionary-result-heading strong{color:var(--ink)}.dictionary-discovery{border:1px solid var(--border);background:linear-gradient(145deg,#fff,#faf9ff);border-radius:1rem;margin-top:1.15rem;padding:1.1rem}.dictionary-discovery-heading{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.dictionary-discovery-heading .eyebrow{align-items:center;gap:.35rem;margin:0 0 .2rem;display:flex}.dictionary-discovery-heading h2{margin:0;font-size:1rem}.dictionary-discovery-heading>span,.dictionary-recents>span{color:var(--muted);font-size:.68rem;font-weight:750}.dictionary-collections{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.9rem;display:grid}.dictionary-collections article{border:1px solid var(--border);background:#fff;border-radius:.8rem;padding:.8rem}.dictionary-collections article>strong{font-size:.78rem}.dictionary-collections article>p{min-height:2rem;color:var(--muted);margin:.2rem 0 .55rem;font-size:.65rem;line-height:1.4}.dictionary-collections article>div,.dictionary-recents{flex-wrap:wrap;gap:.35rem;display:flex}.dictionary-collections button,.dictionary-recents button{color:var(--brand-dark);background:var(--brand-soft);font-family:var(--font-chinese);cursor:pointer;border:1px solid #dedaff;border-radius:.5rem;padding:.35rem .48rem;font-size:.72rem;font-weight:750}.dictionary-recents{border-top:1px solid var(--border);align-items:center;margin-top:.8rem;padding-top:.75rem}.dictionary-recents>span{align-items:center;gap:.3rem;margin-right:.2rem;display:inline-flex}.dictionary-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.dictionary-entry-card{border:1px solid var(--border);background:#fff;border-radius:1rem;gap:.45rem;padding:1.2rem;display:grid}.dictionary-headword{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dictionary-headword>div{align-items:baseline;gap:.55rem;display:flex}.dictionary-headword strong{font-family:var(--font-chinese);font-size:1.8rem}.dictionary-headword small,.dictionary-pinyin{color:var(--muted);font-size:.7rem}.dictionary-pinyin{color:var(--brand);font-weight:750}.dictionary-entry-card ol{color:var(--ink-soft);gap:.28rem;margin:.2rem 0 0;padding-left:1.2rem;font-size:.78rem;line-height:1.45;display:grid}.save-lexeme-button{background:var(--brand-soft);width:fit-content;color:var(--brand);cursor:pointer;border:1px solid #d8d3ff;border-radius:.7rem;justify-content:center;align-items:center;gap:.38rem;margin-top:.35rem;padding:.48rem .68rem;font-size:.66rem;font-weight:850;display:inline-flex}.save-lexeme-button.compact{margin-top:.2rem;padding:.38rem .55rem}.save-lexeme-button.saved{color:#167650;background:#eafaf3;border-color:#bcebd6}.save-lexeme-button:disabled{cursor:default}.dictionary-loading,.dictionary-empty{color:var(--muted);text-align:center;justify-items:center;gap:.7rem;padding:4rem 1rem;display:grid}.dictionary-attribution{color:var(--muted);margin:1.4rem 0 0;font-size:.63rem;line-height:1.5}.dictionary-load-more{align-items:center;gap:.45rem;width:fit-content;margin:1rem auto 0;display:flex}.dictionary-context-link{width:fit-content;color:var(--brand);align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;display:inline-flex}.hanzi-lookup-text{align-items:baseline;display:inline-flex}.hanzi-lookup-text>button{color:inherit;font:inherit;line-height:inherit;cursor:help;background:0 0;border:0;border-radius:.18em;padding:.02em .04em;transition:color .14s,background .14s,transform .14s;display:inline}.hanzi-lookup-text>button:hover,.hanzi-lookup-text>button:focus-visible{background:var(--brand-soft);color:var(--brand);outline:none;transform:translateY(-.04em)}.lexicon-launcher{z-index:50;min-height:2.8rem;box-shadow:var(--shadow-card);color:var(--brand);cursor:pointer;background:#fff;border:1px solid #d6d1ff;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.7rem;font-weight:850;display:inline-flex;position:fixed;bottom:1.25rem;right:1.25rem}.lexicon-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14112a75;place-items:center;padding:1rem;animation:.16s ease-out both lexicon-backdrop-in;display:grid;position:fixed;inset:0}.lexicon-modal{border:1px solid var(--border);background:#fff;border-radius:1.3rem;flex-direction:column;width:min(100%,38rem);max-height:min(46rem,100dvh - 2rem);animation:.19s cubic-bezier(.2,.8,.2,1) both lexicon-modal-in;display:flex;overflow:hidden;box-shadow:0 1.5rem 5rem #14112a3d}.lexicon-modal-header{justify-content:space-between;align-items:center;padding:1.15rem 1.25rem .85rem;display:flex}.lexicon-modal-header h2{letter-spacing:-.035em;margin:0;font-size:1.25rem}.lexicon-modal-search{border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;margin:0 1.25rem;padding:.45rem .5rem .45rem .8rem;display:grid}.lexicon-modal-search>svg{color:var(--brand)}.lexicon-modal-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.86rem}.lexicon-modal-search>button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:.65rem;padding:.55rem .7rem;font-size:.68rem;font-weight:800}.lexicon-modal-search>button:disabled{opacity:.45;cursor:default}.lexicon-composer{background:var(--brand-soft);border:1px solid #dedaff;border-radius:.9rem;margin:.75rem 1.25rem 0;padding:.7rem .8rem;display:block}.lexicon-composer>summary{color:var(--brand);cursor:pointer;font-size:.64rem;font-weight:850}.lexicon-composer[open]>summary{margin-bottom:.6rem}.lexicon-composer-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lexicon-composer-heading span{color:var(--ink-soft);font-size:.66rem;font-weight:850}.lexicon-composer-heading button{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:.62rem;font-weight:800}.lexicon-character-picker{flex-wrap:wrap;gap:.4rem;display:flex}.lexicon-character-picker button{width:2.2rem;height:2.2rem;color:var(--ink);font-family:var(--font-chinese);cursor:pointer;background:#fff;border:1px solid #d6d1ff;border-radius:.65rem;place-items:center;font-size:1.08rem;transition:transform .14s,border-color .14s,color .14s,background .14s;display:grid}.lexicon-character-picker button:hover{border-color:var(--brand);transform:translateY(-1px)}.lexicon-character-picker button.selected{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 .25rem .7rem #5b4fd833}.lexicon-composer>small{color:var(--muted);font-size:.59rem;line-height:1.4}.lexicon-modal-body{flex:1;min-height:13rem;padding:1rem 1.25rem;overflow:auto}.lexicon-phrase-words{background:linear-gradient(135deg,#fbfaff,#f6f4ff);border:1px solid #e4e0ff;border-radius:.9rem;gap:.55rem;margin:.75rem 1.25rem 0;padding:.7rem .8rem;display:grid}.lexicon-phrase-words>div:first-child{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.lexicon-phrase-words>div:first-child strong{color:var(--ink);font-size:.67rem}.lexicon-phrase-words>div:first-child span{color:var(--muted);font-size:.57rem}.lexicon-phrase-words>div:last-child{flex-wrap:wrap;gap:.42rem;display:flex}.lexicon-phrase-words button{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:.68rem;align-items:baseline;gap:.38rem;padding:.42rem .58rem;display:inline-flex}.lexicon-phrase-words button strong{font-family:var(--font-chinese);font-size:1rem}.lexicon-phrase-words button span{max-width:8rem;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.lexicon-phrase-words button.selected{border-color:var(--brand);background:var(--brand);color:#fff}.lexicon-phrase-words button.selected span{color:#e8e5ff}.lexicon-modal-intro,.lexicon-modal-empty{color:var(--muted);text-align:center;justify-items:center;gap:.45rem;padding:2.2rem 1rem;display:grid}.lexicon-modal-intro>svg,.lexicon-modal-empty>svg{color:var(--brand)}.lexicon-modal-intro>strong,.lexicon-modal-empty>strong{color:var(--ink)}.lexicon-modal-intro p,.lexicon-modal-empty p{max-width:25rem;margin:0;font-size:.73rem;line-height:1.5}.lexicon-modal-intro>div{gap:.45rem;margin-top:.5rem;display:flex}.lexicon-modal-intro>div button{border:1px solid var(--border);min-width:2.6rem;color:var(--brand);font-family:var(--font-chinese);cursor:pointer;background:#fff;border-radius:999px;padding:.45rem .65rem}.lexicon-modal-state{color:var(--muted);text-align:center;padding:3rem 1rem}.lexicon-modal-summary{color:var(--muted);justify-content:space-between;gap:1rem;margin-bottom:.7rem;font-size:.67rem;display:flex}.lexicon-modal-summary strong{color:var(--ink)}.lexicon-modal-results{gap:.55rem;display:grid}.lexicon-modal-entry{border:1px solid var(--border);background:var(--surface-soft);border-radius:.85rem;gap:.35rem;padding:.8rem .9rem;display:grid}.lexicon-modal-word{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lexicon-modal-word>div{align-items:baseline;gap:.6rem;display:flex}.lexicon-modal-word strong{font-family:var(--font-chinese);font-size:1.45rem}.lexicon-modal-word span{color:var(--brand);font-size:.72rem;font-weight:750}.lexicon-modal-entry p{color:var(--ink-soft);margin:0;font-size:.72rem;line-height:1.45}.lexicon-modal-entry .lexicon-context-meaning{color:var(--brand);background:#ece9ff;border-radius:.55rem;align-items:baseline;gap:.42rem;padding:.42rem .5rem;font-weight:800;display:flex}.lexicon-context-meaning span{letter-spacing:.04em;text-transform:uppercase;font-size:.53rem}.lexicon-modal-footer{border-top:1px solid var(--border);justify-content:space-between;padding:.8rem 1.25rem 1rem;display:flex}.vocabulary-heading{align-items:flex-start}.vocabulary-count{background:var(--brand-soft);color:var(--brand);border-radius:999px;align-items:center;gap:.42rem;padding:.55rem .72rem;font-size:.68rem;font-weight:850;display:inline-flex}.vocabulary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.vocabulary-card{border:1px solid var(--border);background:#fff;border-radius:1rem;gap:.75rem;padding:1rem;display:grid;box-shadow:0 .35rem 1.2rem #2722540b}.vocabulary-card-studied{background:linear-gradient(160deg,#fff 65%,#faf9ff);border-color:#d8d3ff}.vocabulary-card-topline,.vocabulary-card-footer{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.vocabulary-word{align-items:baseline;gap:.55rem;display:flex}.vocabulary-word strong{font-family:var(--font-chinese);font-size:1.65rem}.vocabulary-word span{color:var(--brand);font-size:.7rem;font-weight:800}.vocabulary-preferred{color:var(--ink-soft);margin:0;font-size:.8rem;font-weight:750}.vocabulary-source{background:var(--surface-soft);border-radius:.72rem;gap:.15rem;padding:.6rem .7rem;display:grid}.vocabulary-source small{color:var(--muted);text-transform:uppercase;font-size:.55rem;font-weight:800}.vocabulary-source strong{font-family:var(--font-chinese);font-size:.95rem}.vocabulary-card-footer{border-top:1px solid var(--border);align-self:end;padding-top:.65rem}.vocabulary-card-footer span,.vocabulary-card-footer button{color:var(--muted);align-items:center;gap:.3rem;font-size:.58rem;font-weight:750;display:inline-flex}.vocabulary-card-footer button{cursor:pointer;background:0 0;border:0;padding:.3rem}.vocabulary-card-footer button:hover{color:#b7424c}.vocabulary-card-actions{align-items:center;gap:.3rem;display:flex}.vocabulary-card-footer .vocabulary-start-button{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:.38rem .55rem}.vocabulary-card-footer .vocabulary-start-button:hover{background:var(--brand);color:#fff}.vocabulary-status,.vocabulary-review-link{align-items:center;gap:.3rem;font-size:.58rem;font-weight:800;display:inline-flex}.vocabulary-card-footer .status-due{color:var(--coral)}.vocabulary-card-footer .status-learning{color:var(--brand)}.vocabulary-card-footer .status-consolidated{color:var(--success)}.vocabulary-review-link{background:var(--brand);color:#fff;border-radius:999px;padding:.38rem .55rem}.vocabulary-empty{text-align:center;background:linear-gradient(145deg,#fff,#f8f6ff);border:1px dashed #d8d3ff;border-radius:1.2rem;justify-items:center;gap:.65rem;max-width:34rem;margin:2rem auto;padding:3rem 1.5rem;display:grid}.vocabulary-empty>span{background:var(--brand-soft);width:3.3rem;height:3.3rem;color:var(--brand);border-radius:1rem;place-items:center;display:grid}.vocabulary-empty h2,.vocabulary-empty p{margin:0}.vocabulary-empty p{max-width:27rem;color:var(--muted);font-size:.76rem;line-height:1.55}.lexicon-modal-footer a{color:var(--brand);align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;display:inline-flex}@keyframes lexicon-backdrop-in{0%{opacity:0}}@keyframes lexicon-modal-in{0%{opacity:0;transform:translateY(.7rem)scale(.98)}}@media (width<=700px){.dictionary-search{grid-template-columns:auto 1fr auto}.dictionary-search .primary-button{grid-column:1/-1;width:100%}.dictionary-results,.vocabulary-grid{grid-template-columns:1fr}.lexicon-phrase-words>div:first-child span{display:none}.lexicon-launcher{right:.8rem;bottom:calc(5.15rem + env(safe-area-inset-bottom));justify-content:center;width:2.8rem;padding-inline:0}.lexicon-launcher span{display:none}.lexicon-modal-backdrop{align-items:end;padding:0}.lexicon-modal{border-radius:1.3rem 1.3rem 0 0;width:100%;max-height:min(42rem,92dvh)}.lexicon-modal-search{grid-template-columns:auto minmax(0,1fr)}.lexicon-modal-search>button{grid-column:1/-1}}.level-achievement-strip{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:.85rem;margin:1rem 0 2rem;display:grid}.learner-level-card,.recent-achievements-card{border:1px solid var(--border);background:#fff;border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.level-orb{background:var(--brand);color:#fff;border-radius:1rem 1rem 1rem .35rem;flex:none;place-items:center;width:3rem;height:3rem;font-size:1.1rem;font-weight:900;display:grid;box-shadow:0 .5rem 1rem #5b4fd833}.learner-level-card>div,.recent-achievements-card>div{flex:1;gap:.2rem;min-width:0;display:grid}.learner-level-card small,.recent-achievements-card small{color:var(--muted);text-transform:uppercase;font-size:.62rem;font-weight:800}.learner-level-card p,.recent-achievements-card p{color:var(--muted);margin:0;font-size:.67rem}.level-progress{background:var(--surface-soft);border-radius:999px;height:.35rem;margin:.25rem 0;overflow:hidden}.level-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--coral));height:100%;display:block}.achievement-toast{z-index:60;width:min(100vw - 2rem,24rem);box-shadow:var(--shadow-card);background:#fffaf0;border:1px solid #f0d693;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.9rem;display:grid;position:fixed;bottom:1.25rem;right:1.25rem}.achievement-toast>span{background:var(--amber-soft);width:2.7rem;height:2.7rem;color:var(--amber);border-radius:.85rem;place-items:center;display:grid}.achievement-toast div{gap:.1rem;display:grid}.achievement-toast small{color:var(--amber);text-transform:uppercase;font-size:.58rem;font-weight:900}.achievement-toast p{color:var(--muted);margin:0;font-size:.68rem}.achievement-toast>button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.2rem}@media (width<=700px){.level-achievement-strip{grid-template-columns:1fr}.achievement-toast{right:1rem;bottom:calc(5.2rem + env(safe-area-inset-bottom))}}.review-sidebar{gap:1rem;display:grid}.review-insight{padding:1.25rem}.review-insight h2{margin-top:1rem}.review-insight>p{color:var(--muted);margin:.5rem 0 1rem;font-size:.73rem;line-height:1.5}.mastery-mini{border-top:1px solid var(--border);gap:.5rem;padding-top:.8rem;display:grid}.mastery-mini>span{justify-content:space-between;align-items:center;display:flex}.mastery-mini small{color:var(--muted);font-size:.66rem}.mastery-mini strong{font-size:.72rem}.session-reward{color:var(--brand);align-items:center;gap:.75rem;padding:1rem 1.15rem;display:flex}.session-reward>div{gap:.2rem;display:grid}.session-reward strong{color:var(--ink);font-size:.74rem}.session-reward span{color:var(--muted);font-size:.65rem}.toolkit-controls{gap:1rem;margin-bottom:1.2rem;display:grid}.search-field{border:1px solid var(--border);background:var(--surface);width:min(100%,32rem);min-height:3.1rem;color:var(--muted);border-radius:.9rem;align-items:center;gap:.7rem;padding:0 .9rem;display:flex}.search-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.8rem}.search-field button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:.2rem;display:grid}.category-tabs{scrollbar-width:none;gap:.45rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;flex:none;padding:.55rem .8rem;font-size:.72rem;font-weight:750}.category-tabs button:hover,.category-tabs button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.toolkit-list{gap:.65rem;display:grid}.toolkit-result-count{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:0 .15rem .25rem;font-size:.68rem;display:flex}.toolkit-result-count strong{color:var(--ink)}.toolkit-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;transition:border-color .16s,box-shadow .16s;overflow:hidden}.toolkit-card-open{box-shadow:var(--shadow-sm);border-color:#c8c2f5}.toolkit-card-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:8rem minmax(12rem,1fr) minmax(12rem,1fr) auto;align-items:center;gap:1rem;width:100%;padding:1rem 1.15rem;display:grid}.toolkit-category{color:var(--muted);font-size:.67rem;font-weight:750}.toolkit-phrase-copy{gap:.15rem;display:grid}.toolkit-phrase-copy strong{font-family:var(--font-chinese);font-size:1.15rem}.toolkit-phrase-copy small,.toolkit-french{color:var(--muted);font-size:.72rem}.toolkit-expand{color:var(--brand);font-size:.68rem;font-weight:800}.toolkit-details{border-top:1px solid var(--border);background:var(--brand-soft);grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:1rem;padding:1rem 1.15rem;display:grid}.toolkit-word-lookup{gap:.35rem;display:grid}.toolkit-word-lookup .hanzi-lookup-text{font-family:var(--font-chinese);font-size:1.1rem}.toolkit-details>div{border-left:1px solid #d6d1ff;padding-left:1rem}.toolkit-details small{color:var(--brand);text-transform:uppercase;font-size:.62rem;font-weight:800}.toolkit-details p{color:var(--ink-soft);margin:.3rem 0 0;font-size:.74rem}.empty-state{color:var(--muted);text-align:center;padding:3rem}.progress-summary{grid-template-columns:19rem 1fr;gap:1rem;display:grid}.capability-hero,.capability-list{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.25rem}.capability-hero{padding:1.5rem}.capability-hero>small{color:var(--muted);text-transform:uppercase;margin-top:1rem;font-size:.68rem;font-weight:750;display:block}.capability-hero>strong{letter-spacing:-.07em;margin-top:.25rem;font-size:3.7rem;line-height:1;display:block}.capability-hero>p{color:var(--muted);margin:.85rem 0 1.2rem;font-size:.74rem;line-height:1.5}.trend-up{color:var(--success);align-items:center;gap:.3rem;font-size:.69rem;font-weight:800;display:inline-flex}.capability-list{align-content:center;padding:1rem 1.3rem;display:grid}.capability-row{border-bottom:1px solid var(--border);grid-template-columns:auto 10rem 1fr 2.5rem;align-items:center;gap:.8rem;padding:.65rem 0;display:grid}.capability-row:last-child{border-bottom:0}.capability-row .situation-icon{border-radius:.65rem;width:2.15rem;height:2.15rem}.capability-row>div:nth-child(2){gap:.12rem;display:grid}.capability-row strong{font-size:.75rem}.capability-row small{color:var(--muted);font-family:var(--font-chinese);font-size:.65rem}.capability-row b{text-align:right;font-size:.75rem}.capability-track,.skill-track{background:var(--border)}.capability-track span{background:var(--brand)}.progress-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.skill-card,.errors-card{padding:1.35rem}.card-heading{align-items:center;gap:.85rem;display:flex}.card-heading .eyebrow{margin-bottom:.2rem}.skill-dimensions{gap:1rem;margin-top:1.5rem;display:grid}.skill-dimensions>div{grid-template-columns:10rem 1fr 2.5rem;align-items:center;gap:.75rem;display:grid}.skill-dimensions>div>span{gap:.1rem;display:grid}.skill-dimensions strong{font-size:.72rem}.skill-dimensions small{color:var(--muted);font-size:.62rem}.skill-dimensions b{text-align:right;font-size:.7rem}.skill-track span{background:var(--violet)}.error-list{margin-top:1.25rem;display:grid}.error-item{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.8rem 0;display:grid}.error-state{background:var(--danger-soft);width:2.2rem;height:2.2rem;color:var(--danger);border-radius:.7rem;place-items:center;display:grid}.error-state.improving{background:var(--success-soft);color:var(--success)}.error-item>div{gap:.25rem;display:grid}.error-item strong{font-size:.72rem}.error-item code{width:fit-content;color:var(--muted);font-family:var(--font-chinese);font-size:.7rem}.error-item>small{color:var(--muted);font-size:.68rem;font-weight:750}.error-note{background:var(--surface-soft);color:var(--muted);margin:1rem 0 0;padding:.8rem;font-size:.68rem;line-height:1.5}@media (width<=82rem){.situation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.situation-card{min-height:14.5rem}.toolkit-card-main{grid-template-columns:7.5rem minmax(10rem,1fr) minmax(10rem,1fr) auto}}@media (height<=50rem) and (width>=48.01rem){.sidebar{padding-block:1rem .75rem}.side-nav{gap:.25rem;margin-top:1.25rem}.nav-item{min-height:2.7rem;padding:.55rem .85rem}.sidebar-coach{margin-top:.75rem;padding:.85rem}.coach-icon{width:2rem;height:2rem;margin-bottom:.55rem}.sidebar-coach p{margin-top:.3rem;font-size:.7rem;line-height:1.35}.coach-method-link{margin-top:.5rem}.profile-mini{margin-top:.5rem;padding-block:.45rem}}@media (width<=67rem){.sidebar{align-items:center;width:5.4rem;padding-inline:.7rem}.sidebar .brand{padding:0}.sidebar .brand>span:last-child,.nav-item>span:not(.nav-badge),.sidebar-coach,.profile-mini>span:nth-child(2),.profile-mini .icon-button{display:none}.nav-item{justify-content:center;width:3.2rem;padding:0}.nav-badge{min-width:1.1rem;height:1.1rem;padding:0 .2rem;font-size:.55rem;position:absolute;top:.1rem;right:.1rem}.nav-item{position:relative}.profile-mini{padding:0;display:flex}.app-stage{margin-left:5.4rem}.continue-card{grid-template-columns:1fr}.daily-goal{margin-top:0}.dashboard-lower-grid,.progress-grid{grid-template-columns:1fr}.progress-summary{grid-template-columns:16rem 1fr}}@media (width<=48rem){.sidebar{display:none}.app-stage{margin-left:0}.mobile-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;min-height:4.7rem;padding:0 1rem;display:flex;position:sticky;top:0}.mobile-header .brand{padding:0;font-size:1.12rem}.mobile-header .brand-mark{border-radius:.7rem .7rem .7rem .25rem;width:2.1rem;height:2.1rem;font-size:.98rem}.header-actions{align-items:center;gap:.65rem;display:flex}.streak-pill{min-height:2rem;color:var(--coral);padding:.35rem .55rem;font-weight:800}.bottom-nav{z-index:30;min-height:calc(4.4rem + env(safe-area-inset-bottom));padding:.48rem .35rem calc(.45rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav-item{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.59rem;font-weight:700;display:flex}.bottom-nav-item-active{color:var(--brand)}.bottom-icon-wrap{position:relative}.bottom-badge{background:var(--coral);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:1rem;height:1rem;font-size:.48rem;display:grid;position:absolute;top:-.35rem;right:-.55rem}.app-content{padding:1.5rem 1rem calc(6rem + env(safe-area-inset-bottom))}.dashboard-heading,.subpage-heading{margin-bottom:1.35rem;display:block}.dashboard-heading h1,.subpage-heading h1{font-size:2rem}.dashboard-heading>div>p:last-child,.subpage-heading>div>p:last-child{font-size:.8rem}.desktop-stat-pills,.subpage-heading .due-pill{display:none}.continue-card{border-radius:1.25rem;min-height:auto}.continue-main{padding:1.5rem}.continue-main h2{margin-top:1.1rem;font-size:1.65rem}.chinese-preview{font-size:2.25rem}.continue-main>p{font-size:.78rem}.light-button{width:100%}.daily-goal{margin:0 .75rem .75rem;padding:1.15rem}.section-heading{margin-top:2.25rem}.section-heading .text-link{font-size:0}.section-heading .text-link svg{width:20px;height:20px}.situation-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;margin:0 -1rem;padding:0 1rem .75rem;display:flex;overflow-x:auto}.situation-grid::-webkit-scrollbar{display:none}.situation-card{scroll-snap-align:start;flex:0 0 13.25rem;min-height:14.2rem}.dashboard-lower-grid{margin-top:.5rem}.review-card{grid-template-columns:auto 1fr}.review-card .secondary-button{grid-column:1/-1}.quick-toolkit{grid-template-columns:auto 1fr}.quick-toolkit .text-link{border-top:1px solid var(--border);grid-column:1/-1;padding-top:.75rem}.lesson-header{grid-template-columns:2.5rem 1fr auto;min-height:4.5rem;padding:0 .85rem}.lesson-stage{min-height:calc(100dvh - 4.5rem);padding:1.3rem 1rem 2.5rem}.lesson-context{margin-bottom:1.4rem}.comparison-card{margin-top:1.5rem;display:block}.phrase-row{min-height:8.8rem;padding:1.1rem}.phrase-divider{height:1.5rem;transform:rotate(90deg)}.phrase-row-focus{margin:.5rem}.dissect-phrase{justify-content:flex-start;gap:.3rem;padding:1.2rem .8rem;overflow-x:auto}.dissect-phrase button{min-width:3.6rem;padding-inline:.4rem}.dissect-phrase strong{font-size:1.4rem}.token-explanation{grid-template-columns:3.3rem 1fr;gap:.8rem;padding:1rem}.token-glyph{width:3.3rem;height:3.3rem;font-size:1.55rem}.answer-zone{flex-wrap:wrap}.answer-feedback{grid-template-columns:auto 1fr}.answer-feedback button{grid-column:2}.scenario-choices>button{grid-template-columns:auto 1fr auto}.review-layout,.progress-summary,.progress-grid,.review-sidebar{grid-template-columns:1fr}.review-workspace{border-radius:1.1rem;padding:.85rem}.review-flashcard{min-height:24rem;padding:1.2rem}.review-rating>div{grid-template-columns:1fr}.review-rating button{min-height:2.8rem}.toolkit-card-main{grid-template-columns:1fr auto;gap:.45rem .8rem;padding:.9rem 1rem}.toolkit-category,.toolkit-phrase-copy,.toolkit-french{grid-column:1}.toolkit-expand{grid-area:1/2/span 3}.toolkit-details{grid-template-columns:auto 1fr}.toolkit-details>div:last-child{grid-column:2}.capability-hero{grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1rem;display:grid}.capability-hero>small,.capability-hero>strong,.capability-hero>p,.capability-hero>.trend-up{grid-column:2;margin-top:0}.capability-hero>.card-icon{grid-row:1/span 4}.capability-hero>strong{font-size:2.7rem}.capability-row{grid-template-columns:auto 1fr 2.5rem}.capability-row .capability-track{grid-area:2/2/auto/-1}.skill-dimensions>div{grid-template-columns:8rem 1fr 2.2rem}}.onboarding-page{background:radial-gradient(circle at 8% 8%,#7165e71f,#0000 22rem),radial-gradient(circle at 92% 90%,#36a98b1c,#0000 24rem),#f7f7fb;min-height:100dvh;padding:1.25rem clamp(1rem,4vw,4rem) 3rem}.onboarding-header{justify-content:space-between;align-items:center;width:min(100%,76rem);min-height:4rem;margin:0 auto;display:flex}.onboarding-progress-copy{color:var(--muted);align-items:center;gap:.75rem;font-size:.78rem;font-weight:750;display:flex}.onboarding-progress-copy strong{color:var(--brand)}.onboarding-progress{background:#e7e4ef;border-radius:999px;width:min(100%,76rem);height:.28rem;margin:.4rem auto 2.5rem;overflow:hidden}.onboarding-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), #8b72dc);height:100%;transition:width .28s;display:block}.onboarding-layout{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.65fr);align-items:start;gap:1.5rem;width:min(100%,76rem);margin:0 auto;display:grid}.onboarding-card,.onboarding-preview,.settings-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.5rem}.onboarding-card{min-height:39rem;padding:clamp(1.5rem,4vw,3.25rem)}.onboarding-step{animation:.32s both page-enter}.onboarding-step-icon{width:3rem;height:3rem;color:var(--brand);background:var(--brand-soft);border-radius:1rem;place-items:center;margin-bottom:1.4rem;display:grid}.onboarding-step h1{letter-spacing:-.05em;max-width:38rem;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.04}.onboarding-step>p:not(.eyebrow){max-width:39rem;color:var(--muted);margin:.8rem 0 1.75rem;line-height:1.6}.onboarding-step h2{margin:2rem 0 .9rem;font-size:1rem}.onboarding-name-field,.settings-identity-grid label{gap:.55rem;display:grid}.onboarding-name-field{max-width:31rem}.onboarding-name-field>span,.settings-identity-grid label>span{color:var(--ink-soft);font-size:.76rem;font-weight:800}.onboarding-name-field input,.settings-identity-grid input{border:1px solid var(--border-strong);background:var(--surface);border-radius:.85rem;outline:none;width:100%;min-height:3.5rem;padding:0 1rem;transition:border-color .16s,box-shadow .16s}.onboarding-name-field input:focus,.settings-identity-grid input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #5b4fd81c}.onboarding-name-field small{color:var(--muted);text-align:right;font-size:.68rem}.profile-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.profile-choice-grid>button{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:1rem;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;min-height:6.4rem;padding:1rem;transition:border-color .15s,background .15s,transform .15s;display:grid}.profile-choice-grid>button:hover{border-color:#b7b0e9;transform:translateY(-1px)}.profile-choice-grid>.profile-choice-selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.choice-radio{border:2px solid var(--border-strong);border-radius:50%;width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 3px #fff}.profile-choice-selected .choice-radio{border-color:var(--brand);background:var(--brand)}.profile-choice-grid button>span:last-child{gap:.35rem;display:grid}.profile-choice-grid strong{font-size:.82rem}.profile-choice-grid small{color:var(--muted);font-size:.7rem;line-height:1.45}.profile-choice-grid em{width:fit-content;color:var(--brand);font-size:.62rem;font-style:normal;font-weight:800}.profile-choice-grid-compact>button{min-height:5.25rem;padding:.85rem}.onboarding-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-top:2.25rem;padding-top:1.25rem;display:flex}.onboarding-back,.danger-text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;font-size:.76rem;font-weight:800;display:inline-flex}.onboarding-back:disabled{opacity:.35;cursor:default}.onboarding-preview{color:#fff;box-shadow:var(--shadow-md);background:radial-gradient(circle at 100% 0,#ffb7964d,#0000 45%),linear-gradient(145deg,#30255f,#5d48ad);padding:2rem;position:sticky;top:1.5rem;overflow:hidden}.onboarding-preview .eyebrow{color:#d9d2ff}.onboarding-preview h2{letter-spacing:-.035em;margin:.8rem 0;font-size:1.6rem;line-height:1.12}.onboarding-preview>p:not(.eyebrow){color:#ffffffb8;font-size:.8rem;line-height:1.65}.preview-spark{color:#ffe1a5;background:#ffffff1f;border-radius:1rem;place-items:center;width:3rem;height:3rem;margin-bottom:2rem;display:grid}.onboarding-preview-list{gap:.8rem;margin-top:2rem;display:grid}.onboarding-preview-list span{color:#ffffffd1;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;display:flex}.settings-form{gap:1rem;display:grid}.settings-section{padding:clamp(1.25rem,2.5vw,2rem)}.settings-section-heading{align-items:center;gap:.85rem;margin-bottom:1.3rem;display:flex}.settings-section-heading h2{margin:0;font-size:1rem}.settings-section-heading p{color:var(--muted);margin:.25rem 0 0;font-size:.7rem}.settings-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-identity-grid input:disabled{color:var(--muted);background:var(--surface-soft)}.settings-section-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.settings-section-split>div+div{border-left:1px solid var(--border);padding-left:1.5rem}.settings-actions{z-index:5;border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:1rem;justify-content:flex-end;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex;position:sticky;bottom:1rem}.danger-text-button{color:var(--danger);margin-right:auto}.settings-saved{color:var(--success);opacity:0;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;transition:all .16s;display:inline-flex;transform:translateY(.2rem)}.settings-saved-visible{opacity:1;transform:translateY(0)}.settings-method-card{background:radial-gradient(circle at 100% 0, #5b4fd814, transparent 45%), var(--surface);justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.settings-method-card .settings-section-heading{margin-bottom:0}.settings-method-card .secondary-button{flex:none}.method-page{max-width:68rem}.method-heading{align-items:center}.method-heading>div{max-width:48rem}.method-heading>div>p:last-child{max-width:44rem;line-height:1.6}.method-hero-icon{background:var(--brand-soft);width:4.4rem;height:4.4rem;color:var(--brand);box-shadow:var(--shadow-sm);border:1px solid #d8d3f6;border-radius:1.35rem;flex:none;place-items:center;display:grid}.evidence-standard,.research-limits{border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:clamp(1.2rem,3vw,1.7rem);display:grid}.evidence-standard{background:var(--success-soft);color:var(--success);border:1px solid #cce5dc}.evidence-standard>svg{margin-top:.05rem}.evidence-standard h2,.research-limits h2{color:var(--ink);margin:0;font-size:1rem}.evidence-standard p,.research-limits>div>p:last-child{color:var(--ink-soft);margin:.45rem 0 0;font-size:.78rem;line-height:1.65}.method-principles{gap:.85rem;margin-top:1rem;display:grid}.method-principle{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:clamp(1.2rem,3vw,1.7rem);display:grid}.method-principle-icon{background:var(--brand-soft);width:2.75rem;height:2.75rem;color:var(--brand);border-radius:.85rem;flex:none;place-items:center;display:grid}.method-principle-copy>span{color:var(--brand);letter-spacing:.035em;text-transform:uppercase;font-size:.63rem;font-weight:850}.method-principle-copy>h2{letter-spacing:-.02em;margin:.3rem 0 0;font-size:1.1rem}.method-principle-copy>p{max-width:48rem;color:var(--muted);margin:.55rem 0 0;font-size:.8rem;line-height:1.65}.method-product-rule{border-left:.2rem solid var(--amber);background:var(--amber-soft);border-radius:0 .75rem .75rem 0;margin-top:.9rem;padding:.8rem .9rem}.method-product-rule strong{color:var(--ink);font-size:.69rem}.method-product-rule p{color:var(--ink-soft);margin:.18rem 0 0;font-size:.73rem;line-height:1.5}.method-sources{flex-wrap:wrap;gap:.45rem;margin-top:.9rem;display:flex}.method-sources a{border:1px solid var(--border);min-height:2rem;color:var(--brand);border-radius:999px;align-items:center;gap:.25rem;padding:.38rem .58rem;font-size:.65rem;font-weight:800;transition:all .15s;display:inline-flex}.method-sources a:hover{background:var(--brand-soft);border-color:#b7b0e9}.research-limits{background:#fffaf0;border:1px solid #eadbac;margin-top:1rem}.research-limits .method-principle-icon{background:var(--amber-soft);color:var(--amber)}.research-limits .eyebrow{color:#8c6710;margin-bottom:.3rem}@media (width<=60rem){.onboarding-layout{grid-template-columns:1fr}.onboarding-preview{position:static}.settings-section-split{grid-template-columns:1fr}.settings-section-split>div+div{border-top:1px solid var(--border);border-left:0;padding:1.5rem 0 0}.settings-method-card{flex-direction:column;align-items:flex-start}}@media (width<=42rem){.onboarding-page{padding:.75rem .75rem 2rem}.onboarding-progress{margin-bottom:1rem}.onboarding-card{border-radius:1.2rem;min-height:0;padding:1.25rem}.onboarding-preview{display:none}.profile-choice-grid{grid-template-columns:1fr}.profile-choice-grid>button{min-height:4.8rem}.onboarding-step h1{font-size:2rem}.onboarding-actions{background:#fff;margin-inline:-.25rem;padding:1rem .25rem .25rem;position:sticky;bottom:0}.settings-identity-grid{grid-template-columns:1fr}.settings-actions{bottom:calc(4.8rem + env(safe-area-inset-bottom));flex-wrap:wrap}.settings-saved{order:-1;justify-content:flex-end;width:100%}.method-hero-icon{display:none}.evidence-standard,.research-limits,.method-principle{grid-template-columns:1fr}.method-principle-icon{width:2.5rem;height:2.5rem}.settings-method-card .secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.observability-page{max-width:78rem}.observability-heading{align-items:flex-end}.observability-controls,.period-switch,.observability-section-heading,.observability-method-pill,.chart-legend,.chart-legend span{align-items:center;display:flex}.observability-controls{gap:.65rem}.period-switch{border:1px solid var(--border);background:var(--surface);border-radius:.8rem;gap:.25rem;padding:.25rem}.period-switch button{min-width:3rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.6rem;padding:.55rem .65rem;font-size:.78rem;font-weight:800}.period-switch button.active{color:#fff;background:var(--brand-dark)}.observability-alert{border:1px solid;border-radius:.9rem;align-items:center;gap:.75rem;margin:1.25rem 0;padding:.9rem 1rem;font-size:.88rem;font-weight:750;display:flex}.observability-alert.alert-healthy{color:#186a53;background:var(--mint-soft);border-color:#bde5d7}.observability-alert.alert-warning{color:#785510;background:var(--amber-soft);border-color:#eed79d}.observability-alert.alert-danger{color:#9f3441;background:var(--danger-soft);border-color:#f1c6ca}.observability-summary,.observability-kpis,.retention-grid{gap:1rem;display:grid}.observability-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.observability-summary>article,.observability-kpi,.retention-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.observability-summary>article{border-radius:1rem;align-items:flex-start;gap:.85rem;padding:1.1rem;display:flex}.observability-summary>article>span{width:2.6rem;height:2.6rem;color:var(--brand);background:var(--brand-soft);border-radius:.8rem;flex:0 0 2.6rem;place-items:center;display:grid}.observability-summary small,.observability-kpi small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:800;display:block}.observability-summary strong{margin-top:.25rem;font-size:1.6rem;display:block}.observability-summary p,.observability-kpi p{color:var(--muted);margin:.2rem 0 0;font-size:.8rem}.observability-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.1rem;margin-top:1.25rem;padding:clamp(1rem,2.2vw,1.5rem)}.observability-section-heading{justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.observability-section-heading .eyebrow{margin:0 0 .25rem}.observability-section-heading h2{margin:0;font-size:clamp(1.15rem,2vw,1.45rem)}.observability-method-pill{color:var(--brand-dark);background:var(--brand-soft);white-space:nowrap;border-radius:999px;gap:.45rem;padding:.55rem .7rem;font-size:.76rem;font-weight:800}.observability-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.observability-kpi{box-shadow:none;border-radius:.9rem;gap:.75rem;padding:.9rem;display:flex}.observability-kpi-icon{border-radius:.75rem;flex:0 0 2.4rem;place-items:center;width:2.4rem;height:2.4rem;display:grid}.observability-kpi-icon.tone-mint{color:var(--mint);background:var(--mint-soft)}.observability-kpi-icon.tone-violet{color:var(--brand);background:var(--brand-soft)}.observability-kpi-icon.tone-amber{color:#a87317;background:var(--amber-soft)}.observability-kpi-icon.tone-coral{color:var(--coral);background:var(--coral-soft)}.observability-kpi strong{margin-top:.25rem;font-size:1.15rem;display:block}.retention-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.retention-card{box-shadow:none;border-radius:.9rem;padding:1rem}.retention-card>div{justify-content:space-between;gap:.75rem;display:flex}.retention-card>div>span{color:var(--brand);font-weight:900}.retention-card small,.retention-card p,.observability-caveat{color:var(--muted);font-size:.78rem}.retention-card strong{margin-top:.8rem;font-size:1.45rem;display:block}.retention-card p{margin:.3rem 0 0}.observability-caveat{margin:.85rem 0 0;line-height:1.5}.chart-legend{color:var(--muted);gap:.85rem;font-size:.75rem;font-weight:750}.chart-legend span{gap:.35rem}.chart-legend i{border-radius:50%;width:.55rem;height:.55rem}.chart-legend .started{background:#c9c4fb}.chart-legend .completed{background:var(--brand)}.observability-bars{border-bottom:1px solid var(--border);align-items:stretch;gap:clamp(.15rem,.8vw,.6rem);height:11rem;padding-top:.5rem;display:flex}.observability-bar-day{flex:1;grid-template-rows:minmax(0,1fr) 1.2rem;min-width:0;display:grid}.observability-bar-day>div{justify-content:center;align-items:flex-end;gap:.12rem;min-height:0;display:flex}.observability-bar-day>div span{border-radius:.25rem .25rem 0 0;width:min(42%,.8rem);min-height:.2rem}.bar-started{background:#d7d3fb}.bar-completed{background:var(--brand)}.observability-bar-day small{color:var(--muted);text-align:center;white-space:nowrap;font-size:.62rem;overflow:hidden}.feature-table{border:1px solid var(--border);border-radius:.85rem;overflow:hidden}.feature-row{border-top:1px solid var(--border);grid-template-columns:minmax(10rem,2fr) repeat(4,minmax(5rem,1fr));align-items:center;min-width:42rem;padding:.8rem 1rem;font-size:.82rem;display:grid}.feature-row:first-child{border-top:0}.feature-head{color:var(--muted);background:var(--surface-soft);text-transform:uppercase;font-size:.7rem;font-weight:850}.error-group-list{gap:.65rem;display:grid}.error-group{border:1px solid var(--border);border-radius:.85rem;grid-template-columns:6rem minmax(0,1fr) 8.5rem;align-items:start;gap:1rem;padding:.9rem;display:grid}.error-severity{text-transform:uppercase;border-radius:.55rem;align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.68rem;font-weight:850;display:inline-flex}.severity-warning{color:#805d17;background:var(--amber-soft)}.severity-error,.severity-fatal{color:#a03743;background:var(--danger-soft)}.severity-fatal{box-shadow:inset 0 0 0 1px #e9a9b0}.error-group-main>div{align-items:center;gap:.6rem;display:flex}.error-group-main code{color:var(--muted);background:var(--surface-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:.3rem;padding:.2rem .35rem;font-size:.68rem;overflow:hidden}.error-group-main p{color:var(--ink-soft);margin:.35rem 0;font-size:.82rem}.error-group-main small{color:var(--muted);font-size:.7rem}.error-group select{border:1px solid var(--border-strong);width:100%;color:var(--ink-soft);font:inherit;background:#fff;border-radius:.6rem;padding:.55rem .6rem;font-size:.75rem;font-weight:750}.observability-empty{border:1px dashed var(--border-strong);min-height:7rem;color:var(--success);background:var(--success-soft);border-radius:.85rem;justify-content:center;align-items:center;gap:.8rem;padding:1rem;display:flex}.observability-empty p{color:var(--muted);margin:.2rem 0 0;font-size:.8rem}.observability-empty.compact{min-height:4rem;color:var(--muted);background:var(--surface-soft)}.spin{animation:.8s linear infinite observability-spin}@keyframes observability-spin{to{transform:rotate(360deg)}}@media (width<=68rem){.dictionary-collections,.observability-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-table{overflow-x:auto}}@media (width<=50rem){.observability-heading,.observability-section-heading{flex-direction:column;align-items:flex-start}.observability-summary,.retention-grid,.error-group{grid-template-columns:1fr}.error-severity{width:max-content}.error-group select{width:min(100%,12rem)}}@media (width<=34rem){.dictionary-discovery-heading,.toolkit-result-count{flex-direction:column;align-items:flex-start}.dictionary-collections,.observability-kpis{grid-template-columns:1fr}.chart-legend{flex-wrap:wrap}}