:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:var(--vf-canvas);--background-deep:var(--vf-paper-inset);--surface:var(--vf-paper);--surface-subtle:var(--vf-paper-inset);--surface-brand:var(--vf-gold-pale);--surface-dark:var(--vf-blue-deep);--text-primary:var(--vf-ink);--text-secondary:var(--vf-muted);--text-soft:var(--vf-muted);--border:var(--vf-line);--border-strong:var(--vf-line-strong);--brand:var(--vf-blue);--brand-hover:var(--vf-blue-deep);--brand-soft:var(--vf-gold-pale);--highlight:var(--vf-gold);--success:var(--vf-success);--success-soft:var(--vf-paper-inset);--warning:var(--vf-gold-ink);--warning-soft:var(--vf-gold-pale);--danger:var(--vf-danger);--danger-soft:var(--vf-paper-inset);--shadow-sm:var(--vf-shadow-paper);--shadow-card:var(--vf-shadow-paper);--shadow-hover:var(--vf-shadow-popover)}body{background:var(--background)}a{color:var(--vf-blue)}a:hover{color:var(--vf-blue-deep)}:where(a,button,input,select,summary):focus-visible{outline-color:var(--vf-focus)}.panel{background:var(--surface);box-shadow:var(--shadow-card)}.button,.button-link,button{background:var(--brand);color:var(--vf-paper)}.button:hover,.button-link:hover{background:var(--brand-hover);color:var(--vf-paper);box-shadow:var(--vf-shadow-paper)}.button-primary{background:var(--brand);color:#fff}.button-secondary{border-color:var(--border-strong);color:var(--text-primary);background:#261a28c7}.button-secondary:hover,.button-quiet:hover{background:var(--surface-brand);color:var(--text-primary);border-color:#79527a}input,select{border-color:var(--border-strong);color:var(--text-primary);background:#19121b}input:hover,select:hover,input:focus,select:focus{border-color:var(--brand-hover)}input:focus,select:focus{box-shadow:0 0 0 3px #9b5f8e2e}.landing-experience{background:radial-gradient(circle at 76% 22%, #9b5f8e17, transparent 27rem), var(--background)}.landing-experience .marketing-header,.site-header,.marketing-header{background:#130f16e6;border-color:#b98fb21f}.scene-glow{background:radial-gradient(circle,#9b5f8e1f,#0000 68%)}.scene-demo-compact:before,.scene-demo-compact:after{background:#3021356b;border-color:#b573a726}.study-preview-card{--card-tilt-x:0deg;--card-tilt-y:0deg;--card-glow-x:76%;--card-glow-y:18%;background:radial-gradient(circle at var(--card-glow-x) var(--card-glow-y), #9b5f8e24, transparent 36%), #201722;box-shadow:var(--shadow-card);transform:perspective(900px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y));transform-style:preserve-3d;will-change:transform;border-color:#b573a738}.study-preview-card:hover{box-shadow:var(--shadow-hover), 0 0 34px #9b5f8e14;transform:perspective(900px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) translateY(-2px);border-color:#b573a761}.study-preview-example{background:#18121a}.study-preview-progress,.product-progress{background:#35293a}.study-preview-progress span,.product-progress span{background:linear-gradient(90deg,#7e4974,#b36b9f)}button.preview-action-again{background:var(--danger-soft);color:var(--danger);border-color:#68404a}button.preview-action-hard{background:var(--warning-soft);color:var(--warning);border-color:#625138}button.preview-action-good{background:var(--success-soft);color:var(--success);border-color:#405c50}.growth-space-preview{background:#0f0b11;border-color:#b573a738}button.scene-direction:hover:not(:disabled){background:var(--surface-brand);color:var(--text-primary);box-shadow:none}button.scene-dot:hover{box-shadow:none}button.scene-dot{background:#675a69}button.scene-dot[aria-current=step]{background:#b573a7}.auth-shell,.setup-shell{background:var(--vf-canvas);min-height:100dvh}.auth-panel,.setup-panel{border-color:var(--vf-line);background:var(--vf-paper);border-radius:var(--vf-radius-panel);box-shadow:var(--vf-shadow-paper)}.setup-shell{padding:var(--space-8) var(--space-6);place-items:center;display:grid}.setup-panel{gap:var(--space-6);width:min(100%,640px);padding:var(--space-7)}.setup-topline{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.setup-topline .sign-out-control button{min-height:38px;padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:0 0}.setup-heading h1{margin-bottom:var(--space-2);font-family:var(--vf-font);letter-spacing:-.3px;font-size:2rem;font-weight:600;line-height:2.625rem}.setup-heading>p:last-child,.setup-date-field>span{color:var(--vf-muted);font-size:.875rem;line-height:1.375rem}.setup-form{gap:var(--space-6)}.form-stack fieldset.setup-choice-group{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.setup-choice-group:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-choice-group legend{margin-bottom:var(--space-2)}.form-stack .setup-choice{min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-medium);color:var(--text-secondary);cursor:pointer;transition:transform var(--motion-micro) ease, border-color var(--motion-micro) ease, background-color var(--motion-micro) ease, color var(--motion-micro) ease;background:#19121b;place-items:center;font-weight:700;display:grid;position:relative}.setup-choice:hover{border-color:var(--brand);color:var(--text-primary);transform:translateY(-1px)}.setup-choice:has(input:focus-visible){outline-offset:3px;outline:3px solid #c477a6a6}.setup-choice:has(input:checked){border-color:var(--brand-hover);background:var(--surface-brand);color:var(--text-primary);box-shadow:inset 0 0 0 1px #b573a733}.setup-choice input{opacity:0;width:1px;height:1px;position:absolute}.setup-other-minutes{grid-column:1/-1}.setup-date-field{max-width:280px}.setup-form>button{width:100%}.dashboard-shell{min-height:calc(100dvh - 72px);padding-block:var(--space-12);align-items:center;display:grid}.dashboard-focus{width:min(100%,760px);margin-inline:auto}.dashboard-greeting{margin-bottom:var(--space-8);color:var(--text-secondary);font-size:1.05rem}.dashboard-focus h1{max-width:680px;margin-bottom:var(--space-8);letter-spacing:-.06em;font-size:clamp(3.2rem,7vw,5.7rem)}.dashboard-progress-copy{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.dashboard-progress-copy strong{font-size:1.5rem}.dashboard-progress-copy span,.dashboard-ready-copy,.dashboard-meta{color:var(--text-secondary)}.product-progress{border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.product-progress span{border-radius:inherit;height:100%;transition:width var(--motion-transition) ease;display:block}.dashboard-ready-copy{max-width:520px;margin-bottom:var(--space-8);font-size:1.05rem}.dashboard-primary-action{min-height:52px;margin-top:var(--space-8);padding-inline:var(--space-6)}.dashboard-primary-action:hover span{transform:translate(2px)}.dashboard-primary-action span{transition:transform var(--motion-micro) ease}.dashboard-status{margin-top:var(--space-6)}.dashboard-meta{margin:var(--space-8) 0 0;font-size:.86rem}.site-header-user-summary:hover,.site-header-dropdown-link:hover,.site-header-user-dropdown button:hover{background:var(--surface-brand)}.study-experience-shell{background:radial-gradient(circle at 50% 42%, #9b5f8e12, transparent 28rem), var(--background);min-height:100dvh}.study-stage{width:min(100% - 64px,980px);min-height:100dvh;padding:var(--space-8) 0 var(--space-12);align-content:start;margin-inline:auto;display:grid}.study-topline{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--text-secondary);font-size:.88rem;display:flex}.study-topline a{color:var(--text-secondary);text-decoration:none}.study-topline a:hover{color:var(--text-primary)}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.study-session-content{justify-self:center;gap:var(--space-4);width:min(100%,760px);padding-top:var(--space-8);display:grid}.study-progress-heading{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.study-progress-heading strong{color:var(--text-primary);font-size:1rem}.study-card-motion-slot{width:100%;display:grid}.study-completion-motion{width:100%}.study-word-card{--card-tilt-x:0deg;--card-tilt-y:0deg;--card-glow-x:50%;--card-glow-y:45%;align-content:center;justify-items:center;gap:var(--space-3);min-height:470px;padding:var(--space-8) var(--space-12);background:radial-gradient(circle at var(--card-glow-x) var(--card-glow-y), #9b5f8e17, transparent 35%), #201722b3;text-align:center;transform:perspective(1000px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y));border:0;transition:opacity .22s,transform .22s,box-shadow .22s;box-shadow:0 28px 90px #0003}.study-word-card.is-pending{opacity:.55;transform:translate(-8px)scale(.99)}.study-word-card h2{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.8rem,10vw,8rem);font-weight:500}.study-word-card>p{color:var(--text-secondary)}.study-word-card>p[data-testid=study-card-part-of-speech]{padding:2px var(--space-2);border-radius:var(--radius-small);background:var(--surface-brand);color:var(--text-secondary);font-size:.82rem}.study-word-card>p[data-testid=study-card-zh-definition]{margin-top:var(--space-3);color:var(--text-primary);font-size:1.35rem;font-weight:750}.study-word-card blockquote{max-width:560px;margin-top:var(--space-4);color:var(--text-primary);border:0;padding:0}.study-word-card blockquote p:last-child{color:var(--text-secondary);font-size:.9rem}.study-feedback{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.study-feedback button{border:1px solid var(--border);background:var(--surface-subtle);min-height:54px;color:var(--text-primary);box-shadow:none;justify-content:space-between;display:flex}.study-feedback button:first-child{color:var(--danger);border-color:#68404a}.study-feedback button:nth-child(2){color:var(--warning);border-color:#625138}.study-feedback button:nth-child(3){color:var(--success);border-color:#405c50}.study-feedback button:hover{background:var(--surface-brand);box-shadow:none;transform:translateY(-1px)}.study-feedback kbd{border:1px solid var(--border-strong);min-width:24px;height:24px;color:var(--text-secondary);font:inherit;border-radius:6px;place-items:center;font-size:.75rem;display:inline-grid}.study-saving{min-height:1.65em;color:var(--text-secondary);text-align:center;margin:0}.study-task-list{display:none}.study-stage-completed{align-content:center}.study-stage-completed .study-topline{top:var(--space-8);position:absolute;left:max(32px,50% - 490px);right:max(32px,50% - 490px)}.study-completion{z-index:1;justify-items:center;gap:var(--space-4);text-align:center;width:min(100%,660px);margin-inline:auto;display:grid;position:relative}.study-completion h2{margin:0;font-size:clamp(3.4rem,7vw,5.4rem)}.completion-count{color:var(--text-primary);font-size:1.6rem}.completion-progress{width:min(100%,420px)}.study-completion>p:not(.eyebrow){color:var(--text-secondary)}.study-completion .button{margin-top:var(--space-4)}.completion-bloom{z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(circle,#9b5f8e29,#0000 66%);border-radius:50%;width:34rem;height:24rem;animation:.95s 80ms both completion-bloom;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.75)}@keyframes completion-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.75)}55%{opacity:1}to{opacity:.55;transform:translate(-50%,-50%)scale(1)}}@media (max-height:800px) and (min-width:900px){.auth-shell,.setup-shell{padding-block:var(--space-4)}.setup-panel,.auth-panel{gap:var(--space-4);padding:var(--space-6)}.study-stage,.study-session-content{padding-top:var(--space-4)}.study-word-card{min-height:400px;padding-block:var(--space-6)}.study-word-card h2{font-size:clamp(4rem,8vw,6rem)}}@media (prefers-reduced-motion:reduce){.study-preview-card,.study-preview-card:hover,.study-word-card,.study-word-card.is-pending,.study-completion,.completion-bloom{animation:none;transform:none}}.study-word-card.is-concealed{border-bottom:1px solid var(--border);border-radius:18px}.study-word-anchor{justify-items:center;gap:var(--space-2);display:grid}.study-word-anchor>p{color:var(--text-secondary);margin:0}.study-card-before-reveal{justify-items:center;gap:var(--space-5);margin-top:var(--space-5);display:grid}.study-card-before-reveal>p{color:var(--text-secondary);letter-spacing:.02em;margin:0;font-size:.92rem}.study-reveal-button{justify-content:center;align-items:center;gap:var(--space-3);border:1px solid var(--border-strong);background:var(--surface-subtle);min-width:168px;min-height:50px;color:var(--text-primary);box-shadow:none;border-radius:999px;display:inline-flex}.study-reveal-button:hover{border-color:var(--highlight);background:var(--surface-brand);transform:translateY(-1px)}.study-reveal-button kbd{border:1px solid var(--border-strong);min-width:42px;height:24px;color:var(--text-secondary);font:inherit;border-radius:6px;place-items:center;font-size:.68rem;display:inline-grid}.study-card-details{width:min(100%,610px);margin-top:var(--space-4)}.study-card-details>div{justify-items:center;gap:var(--space-3);display:grid}.study-card-details p{color:var(--text-secondary);margin:0}.study-card-details [data-testid=study-card-part-of-speech]{padding:2px var(--space-2);border-radius:var(--radius-small);background:var(--surface-brand);color:var(--text-secondary);font-size:.82rem}.study-card-details [data-testid=study-card-zh-definition]{margin-top:var(--space-2);color:var(--text-primary);font-size:1.35rem;font-weight:750}.study-card-meanings{gap:var(--space-3);width:min(100%,34rem);display:grid}.study-card-meaning{justify-items:center;gap:var(--space-2);display:grid}.study-card-meaning+.study-card-meaning{padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.study-card-meaning-pos{padding:2px var(--space-2);border-radius:var(--radius-small);background:var(--surface-brand);font-size:.82rem}.study-card-meaning-definition{font-size:1.15rem;font-weight:720;color:var(--text-primary)!important}.study-card-more-meanings{color:var(--text-secondary);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:.24em;background:0 0;border:0;font-size:.86rem}.study-card-details blockquote{max-width:560px;margin:var(--space-3) 0 0;color:var(--text-primary);border:0;padding:0}.study-card-details blockquote p:last-child{margin-top:var(--space-1);color:var(--text-secondary);font-size:.9rem}.study-feedback-reveal{width:100%}@media (prefers-reduced-motion:reduce){.study-reveal-button:hover{transform:none}}.study-card-quiz{justify-items:stretch;gap:var(--space-3);width:min(100%,660px);margin-top:var(--space-5);display:grid}.study-quiz-kicker,.study-quiz-question,.study-quiz-direction{color:var(--text-secondary);margin:0}.study-quiz-kicker,.study-quiz-direction{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.study-quiz-question{margin-bottom:var(--space-2);font-size:.96rem}.study-word-card h2.study-quiz-zh-prompt{letter-spacing:-.035em;max-width:700px;font-family:inherit;font-size:clamp(2.1rem,4vw,3.4rem);font-weight:650;line-height:1.28}.study-quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.study-quiz-options button{border:1px solid var(--border-strong);background:var(--surface-subtle);min-height:58px;color:var(--text-primary);text-align:left;box-shadow:none;border-radius:14px;padding:12px 16px;line-height:1.45}.study-quiz-options button:hover:not(:disabled){border-color:var(--highlight);background:var(--surface-brand);transform:translateY(-1px)}.study-quiz-options button:disabled{cursor:wait;opacity:.62}.study-quiz-result{width:min(100%,520px);margin-bottom:var(--space-2);border:1px solid var(--border);background:var(--surface-subtle);text-align:left;border-radius:12px;gap:3px;padding:10px 14px;display:grid}.study-quiz-result strong{color:var(--text-primary);font-size:.92rem}.study-quiz-result span{color:var(--text-secondary);font-size:.8rem}.study-quiz-result.is-correct{border-color:color-mix(in srgb, var(--success) 42%, var(--border))}.study-quiz-result.is-incorrect{border-color:color-mix(in srgb, var(--warning) 42%, var(--border))}@media (max-width:720px){.study-quiz-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.study-quiz-options button:hover:not(:disabled){transform:none}}.study-completion-v2{gap:var(--space-4);width:min(100%,760px)}.study-completion-v2 h2{max-width:680px;font-size:clamp(2.7rem,5.6vw,4.6rem)}.completion-reflection{max-width:560px;color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.75}.completion-result-grid{border:1px solid var(--border);background:var(--border);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:min(100%,590px);padding:1px;display:grid;overflow:hidden}.completion-result-grid button{background:var(--surface);min-height:92px;color:var(--text-secondary);box-shadow:none;border:0;border-radius:0;place-items:center;gap:5px;display:grid}.completion-result-grid button:hover,.completion-result-grid button.is-active{z-index:1;background:var(--surface-brand);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--highlight)}.completion-result-grid button>span{letter-spacing:.08em;font-size:.86rem}.completion-result-grid button>strong{color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500}.completion-word-review-slot{align-items:start;width:min(100%,590px);min-height:80px;display:grid}.completion-review-hint{color:var(--text-secondary);align-self:center;margin:0;font-size:.86rem}.completion-word-review{gap:var(--space-3);width:100%;padding:var(--space-4);border:1px solid var(--border);background:var(--surface-subtle);text-align:left;border-radius:14px;display:grid}.completion-word-review>p,.completion-word-review>span{color:var(--text-secondary);margin:0;font-size:.84rem}.completion-word-review ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;padding:0;list-style:none;display:grid}.completion-word-review li{justify-content:space-between;align-items:baseline;gap:var(--space-3);border-bottom:1px solid var(--border);min-width:0;padding-block:8px;display:flex}.completion-word-review li strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.completion-word-review li span{color:var(--text-secondary);flex:none;font-size:.76rem}.completion-meta{width:min(100%,420px);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.completion-meta strong{color:var(--text-primary);font-size:.92rem}.completion-actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.study-completion-v2 .completion-actions .button{min-width:150px;margin-top:0}@media (max-width:640px){.completion-result-grid,.completion-word-review ul{grid-template-columns:1fr}.completion-actions{flex-direction:column;width:100%}.completion-actions form,.study-completion-v2 .completion-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.completion-result-grid button:hover,.completion-result-grid button.is-active{transform:none}}.hub-study-library-link{width:max-content;color:var(--text-secondary);align-items:center;gap:8px;margin-top:14px;font-size:.86rem;font-weight:700;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.hub-study-library-link:hover{color:var(--text-primary);transform:translate(2px)}.word-library-shell,.word-detail-shell{min-height:calc(100vh - 72px);padding:44px 28px 80px}.word-library-stage,.word-detail-stage{width:min(1180px,100%);margin:0 auto}.word-library-topline{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;margin-bottom:52px;font-size:.8rem;font-weight:700;display:flex}.word-library-topline a{color:var(--text-secondary);text-transform:none;letter-spacing:0;text-decoration:none}.word-library-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px;display:flex}.word-library-heading>div{max-width:680px}.word-library-heading h1,.word-detail-hero h1{letter-spacing:-.055em;margin:8px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,5.8rem);font-weight:500;line-height:.98}.word-library-heading>div>p:last-child{color:var(--text-secondary);margin:0;line-height:1.75}.word-library-heading>strong{color:var(--text-soft);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:500}.word-library-tools{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px 0 22px;display:grid}.word-library-filters{flex-wrap:wrap;gap:6px;display:flex}.word-library-filters a{color:var(--text-soft);border:1px solid #0000;border-radius:999px;padding:9px 13px;font-size:.83rem;font-weight:750;text-decoration:none}.word-library-filters a:hover,.word-library-filters a.is-active{border-color:var(--border-strong);background:var(--surface-subtle);color:var(--text-primary)}.word-library-search{align-items:center;gap:8px;display:flex}.word-library-search input{width:min(280px,34vw);min-height:42px;padding:0 13px}.word-library-search button,.word-library-search a{border-radius:10px;min-height:42px;padding:0 14px;font-size:.82rem;font-weight:750}.word-library-search a{color:var(--text-soft);align-items:center;text-decoration:none;display:inline-flex}.word-library-grid{border:1px solid var(--border);background:var(--border);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:34px;display:grid;overflow:hidden}.word-library-card{background:var(--surface);min-height:240px;color:var(--text-primary);flex-direction:column;padding:26px;text-decoration:none;transition:background .2s,transform .2s;display:flex;position:relative;overflow:hidden}.word-library-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#9b5f8e1a,#0000 68%);border-radius:50%;width:170px;height:170px;position:absolute;bottom:-86px;right:-72px}.word-library-card:hover{z-index:1;background:var(--surface-subtle);color:var(--text-primary);transform:translateY(-2px)}.word-library-card-topline,.word-library-card-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.word-library-card-topline span{color:var(--text-secondary);letter-spacing:.08em;font-size:.72rem;font-weight:800}.word-library-card-topline small,.word-library-card-foot{color:var(--text-soft);font-size:.74rem}.word-library-card-meta{align-items:center;gap:10px;display:flex}.word-library-card-meta i{color:var(--text-secondary);font-size:.7rem;font-style:normal}.word-library-card>strong{letter-spacing:-.04em;margin-top:28px;font-family:Georgia,Times New Roman,serif;font-size:2.25rem;font-weight:500}.word-library-phonetic{color:var(--text-soft);margin:5px 0 0;font-size:.82rem}.word-library-definition{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:18px 0 26px;line-height:1.65;display:-webkit-box;overflow:hidden}.word-library-card-foot{margin-top:auto}.word-library-card-foot i{color:var(--text-secondary);font-style:normal}.word-library-card.status-mastered .word-library-card-topline span{color:var(--success)}.word-library-card.status-fuzzy .word-library-card-topline span{color:var(--warning)}.word-library-card.status-difficult .word-library-card-topline span{color:var(--danger)}.word-library-empty{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:18px;align-content:center;place-items:center;min-height:320px;margin-top:34px;display:grid}.word-library-empty>span{color:var(--brand);font-size:2rem}.word-library-empty h2{margin:16px 0 6px}.word-library-empty p{color:var(--text-secondary);margin:0}.word-library-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:28px;display:grid}.word-library-pagination a{color:var(--text-secondary);font-weight:700;text-decoration:none}.word-library-pagination a:last-child{justify-self:end}.word-library-pagination small{color:var(--text-soft)}.word-detail-hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px;padding-bottom:40px;display:grid}.word-detail-phonetic{color:var(--text-soft);margin:0}.word-detail-status{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:6px;min-width:180px;padding:18px 20px;display:grid}.word-detail-status span,.word-detail-status small{color:var(--text-soft);font-size:.75rem}.word-detail-status strong{font-size:1.15rem}.word-detail-status.status-mastered strong{color:var(--success)}.word-detail-status.status-fuzzy strong{color:var(--warning)}.word-detail-status.status-difficult strong{color:var(--danger)}.word-detail-layout{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(40px,7vw,88px);padding-top:48px;display:grid}.word-detail-definition h2,.word-history h2{letter-spacing:-.035em;margin:7px 0 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:500}.word-detail-meanings{gap:14px;display:grid}.word-detail-meanings>div{border-top:1px solid var(--border);padding:18px 0}.word-detail-meanings span,.word-detail-examples>span{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.word-detail-meanings p{color:var(--text-primary);margin:8px 0 0;font-size:1.04rem;line-height:1.75}.word-detail-meanings small{color:var(--text-soft);margin-top:8px;line-height:1.6;display:block}.word-detail-examples{border-top:1px solid var(--border);margin-top:28px;padding-top:22px}.word-detail-examples blockquote{border-left:2px solid var(--border-strong);margin:16px 0 0;padding:0 0 0 16px}.word-detail-examples blockquote p{color:var(--text-secondary);margin:0;line-height:1.65}.word-detail-examples blockquote small{color:var(--text-soft);margin-top:7px;display:block}.word-source-disclosure{border-top:1px solid var(--border);margin-top:34px;padding-top:28px}.word-source-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.word-source-heading h2{letter-spacing:-.025em;margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:500}.word-source-heading>span{color:var(--warning);font-size:.76rem}.word-source-groups{gap:0;margin:18px 0 0;display:grid}.word-source-groups>div{border-top:1px solid var(--border);grid-template-columns:126px minmax(0,1fr);gap:18px;padding:15px 0;display:grid}.word-source-groups dt{color:var(--text-soft);font-size:.78rem}.word-source-groups dd,.word-source-reference{gap:5px;margin:0;display:grid}.word-source-groups dd>strong,.word-source-reference strong{color:var(--text-secondary);font-size:.88rem;font-weight:650}.word-source-groups dd>span,.word-source-reference span,.word-source-reference small{color:var(--text-soft);font-size:.8rem;line-height:1.55}.word-detail-state-notes{border-top:1px solid var(--border);gap:0;margin:34px 0 0;display:grid}.word-detail-state-notes>div{border-bottom:1px solid var(--border);grid-template-columns:110px 1fr;gap:16px;padding:13px 0;display:grid}.word-detail-state-notes dt{color:var(--text-soft);font-size:.78rem}.word-detail-state-notes dd{color:var(--text-secondary);text-align:right;margin:0}.word-action-message{border-left:2px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);margin:18px 0 0;padding:12px 16px;font-size:.9rem}.word-personal-record{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:36px;padding:24px}.word-personal-record-heading,.word-personal-actions,.word-personal-note>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.word-personal-record-heading h2{margin:5px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:500}.word-personal-record-heading>span,.word-personal-hint,.word-personal-note small{color:var(--text-soft);font-size:.76rem}.word-personal-actions{justify-content:flex-start;margin-top:22px}.word-personal-actions button,.word-personal-note button{border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:9px 14px;font-size:.8rem}.word-personal-actions button:hover,.word-personal-note button:hover{border-color:var(--text-secondary);color:var(--text-primary)}.word-personal-hint{margin:12px 0 0;line-height:1.65}.word-personal-note{border-top:1px solid var(--border);gap:10px;margin-top:24px;padding-top:22px;display:grid}.word-personal-note label{color:var(--text-secondary);font-size:.82rem;font-weight:700}.word-personal-note textarea{resize:vertical;border:1px solid var(--border);background:var(--surface-subtle);width:100%;color:var(--text-primary);font:inherit;border-radius:12px;padding:13px 14px;line-height:1.65}.word-personal-note textarea:focus{border-color:var(--border-strong);outline:none}.word-history{min-width:0}.word-history-heading{justify-content:space-between;align-items:start;gap:22px;display:flex}.word-history-heading small{color:var(--text-soft);margin-top:10px}.word-history-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.word-history-timeline:before{background:var(--border);content:"";width:1px;position:absolute;top:12px;bottom:12px;left:5px}.word-history-timeline li{grid-template-columns:12px 1fr;gap:18px;padding:0 0 28px;display:grid;position:relative}.word-history-timeline li>i{z-index:1;border:2px solid var(--background);background:var(--text-soft);width:11px;height:11px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%;margin-top:5px}.word-history-timeline li.tone-steady>i{background:var(--success)}.word-history-timeline li.tone-soft>i{background:var(--warning)}.word-history-timeline li.tone-difficult>i{background:var(--danger)}.word-history-timeline time{color:var(--text-soft);font-size:.75rem}.word-history-timeline p{color:var(--text-secondary);margin:5px 0 0;font-size:.96rem}.word-history-timeline strong{color:var(--text-primary)}.word-history-empty{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);border-radius:14px;padding:26px}@media (max-width:920px){.word-library-tools,.word-detail-layout{grid-template-columns:1fr}.word-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-library-search input{width:min(100%,320px)}}@media (max-width:640px){.word-library-shell,.word-detail-shell{padding-inline:18px}.word-library-heading,.word-detail-hero{grid-template-columns:1fr;align-items:start}.word-library-heading>strong{display:none}.word-library-grid{grid-template-columns:1fr}.word-library-search{flex-wrap:wrap}.word-source-groups>div{grid-template-columns:1fr;gap:8px}.word-library-search input{width:100%}}.hub-study-secondary-links{flex-wrap:wrap;gap:8px 18px;display:flex}.study-observation-shell{min-height:calc(100vh - 72px);padding:44px 28px 88px}.study-observation-stage{width:min(1180px,100%);margin:0 auto}.study-observation-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:34px;display:flex}.study-observation-heading>div{max-width:690px}.study-observation-heading h1{color:var(--text-primary);letter-spacing:-.055em;margin:8px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,6vw,5.4rem);font-weight:500;line-height:.94}.study-observation-heading>div>p:last-child,.study-observation-current>p,.study-observation-trend-note,.study-observation-section-heading>span{color:var(--text-secondary)}.study-observation-heading>div>p:last-child{max-width:560px;margin:0;font-size:.98rem;line-height:1.8}.study-observation-ranges{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:999px;padding:4px;display:inline-flex}.study-observation-ranges a{color:var(--text-soft);border-radius:999px;padding:9px 14px;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .18s,background .18s}.study-observation-ranges a:hover,.study-observation-ranges a.is-active{color:var(--text-primary);background:var(--surface-subtle)}.study-observation-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);align-items:stretch;gap:18px;display:grid}.study-observation-trend,.study-observation-current,.study-observation-insights,.study-observation-attention{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:0 18px 50px #26211c09}.study-observation-trend,.study-observation-current{border-radius:28px;min-height:410px;padding:28px}.study-observation-section-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.study-observation-section-heading h2,.study-observation-current h2{color:var(--text-primary);letter-spacing:-.025em;margin:7px 0 0;font-size:1.25rem;font-weight:650}.study-observation-section-heading>span{padding-top:2px;font-size:.75rem}.study-observation-chart{grid-template-columns:repeat(var(--observation-columns,30), minmax(4px, 1fr));align-items:end;gap:5px;height:210px;margin-top:34px;padding:0 2px;display:grid}.study-observation-day{grid-template-rows:172px 20px;gap:8px;min-width:0;display:grid}.study-observation-bar-track{align-items:flex-end;height:172px;display:flex}.study-observation-bar{width:100%;min-height:5px;transition:height .36s var(--motion-ease-standard,ease);background:#2825210f;border-radius:999px 999px 6px 6px;flex-direction:column;display:flex;overflow:hidden}.study-observation-bar.is-empty{background:#2825210e;border-radius:999px;height:5px!important}.study-observation-bar span{min-height:2px}.study-observation-bar .segment-known,.study-observation-legend .legend-known{background:color-mix(in srgb, var(--success) 62%, #b5aa91)}.study-observation-bar .segment-fuzzy,.study-observation-legend .legend-fuzzy{background:color-mix(in srgb, var(--warning) 54%, #c8baa0)}.study-observation-bar .segment-difficult,.study-observation-legend .legend-difficult{background:color-mix(in srgb, var(--danger) 38%, #9a8e83)}.study-observation-day small{color:var(--text-soft);text-align:center;white-space:nowrap;font-size:.62rem;overflow:hidden}.study-observation-legend{color:var(--text-soft);gap:16px;margin-top:18px;font-size:.72rem;display:flex}.study-observation-legend span{align-items:center;gap:6px;display:inline-flex}.study-observation-legend i{border-radius:999px;width:7px;height:7px}.study-observation-trend-note{max-width:720px;margin:22px 0 0;font-size:.86rem;line-height:1.75}.study-observation-current{flex-direction:column;display:flex}.study-observation-current>p{margin:12px 0 24px;font-size:.84rem;line-height:1.7}.study-observation-state-list{gap:3px;margin-top:auto;display:grid}.study-observation-state-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:18px;padding:15px 0;display:flex}.study-observation-state-list span{color:var(--text-secondary);font-size:.82rem}.study-observation-state-list strong{color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:500}.study-observation-current>a{width:max-content;color:var(--text-primary);align-items:center;gap:8px;margin-top:22px;font-size:.82rem;font-weight:750;text-decoration:none;display:inline-flex}.study-observation-insights,.study-observation-attention{border-radius:28px;margin-top:18px;padding:28px}.study-observation-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.study-observation-insight{border:1px solid var(--border);background:#ffffff52;border-radius:20px;gap:14px;min-height:126px;padding:20px;display:flex}.study-observation-insight>span{color:var(--accent,#9c8c72);font-size:.8rem}.study-observation-insight h3{color:var(--text-primary);margin:0;font-size:.96rem;font-weight:700;line-height:1.45}.study-observation-insight p{color:var(--text-secondary);margin:9px 0 0;font-size:.8rem;line-height:1.7}.study-observation-insight.tone-notice{background:color-mix(in srgb, var(--warning) 5%, var(--surface))}.study-observation-insight.tone-steady{background:color-mix(in srgb, var(--success) 4%, var(--surface))}.study-observation-word-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;display:grid}.study-observation-word-list a{border:1px solid var(--border);min-height:78px;color:inherit;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:flex}.study-observation-word-list a:hover{border-color:color-mix(in srgb, var(--text-primary) 16%, transparent);background:#ffffff59;transform:translateY(-2px)}.study-observation-word-list div{gap:5px;display:grid}.study-observation-word-list strong{color:var(--text-primary);font-size:1rem}.study-observation-word-list span,.study-observation-word-list small{color:var(--text-soft);font-size:.7rem}.study-observation-word-list small{white-space:nowrap}.study-observation-word-list small i{margin-left:5px;font-style:normal}.study-observation-calm-state{color:var(--text-secondary);align-items:center;gap:12px;margin-top:22px;padding:18px 0 2px;display:flex}.study-observation-calm-state p{margin:0;font-size:.84rem}@media (max-width:900px){.study-observation-heading,.study-observation-section-heading{flex-direction:column;align-items:flex-start}.study-observation-layout{grid-template-columns:1fr}.study-observation-current{min-height:0}.study-observation-state-list{margin-top:10px}.study-observation-word-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.study-observation-shell{padding:28px 16px 64px}.study-observation-ranges{width:100%}.study-observation-ranges a{text-align:center;flex:1}.study-observation-trend,.study-observation-current,.study-observation-insights,.study-observation-attention{border-radius:22px;padding:20px}.study-observation-chart{gap:3px}.study-observation-insight-grid,.study-observation-word-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.study-observation-bar,.study-observation-word-list a{transition:none}.study-observation-word-list a:hover{transform:none}}.achievement-history-entry-link{width:fit-content;margin-top:10px}.achievement-history-shell{min-height:calc(100vh - 72px);padding:54px 24px 96px}.achievement-history-stage{width:min(1160px,100%);margin:0 auto}.achievement-history-heading{gap:10px;max-width:820px;margin:64px 0 52px;display:grid}.achievement-history-heading h1{letter-spacing:-.045em;max-width:780px;margin:0;font-family:Georgia,Noto Serif SC,Songti SC,serif;font-size:clamp(2.7rem,6vw,5.2rem);font-weight:500;line-height:1.03}.achievement-history-heading>p:last-child{max-width:720px;color:var(--text-secondary);margin:2px 0 0;font-size:.92rem}.achievement-history-section{border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);background:#ffffff6b;border-radius:30px;gap:24px;padding:34px;display:grid;box-shadow:0 24px 70px #322e280d}.achievement-history-section+.achievement-history-section{margin-top:24px}.achievement-history-section.is-future{background:#f8f7f375}.achievement-history-section-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.achievement-history-section-heading h2{letter-spacing:-.03em;margin:2px 0 0;font-family:Georgia,Noto Serif SC,Songti SC,serif;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:500}.achievement-history-section-heading>span{max-width:390px;color:var(--text-soft);text-align:right;font-size:.72rem}.achievement-history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid;position:relative}.achievement-history-card{border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);min-height:190px;transition:transform var(--motion-transition) var(--motion-ease-out), border-color var(--motion-transition) var(--motion-ease-out), box-shadow var(--motion-transition) var(--motion-ease-out);background:radial-gradient(circle at 8% 5%,#9b896c17,#0000 12rem),#ffffff7a;border-radius:24px;grid-template-columns:72px minmax(0,1fr);gap:20px;padding:24px;display:grid;position:relative;overflow:hidden}.achievement-history-card.is-earned:hover{border-color:#9b896c4d;transform:translateY(-3px);box-shadow:0 22px 48px #41372b14}.achievement-history-card.is-locked{min-height:160px;color:var(--text-secondary);background:#f7f6f26b}.achievement-history-card.is-hidden{background:linear-gradient(120deg,#f5f3ee85,#ffffff4d)}.achievement-history-symbol{color:#8f8069;background:radial-gradient(circle at 35% 28%,#fbfaf5,#e2ddd3);border:1px solid #9b896c57;border-radius:50%;align-self:start;place-items:center;width:64px;height:64px;font-family:Georgia,serif;font-size:1.05rem;display:grid}.is-locked .achievement-history-symbol{opacity:.62;filter:grayscale(.35)}.achievement-history-copy{align-content:start;gap:9px;display:grid}.achievement-history-meta{color:var(--text-soft);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;font-size:.66rem;display:flex}.achievement-history-meta time,.achievement-history-meta small{font-size:inherit;letter-spacing:0}.achievement-history-copy h2{letter-spacing:-.02em;margin:7px 0 0;font-family:Georgia,Noto Serif SC,Songti SC,serif;font-size:1.55rem;font-weight:500}.achievement-history-copy p,.achievement-history-copy small{color:var(--text-secondary);margin:0}.achievement-history-copy p{font-size:.84rem}.achievement-history-copy>small{border-top:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);color:var(--text-soft);padding-top:8px;font-size:.7rem}.achievement-history-empty{min-height:180px;color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;display:flex}.achievement-history-empty p{margin:0;font-size:.84rem}@media (max-width:800px){.achievement-history-list{grid-template-columns:1fr}.achievement-history-section-heading{flex-direction:column;align-items:flex-start}.achievement-history-section-heading>span{text-align:left}}@media (max-width:620px){.achievement-history-shell{padding:30px 16px 70px}.achievement-history-heading{margin:42px 0 34px}.achievement-history-section{border-radius:22px;padding:20px}.achievement-history-card{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px}.achievement-history-symbol{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.achievement-history-card{transition:none}.achievement-history-card.is-earned:hover{transform:none}}.study-together-presence{border:1px solid var(--border);width:fit-content;color:var(--text-soft);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:999px;margin:0 auto 14px;padding:8px 13px;font-size:.72rem}@media (max-width:767px){.auth-shell,.setup-shell{padding:16px}.auth-panel,.setup-panel{padding:24px}}.setup-shell :where(label,button,[role=radio]){min-height:44px}.setup-shell :where([aria-checked=true],input:checked+label,.is-selected){border-color:var(--vf-blue);background:var(--vf-paper-inset)}
:root{--vf-canvas:#f5f2eb;--vf-paper:#fffdf8;--vf-paper-inset:#eee9df;--vf-ink:#293e4e;--vf-muted:#596875;--vf-blue:#344d63;--vf-blue-deep:#2d4357;--vf-gold:#b9935a;--vf-gold-ink:#856337;--vf-gold-pale:#ece0c7;--vf-line:#293e4e24;--vf-line-strong:#718393;--vf-success:#526e5d;--vf-danger:#994e43;--vf-focus:#345c77;--vf-font:"Noto Sans Variable", "Noto Sans SC Variable", sans-serif;--vf-shadow-paper:0 1px 2px #242d340d, 0 8px 24px #242d340a;--vf-shadow-popover:0 2px 5px #242d3412, 0 16px 40px #242d341a;--vf-radius-panel:20px;--vf-radius-input:10px;--vf-radius-button:12px;--vf-space-1:4px;--vf-space-2:8px;--vf-space-3:12px;--vf-space-4:16px;--vf-space-5:20px;--vf-space-6:24px;--vf-space-7:32px;--vf-space-8:40px;--vf-space-9:48px;--vf-space-10:64px;--vf-body-size:16px;--vf-body-leading:1.625;--vf-label-size:13px;--vf-label-leading:1.385;--vf-heading-weight:600;--vf-button-height:48px;--vf-hit-target:44px}body[data-visual-finish=textured-v1]{font-family:var(--vf-font);color:var(--vf-ink);background-color:var(--vf-canvas);font-size:var(--vf-body-size);line-height:var(--vf-body-leading);font-variant-numeric:lining-nums tabular-nums;--background:var(--vf-canvas);--surface:var(--vf-paper);--surface-strong:var(--vf-paper-inset);--text:var(--vf-ink);--muted:var(--vf-muted);--brand:var(--vf-blue);--border:var(--vf-line);--ql-background:var(--vf-canvas);--ql-surface:var(--vf-paper);--ql-surface-soft:var(--vf-paper-inset);--ql-primary:var(--vf-blue);--ql-primary-strong:var(--vf-blue-deep);--ql-text:var(--vf-ink);--ql-text-muted:var(--vf-muted);--ql-border:var(--vf-line);--ql-gold:var(--vf-gold);--ql-gold-dark:var(--vf-gold-ink);--ql-success:var(--vf-success);--ql-danger:var(--vf-danger)}body[data-visual-finish=textured-v1]:after{z-index:-1;content:"";opacity:.025;pointer-events:none;background-image:url(/visual-finish/paper-grain.svg);background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}body[data-visual-finish=textured-v1] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--vf-focus);outline-offset:3px}body[data-visual-finish=textured-v1] :where(.home-plan,.study-stage,.marks-stage,[data-surface=deep]) :where(a,button):focus-visible{outline-color:var(--vf-paper)}.panel{border-radius:var(--vf-radius-panel);background:var(--vf-paper);box-shadow:var(--vf-shadow-paper)}.button,.button-primary,.button-link{min-height:var(--vf-button-height);border-radius:var(--vf-radius-button);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;line-height:22px;text-decoration:none;display:inline-flex}.button-secondary{border:1px solid var(--vf-line-strong);color:var(--vf-ink);box-shadow:none;background:0 0}body[data-visual-finish=textured-v1] :where(input:not([type=checkbox],[type=radio]),select,textarea){border:1px solid var(--vf-line-strong);border-radius:var(--vf-radius-input);background:var(--vf-paper);min-height:48px;color:var(--vf-ink);padding:12px 14px;font-size:16px;line-height:26px}body[data-visual-finish=textured-v1] :where(input,textarea)::placeholder{color:var(--vf-muted);opacity:1}body[data-visual-finish=textured-v1] :where(.badge,[data-badge]){font-size:var(--vf-label-size);line-height:var(--vf-label-leading);border-radius:999px;padding:4px 8px}body[data-visual-finish=textured-v1] :where(.icon-hit,[data-icon-hit]){width:var(--vf-hit-target);height:var(--vf-hit-target);place-items:center;display:inline-grid}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:var(--vf-canvas);--background-deep:var(--vf-paper-inset);--surface:var(--vf-paper);--surface-subtle:var(--vf-paper-inset);--surface-brand:var(--vf-gold-pale);--surface-dark:var(--vf-blue-deep);--text-primary:var(--vf-ink);--text-secondary:var(--vf-muted);--text-soft:var(--vf-muted);--border:var(--vf-line);--border-strong:var(--vf-line-strong);--brand:var(--vf-blue);--brand-hover:var(--vf-blue-deep);--brand-soft:var(--vf-gold-pale);--highlight:var(--vf-gold);--success:var(--vf-success);--success-soft:var(--vf-paper-inset);--warning:var(--vf-gold-ink);--warning-soft:var(--vf-gold-pale);--danger:var(--vf-danger);--danger-soft:var(--vf-paper-inset);--shadow-sm:0 5px 18px #24282e0f;--shadow-card:0 24px 64px #24282e17;--shadow-hover:0 28px 72px #24282e1f}body{background:var(--background);color:var(--text-primary)}.button,.button-link,button{background:var(--brand);color:#fff}.button:hover,.button-link:hover{background:var(--brand-hover);color:#fff;box-shadow:0 9px 24px #24282e21}.button-secondary{border-color:var(--border-strong);color:var(--text-primary);background:#fafaf7bf}.button-secondary:hover{border-color:var(--text-primary);background:var(--surface);color:var(--text-primary)}.eyebrow{color:var(--highlight)}.intro-experience{isolation:isolate;background:radial-gradient(circle at 70% 48%, #9b896c0d, transparent 28rem), var(--background);min-height:100vh;position:relative;overflow:hidden}.intro-particle-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.particle-canvas-hub{z-index:0}.intro-header{z-index:2;border-bottom:1px solid #464a4f1c;justify-content:space-between;align-items:center;width:min(100% - 80px,1320px);min-height:72px;margin-inline:auto;display:flex;position:relative}.intro-login{color:var(--text-primary);font-weight:700;text-decoration:none}.intro-main{z-index:1;align-items:center;width:min(100% - 80px,1260px);min-height:calc(100vh - 72px);margin-inline:auto;padding:44px 0 70px;display:grid;position:relative}.intro-main.has-demo{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(48px,7vw,112px)}.intro-copy{max-width:760px}.intro-copy h1{letter-spacing:-.065em;max-width:760px;margin-bottom:24px;font-size:clamp(3.2rem,5.2vw,5rem)}.intro-copy h1 span{white-space:nowrap;display:block}.intro-description{max-width:590px;color:var(--text-secondary);margin-bottom:32px;font-size:1.05rem;line-height:1.9}.intro-actions,.study-demo-complete-actions{align-items:center;gap:12px;display:flex}.intro-interaction-hint{color:var(--text-soft);letter-spacing:.025em;margin:26px 0 0;font-size:.82rem}.intro-demo{perspective:1000px;justify-self:end;width:min(100%,470px);animation:.24s both pearl-enter}.intro-experience .study-preview-card{color:var(--text-primary);box-shadow:var(--shadow-card);background:#fafaf7f0;border-color:#5d63692e}.intro-experience .study-preview-card:before{background:radial-gradient(circle at var(--card-glow-x,50%) var(--card-glow-y,50%), #9b896c1f, transparent 44%)}.intro-experience .study-preview-progress{background:#e1e2de}.intro-experience .study-preview-progress span{background:var(--brand)}.intro-experience .study-preview-word-line h2,.intro-experience .study-preview-meaning,.intro-experience .study-preview-example p:first-child{color:var(--text-primary)}.intro-experience .study-preview-word-line span,.intro-experience .study-preview-example{background:var(--surface-subtle);color:var(--text-secondary)}.study-demo-complete{align-content:center;justify-items:start;gap:16px;min-height:430px;display:grid}.study-demo-complete h2,.study-demo-complete p{margin:0}.study-demo-complete>p:not(.eyebrow){max-width:330px;color:var(--text-secondary)}.site-header{border-color:var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f4f1eb}.site-header-inner{grid-template-columns:1fr auto;width:100%;min-height:72px;padding:0 34px}.site-header-user-summary{color:var(--text-primary);box-shadow:none;background:0 0;border:0}.site-header-user-summary:hover{background:var(--surface-subtle);color:var(--text-primary);box-shadow:none;transform:none}.site-header-avatar{background:var(--brand-soft);color:var(--brand-hover)}.site-header-chevron{transition:transform .16s}.site-header-user-summary[aria-expanded=true] .site-header-chevron{transform:rotate(180deg)}.site-header-user-dropdown{border-color:var(--border);background:var(--surface);width:150px;padding:6px;box-shadow:0 14px 36px #24282e1f}.site-header-user-dropdown button{min-height:36px;padding:7px 10px}.site-header-user-dropdown button:hover{background:var(--surface-subtle);color:var(--brand-hover)}.system-hub{isolation:isolate;background:var(--background);grid-template-columns:212px minmax(0,1fr);min-height:calc(100vh - 73px);display:grid;position:relative;overflow:hidden}.hub-sidebar,.hub-content{z-index:1;position:relative}.hub-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ebece8c2;border-right:1px solid #747b822b;grid-template-rows:auto auto 1fr;gap:22px;min-height:100%;padding:38px 22px 28px;display:grid}.hub-sidebar-label{color:var(--text-soft);letter-spacing:.16em;text-transform:uppercase;margin:0 12px;font-size:.7rem;font-weight:800}.hub-sidebar nav{gap:4px;display:grid}.hub-sidebar nav button{width:100%;min-height:46px;color:var(--text-secondary);box-shadow:none;background:0 0;border:0;border-radius:7px;justify-content:flex-start;gap:16px;padding:9px 12px;font-weight:700;transition:transform .17s,color .17s,background-color .17s;position:relative}.hub-sidebar nav button span{color:var(--text-soft);letter-spacing:.08em;font-size:.68rem}.hub-sidebar nav button:hover{color:var(--text-primary);box-shadow:none;background:#fafaf773;transform:translate(3px)}.hub-sidebar nav button.is-active{color:var(--text-primary);box-shadow:none;background:#fafaf757;transform:translate(3px)}.hub-sidebar nav button.is-active:before{background:var(--highlight);content:"";border-radius:8px;width:2px;position:absolute;top:10px;bottom:10px;left:-3px}.hub-sidebar-description{color:var(--text-soft);align-self:end;margin:0 10px;font-size:.76rem;line-height:1.65}.hub-content{min-width:0;padding:clamp(34px,5vh,56px) clamp(42px,5.5vw,82px)}.hub-content-motion{min-height:100%}.hub-panel{width:min(100%,1120px);min-height:min(620px,100vh - 170px);margin-inline:auto}.hub-panel-heading{max-width:670px}.hub-panel-heading h1{max-width:630px;margin-bottom:14px;font-size:clamp(2rem,3vw,3rem);line-height:1.16}.hub-panel-heading>p:not(.eyebrow){max-width:620px;color:var(--text-secondary);margin-bottom:0;font-size:.97rem;line-height:1.8}.hub-status,.hub-inline-notice{color:var(--highlight);margin:14px 0 0}.hub-study-panel{align-content:center;gap:clamp(34px,5vh,58px);display:grid}.hub-study-panel .hub-panel-heading h1{font-size:clamp(2.35rem,3.6vw,3.55rem)}.hub-study-workspace{grid-template-columns:minmax(290px,.8fr) minmax(420px,1.2fr);align-items:stretch;gap:18px;display:grid}.hub-study-progress-block{align-content:center;min-height:330px;padding:34px 34px 34px 0;display:grid}.hub-study-progress-block>span,.hub-study-word>span{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.hub-study-progress-copy{align-items:baseline;gap:8px;margin:18px 0 12px;display:flex}.hub-study-progress-copy strong{font-family:Georgia,Times New Roman,serif;font-size:3.5rem;font-weight:500;line-height:1}.hub-study-progress-copy small{color:var(--text-soft);margin-left:auto}.hub-progress{background:#dedfda;border-radius:99px;width:100%;height:5px;margin-bottom:28px;overflow:hidden}.hub-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--highlight), #bbb09c);height:100%;transition:width .26s;display:block}.hub-study-word{text-align:center;background:linear-gradient(145deg,#fafaf7e6,#eaece8b8);border:1px solid #747b822e;border-radius:16px;align-content:center;justify-items:center;min-height:330px;padding:40px;transition:transform .22s,border-color .22s;display:grid;position:relative;overflow:hidden}.hub-study-word:after{content:"";pointer-events:none;background:radial-gradient(circle,#9b896c29,#0000 68%);border-radius:50%;height:76%;position:absolute;inset:auto -15% -48% 18%}.hub-study-word:hover{border-color:#9b896c61;transform:translateY(-3px)}.hub-study-word strong{z-index:1;letter-spacing:-.045em;max-width:100%;margin-top:12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,4.3vw,4.35rem);font-weight:500}.hub-study-word p,.hub-study-word b{z-index:1;color:var(--text-secondary);margin:3px 0}.hub-study-word b{color:var(--text-primary);margin-top:8px;font-weight:700}.hub-friends-panel{grid-template-columns:minmax(340px,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(50px,7vw,104px);display:grid}.hub-friends-copy h1{max-width:560px}.hub-friends-copy button{margin-top:28px}.hub-friends-copy small{color:var(--text-soft);margin-top:14px;display:block}.friends-scene{justify-content:center;align-items:center;gap:18px;min-height:430px;display:flex}.friend-figure{width:118px;height:228px;transition:transform .24s;position:relative}.friend-figure i{background:linear-gradient(145deg,#f9f9f6,#dfe1dd);border:1px solid #5b626847;border-radius:50%;width:74px;height:74px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 30px #24282e14}.friend-figure span{background:linear-gradient(160deg,#f7f7f4,#d8dbd7);border:1px solid #5b626840;border-radius:54px 54px 24px 24px;height:126px;position:absolute;bottom:8px;left:8px;right:8px}.friend-two{transform:scale(.92)translateY(12px)}.friend-connection{background:linear-gradient(90deg,#0000,#9b896ca6,#0000);width:120px;height:2px;position:relative;overflow:visible}.friend-connection:before,.friend-connection:after{border:1px solid var(--highlight);background:var(--background);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.friend-connection:before{left:20px}.friend-connection:after{right:20px}.friend-connection span{opacity:0;background:radial-gradient(#9b896c24,#0000 65%);transition:opacity .22s;position:absolute;inset:-12px 0}.friends-scene:hover .friend-one{transform:translate(6px)}.friends-scene:hover .friend-two{transform:scale(.92)translate(-6px,12px)}.friends-scene:hover .friend-connection span{opacity:1}.hub-achievements-panel{align-content:center;gap:64px;display:grid}.achievement-rail{grid-template-columns:repeat(4,minmax(150px,1fr));gap:18px;padding:24px 0 32px;display:grid;position:relative}.achievement-rail:after{content:"";background:linear-gradient(90deg,#0000,#9b896c7a 12%,#767d835c 88%,#0000);height:2px;position:absolute;bottom:12px;left:0;right:0}.achievement-slot{min-height:220px;color:var(--text-soft);background:linear-gradient(165deg,#fafaf7c7,#e5e7e38c);border:1px solid #747b822b;border-radius:50% 50% 18px 18px;align-content:center;place-items:center;gap:18px;transition:transform .22s,box-shadow .22s;display:grid;position:relative}.achievement-slot:after{border-radius:inherit;content:"";opacity:0;background:linear-gradient(115deg,#0000 32%,#ffffff7a 48%,#0000 62%);transition:opacity .22s,transform .32s;position:absolute;inset:0;transform:translate(-28%)}.achievement-slot:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)rotateX(2deg)}.achievement-slot:hover:after{opacity:1;transform:translate(24%)}.achievement-slot span{color:#8d806b;background:radial-gradient(circle at 34% 28%,#faf8f0,#d9d2c5);border:1px solid #9b896c7a;border-radius:50%;place-items:center;width:82px;height:82px;font-family:Georgia,serif;font-size:1.35rem;display:grid}.achievement-slot small{letter-spacing:.18em;font-size:.65rem}.hub-growth-panel{grid-template-columns:minmax(320px,.78fr) minmax(420px,1.22fr);align-items:center;gap:clamp(44px,7vw,96px);display:grid}.hub-growth-panel .hub-panel-heading .button{margin-top:24px}.growth-origin-object{min-height:430px;box-shadow:var(--shadow-card);background:radial-gradient(circle at 50% 46%,#9b5f8e26,#0000 26%),#18121aad;border:1px solid #c477a629;border-radius:28px;position:relative;overflow:hidden}.growth-origin-object small{color:var(--text-soft);letter-spacing:.15em;font-size:.62rem;position:absolute;bottom:22px;left:24px}.growth-origin-core{background:radial-gradient(circle at 34% 28%,#ffeff9e0,#7e497457);border:1px solid #d6a1ca85;border-radius:48% 52% 58% 42%;width:104px;height:104px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 54px #9b5f8e1f}.growth-origin-trace{border:1px solid #d6a1ca52;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.growth-origin-trace-one{width:210px;height:120px;transform:translate(-50%,-50%)rotate(-16deg)}.growth-origin-trace-two{opacity:.62;width:280px;height:176px;transform:translate(-50%,-50%)rotate(18deg)}.growth-origin-trace-three{opacity:.36;border-style:dashed;width:340px;height:242px}.hub-collection-panel{grid-template-columns:minmax(280px,.65fr) minmax(520px,1.35fr);align-items:center;gap:clamp(48px,7vw,100px);display:grid}.collection-cabinet{background:linear-gradient(90deg,#24282e0a,#0000 10% 90%,#24282e0a);border-bottom:10px solid #c6c7c1;border-left:8px solid #d5d6d1;border-right:8px solid #d5d6d1;grid-template-columns:repeat(3,1fr);align-content:center;gap:0;padding:12px 18px 26px;display:grid;box-shadow:0 22px 44px #24282e12}.collection-slot{min-height:176px;color:var(--text-soft);border-bottom:7px solid #bfc0ba;border-right:1px solid #747b822e;align-content:center;place-items:center;gap:8px;transition:background-color .18s;display:grid;position:relative}.collection-slot:nth-child(3n){border-right:0}.collection-slot:nth-child(n+4){border-bottom-color:#aeb0aa}.collection-slot:hover{background:#fafaf78a}.collection-slot span{width:58px;height:70px;color:var(--highlight);border:1px dashed #747b8261;border-radius:30px 30px 12px 12px;place-items:center;font-size:1.25rem;transition:transform .18s;display:grid;transform:translateY(0)}.collection-slot:hover span{transform:translateY(-3px)}.collection-slot small{font-weight:700}.collection-slot i{letter-spacing:.14em;font-size:.58rem;font-style:normal}.hub-play-panel{align-content:center;gap:56px;display:grid}.play-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.play-mode{background:#fafaf78a;border:1px solid #747b8233;align-content:space-between;min-height:245px;padding:26px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.play-mode:first-child{border-radius:60px 12px 12px}.play-mode:nth-child(2){border-radius:12px 60px 12px 12px}.play-mode:nth-child(3){border-radius:12px 12px 60px}.play-mode:hover{box-shadow:var(--shadow-sm);border-color:#9b896c7a;transform:translateY(-5px)}.play-mode>span{color:var(--highlight);font-family:Georgia,serif;font-size:2.2rem;transition:transform .2s}.play-mode:hover>span{transform:translate(3px)rotate(-3deg)}.play-mode div{gap:3px;display:grid}.play-mode strong{font-size:1.15rem}.play-mode small{color:var(--text-soft);letter-spacing:.16em;font-size:.68rem;font-weight:800}.play-mode i{color:var(--text-soft);letter-spacing:.12em;font-size:.62rem;font-style:normal;position:absolute;top:22px;right:22px}.auth-shell,.setup-shell{background:radial-gradient(circle at 18% 12%, #9b896c0f, transparent 22rem), var(--background)}.auth-panel,.setup-panel{border-color:var(--border);background:var(--surface);color:var(--text-primary);box-shadow:0 24px 60px #24282e14}.auth-heading p:last-child,.setup-heading>p:last-child,.setup-date-field>span{color:var(--text-secondary)}body .auth-panel input,body .setup-panel input{border-color:var(--border-strong);color:var(--text-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8f8f5;box-shadow:inset 0 1px 2px #24282e08}:-webkit-any(body .auth-panel input:-webkit-autofill,body .setup-panel input:-webkit-autofill){-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #f8f8f5}:is(body .auth-panel input:autofill,body .setup-panel input:autofill){-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #f8f8f5}.form-stack .setup-choice{border-color:var(--border);background:var(--surface-subtle);color:var(--text-secondary)}.form-stack .setup-choice:hover{border-color:var(--highlight);color:var(--text-primary);background:#eceae4}.setup-choice:has(input:checked){border-color:var(--highlight);color:var(--text-primary);background:#eceae4}.study-experience-shell{background:radial-gradient(circle at 50% 24%, #9b896c0d, transparent 26rem), var(--background);color:var(--text-primary)}.study-stage{width:min(100% - 64px,900px);color:var(--text-primary)}.study-topline{border-color:var(--border);color:var(--text-secondary)}.study-topline a{color:var(--text-secondary)}.study-topline a:hover{color:var(--text-primary)}.study-session-content{gap:0;padding-top:26px}.study-progress-heading,.study-progress-heading strong{color:var(--text-secondary)}.product-progress,.study-preview-progress{background:#dfe0dc}.product-progress span,.study-preview-progress span{background:var(--highlight)}.study-word-card{border:1px solid var(--border);min-height:410px;color:var(--text-primary);transform:rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y));background:#fafaf79e;border-bottom:0;border-radius:18px 18px 0 0;padding:50px 48px 42px}.study-word-card:before{background:radial-gradient(circle at var(--card-glow-x,50%) var(--card-glow-y,50%), #9b896c17, transparent 46%)}.study-word-card.is-pending{opacity:.9;transform:translateY(-2px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y))}.study-word-card h2{color:var(--text-primary);font-size:clamp(3.6rem,7vw,5.7rem)}.study-word-card>p[data-testid=study-card-zh-definition]{color:var(--text-primary)}.study-word-card>p,.study-word-card blockquote,.study-word-card blockquote p:last-child{color:var(--text-secondary)}.study-feedback{border:1px solid var(--border);background:var(--border);border-top:0;border-radius:0 0 18px 18px;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px}.study-feedback button{background:var(--surface);min-height:64px;color:var(--text-primary);border:0;border-radius:0}.study-feedback button:first-child{background:#f0e9e8;border-radius:0 0 0 16px}.study-feedback button:nth-child(2){background:#efede7}.study-feedback button:last-child{background:#e7ece8;border-radius:0 0 16px}.study-feedback button:hover{z-index:1;border-color:var(--highlight);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--highlight);background:#f8f8f5}.study-feedback kbd{border-color:var(--border-strong);color:var(--text-secondary);background:#fafaf7bf}.study-saving{min-height:1.65em;color:var(--highlight);margin-top:12px}.study-completion{color:var(--text-primary)}.study-completion:before,.completion-bloom{background:radial-gradient(circle,#b8a27740,#0000 67%)}.study-completion h2,.completion-count{color:var(--text-primary)}.study-completion>p:not(.eyebrow){color:var(--text-secondary)}@keyframes pearl-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hub-section-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.intro-main.has-demo{gap:44px}.hub-content{padding:34px 40px}.hub-study-workspace{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr)}.hub-friends-panel,.hub-collection-panel{gap:42px}}@media (max-width:900px){.intro-copy h1 span{white-space:normal}.intro-main.has-demo{grid-template-columns:1fr}.system-hub{grid-template-columns:180px minmax(0,1fr)}.hub-study-workspace,.hub-friends-panel,.hub-collection-panel,.hub-growth-panel{grid-template-columns:1fr}.achievement-rail,.play-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.intro-demo{animation:none}.friends-scene:hover .friend-one,.friends-scene:hover .friend-two,.achievement-slot:hover,.collection-slot:hover span,.play-mode:hover,.play-mode:hover>span,.hub-study-word:hover,.hub-sidebar nav button:hover,.hub-sidebar nav button.is-active,.study-word-card.is-pending{transform:none}}.study-word-card.is-concealed{border-bottom:1px solid var(--border);border-radius:18px}.study-word-anchor>p,.study-card-before-reveal>p{color:var(--text-secondary)}.study-reveal-button{border-color:var(--border-strong);color:var(--text-primary);background:#fafaf7b8}.study-reveal-button:hover{border-color:var(--highlight);background:#f3f1eb;box-shadow:inset 0 0 0 1px #9b896c1a}.study-reveal-button kbd{border-color:var(--border);color:var(--text-soft);background:#f8f8f5}.study-card-details [data-testid=study-card-part-of-speech]{color:var(--text-secondary);background:#eceae4}.study-card-details [data-testid=study-card-zh-definition]{color:var(--text-primary)}.study-card-details p,.study-card-details blockquote,.study-card-details blockquote p:last-child{color:var(--text-secondary)}.study-card-quiz{color:var(--text-primary)}.study-quiz-kicker,.study-quiz-question,.study-quiz-direction{color:var(--text-secondary)}.study-quiz-options button{border-color:var(--border);color:var(--text-primary);background:#f7f6f2}.study-quiz-options button:hover:not(:disabled){border-color:var(--highlight);background:#f1eee7;box-shadow:inset 0 0 0 1px #9b896c17}.study-quiz-result{border-color:var(--border);background:#f5f3ee}.study-quiz-result strong{color:var(--text-primary)}.study-quiz-result span{color:var(--text-secondary)}.completion-result-grid{border-color:var(--border);background:var(--border)}.completion-result-grid button{color:var(--text-secondary);background:#f8f8f5}.completion-result-grid button:hover,.completion-result-grid button.is-active{color:var(--text-primary);background:#f1eee7}.completion-word-review{border-color:var(--border);background:#f7f6f2}
@scope(body:has(:is(.site-sidebar,.study-experience-shell))){:scope{--ql-background:var(--vf-canvas);--ql-blackberry:var(--vf-gold-ink);--ql-surface:var(--vf-paper);--ql-surface-soft:var(--vf-paper-inset);--ql-primary:var(--vf-blue);--ql-primary-strong:var(--vf-blue-deep);--ql-text:var(--vf-ink);--ql-muted:var(--vf-muted);--ql-soft:var(--vf-muted);--ql-border:var(--vf-line);--ql-border-strong:var(--vf-line-strong);--ql-gold:var(--vf-gold);--ql-gold-dark:var(--vf-gold-ink);--ql-gold-soft:var(--vf-gold-pale);--ql-gold-mist:var(--vf-gold-pale);--ql-blue:#8fa8bf;--ql-blue-soft:var(--vf-paper-inset);--ql-mauve:var(--vf-gold-pale);--ql-danger:var(--vf-danger);--ql-success:var(--vf-success);--ql-reward-background:var(--vf-gold-pale);--ql-reward-line:var(--vf-gold);--ql-reward-text:var(--vf-ink);--ql-reward-highlight:var(--vf-paper);--ql-radius-xs:10px;--ql-radius-sm:10px;--ql-radius:16px;--ql-radius-lg:20px;--ql-radius-pill:999px;--ql-shadow:0 8px 24px #252a310a;--ql-focus:#486c87;--motion-micro:.14s;--motion-transition:.22s;--motion-reveal:.34s;--motion-ease-out:cubic-bezier(.22, 1, .36, 1);--type-page-title-size:2.5rem;--type-page-title-line:3.125rem;--type-section-title-size:1.375rem;--type-section-title-line:1.875rem;--type-card-title-size:1.25rem;--type-body-size:1rem;--type-meta-size:.875rem;--type-label-size:.8125rem;--type-study-word-size:3rem;--type-study-word-line:3.5rem;--type-mark-line-size:1.75rem;--type-mark-line-line:2.625rem;--background:var(--ql-background);--surface:var(--ql-surface);--surface-subtle:var(--ql-surface-soft);--text-primary:var(--ql-text);--text-secondary:var(--ql-muted);--text-soft:var(--ql-soft);--border:var(--ql-border);--border-strong:var(--ql-border-strong);--highlight:var(--ql-primary);--success:var(--ql-success);--warning:#9b7d55;--danger:var(--ql-danger);--shadow-sm:var(--ql-shadow);--shadow-card:var(--ql-shadow);background:var(--ql-background);color:var(--ql-text);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;background:var(--ql-background);min-width:320px;font-family:var(--vf-font);font-synthesis:none;letter-spacing:-.006em;text-rendering:optimizelegibility}::selection{color:var(--ql-text);background:#8fa8bf47}a,button,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--ql-focus);outline-offset:3px}:where(button,input,textarea,select){font:inherit}:where(button):disabled{cursor:not-allowed;opacity:.56}h1,h2,h3{color:var(--ql-text);letter-spacing:-.04em;font-family:inherit;font-weight:650}p{text-wrap:pretty}.eyebrow{color:var(--ql-primary);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700}.panel,.word-card{border:1px solid var(--ql-border);border-radius:var(--ql-radius);background:var(--ql-surface);box-shadow:var(--ql-shadow)}.button,.button-link,button:not(.site-header-user-summary):not(.text-button){border-radius:var(--ql-radius-sm);min-height:44px;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.button,.button-link{justify-content:center;align-items:center;gap:.55rem;padding:.76rem 1.08rem;text-decoration:none;display:inline-flex}.button-primary,.form-stack>button,.setup-form>button{border:1px solid var(--ql-primary);background:var(--ql-primary);color:#fff;box-shadow:none}.button-primary:hover,.form-stack>button:hover:not(:disabled),.setup-form>button:hover:not(:disabled){border-color:var(--ql-primary-strong);background:var(--ql-primary-strong);color:#fff;box-shadow:none;transform:translateY(-1px)}.button-secondary,.button-quiet{border:1px solid var(--ql-border-strong);background:var(--ql-surface);color:var(--ql-text);box-shadow:none}.button-secondary:hover,.button-quiet:hover{border-color:var(--ql-blue);color:var(--ql-primary);box-shadow:none;background:#f5f7f8}:where(input:not([type=radio]):not([type=checkbox]),textarea,select){border:1px solid var(--ql-border-strong);border-radius:var(--ql-radius-sm);background:var(--ql-surface);width:100%;min-height:46px;color:var(--ql-text);box-shadow:0 1px #252a3105}:where(input:not([type=radio]):not([type=checkbox]),textarea,select):focus{border-color:var(--ql-blue);outline-offset:0;outline:3px solid #8fa8bf33}:where(input,textarea)::placeholder{color:#a1a5ab}[role=alert],[role=status],.hub-status,.word-action-message,.study-saving{border-radius:var(--ql-radius-sm)}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#f7f6f2eb;border-bottom:1px solid #e8e3dae0;height:72px;position:fixed;top:0}.site-header-inner{width:100%;height:100%}.product-wordmark{width:max-content;color:var(--ql-text);letter-spacing:-.03em;font-weight:680}.product-wordmark-mark{border-color:var(--ql-primary);background:var(--ql-primary);color:#fff}.site-primary-nav{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:2px;padding:0;display:flex}.site-primary-nav a{min-width:0;color:var(--ql-muted);text-align:left;border-radius:10px;padding:10px 14px;font-size:.82rem;font-weight:600;text-decoration:none}.site-primary-nav a:hover{color:var(--ql-text);background:#8fa8bf1f}.site-primary-nav a.is-active{background:var(--ql-primary);color:#fff}.site-primary-nav-item>span{color:var(--ql-muted);text-align:left;border-radius:10px;padding:10px 14px;font-size:.82rem;font-weight:600;display:block}.site-primary-nav-item>span:hover{color:var(--ql-text);background:#8fa8bf1f}.site-primary-nav-item>span.is-active{background:var(--ql-primary);color:#fff}.site-primary-nav-children{flex-direction:column;gap:2px;padding-left:14px;display:flex}.site-primary-nav-children a{color:var(--ql-muted);padding-left:28px;font-size:.78rem}.site-primary-nav-children a:hover{color:var(--ql-text)}.site-primary-nav-children a.is-active{background:var(--ql-primary);color:#fff}.site-header-user-menu{justify-self:stretch}.site-header-user-summary{width:100%;min-width:0;min-height:44px;color:var(--ql-text);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:14px;padding:5px 8px}.site-header-user-summary:hover{border-color:var(--ql-border);background:var(--ql-surface)}.site-header-avatar{color:var(--ql-primary);background:#e8edf1;font-weight:700}.site-header-user-dropdown{border:1px solid var(--ql-border);border-radius:var(--ql-radius-sm);background:var(--ql-surface);box-shadow:var(--ql-shadow);margin-bottom:8px;padding:6px;position:absolute;bottom:100%;right:0}.site-header-user-dropdown button{border-radius:10px}.site-sidebar{z-index:50;border-right:1px solid var(--ql-border);background:var(--ql-surface);width:260px;box-shadow:var(--ql-shadow);position:fixed;top:0;bottom:0;left:0}.site-sidebar-inner{flex-direction:column;height:100%;padding:24px 16px;display:flex}.site-sidebar-inner .site-header{background:0 0;border:0;height:auto;position:static}.site-sidebar-inner .site-primary-nav{flex:1;margin-top:28px}.site-sidebar-inner .site-header-user-menu{border-top:1px solid var(--ql-border);margin-top:auto;padding-top:16px;position:relative}:scope{padding-left:260px}.intro-experience,.landing-experience,.auth-shell,.setup-shell{background:var(--ql-background)}.intro-header{width:min(100% - 48px,1240px)}.intro-copy h1{max-width:760px;color:var(--ql-text);letter-spacing:-.055em;font-family:inherit;font-weight:650}.intro-description,.intro-interaction-hint{color:#626a75}.intro-login{color:var(--ql-primary)}.study-preview-card{border:1px solid var(--ql-border);border-radius:var(--ql-radius);background:var(--ql-surface);box-shadow:var(--ql-shadow)}.study-preview-card:hover{border-color:var(--ql-border-strong);box-shadow:var(--ql-shadow)}.auth-shell,.setup-shell{min-height:100svh;padding:32px}.auth-panel,.setup-panel{border-color:var(--ql-border);border-radius:var(--ql-radius);background:var(--ql-surface);width:min(100%,620px);box-shadow:var(--ql-shadow)}.setup-panel{width:min(100%,760px)}.auth-heading h1,.setup-heading h1{font-family:inherit;font-weight:650}.form-stack label,.setup-choice-group legend,.setup-date-field{color:var(--ql-text)}.form-stack .setup-choice{border:1px solid var(--ql-border);border-radius:var(--ql-radius-sm);background:var(--ql-surface-soft);color:var(--ql-muted);box-shadow:none}.form-stack .setup-choice:hover{border-color:var(--ql-blue);color:var(--ql-primary);background:#f1f5f7}.form-stack .setup-choice:has(input:checked){border-color:var(--ql-blue);color:var(--ql-primary);background:#f1f5f7}.setup-choice input,input[type=checkbox],input[type=radio]{accent-color:var(--ql-primary)}@media (max-width:980px){.site-header-inner{grid-template-columns:1fr;gap:0;width:100%;padding:0 16px}.site-primary-nav{background:0 0;border:0;flex-direction:column;align-items:stretch;gap:2px;padding:0}.site-primary-nav::-webkit-scrollbar{display:none}.site-primary-nav a{text-align:left;min-width:0;padding:10px 14px}}@media (max-width:680px){:scope{--type-page-title-size:1.75rem;--type-page-title-line:2.375rem}.site-header-inner{grid-template-columns:1fr;gap:8px;padding-block:10px}.site-primary-nav{order:0;grid-area:auto/1}.site-primary-nav a{align-items:center;min-height:40px;display:flex}.site-header-user-summary>span:nth-child(2),.site-header-chevron{display:none}.site-sidebar{border-right:0;border-bottom:1px solid var(--ql-border);width:100%;position:static}.site-sidebar-inner{padding:16px}body:has(.site-sidebar){padding-left:0}:scope{padding-left:0}.auth-shell,.setup-shell{align-items:flex-start;padding:16px}.auth-panel,.setup-panel{border-radius:var(--ql-radius);margin-block:10px;padding:24px 20px}.intro-header{width:min(100% - 32px,1240px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:where(.button,button,a):hover{transform:none!important}}:scope main h1{color:var(--ql-primary);letter-spacing:-.05em;font-family:inherit;font-weight:650}.site-primary-nav a[href^=\/growth]:hover{color:#74572f;background:#c89b5b24}.site-primary-nav a[href^=\/growth].is-active{color:#fff;background:#8a6d45}.site-primary-nav-item:has(.site-primary-nav-children)>span{color:#8a6d45}:is(.site-primary-nav-item:has(.site-primary-nav-children)>span.is-active,.site-primary-nav-children a.is-active){color:#fff;background:#8a6d45}.site-primary-nav-children a:hover{color:#74572f;background:#c89b5b24}.site-primary-nav a[href^=\/friends]:hover{background:var(--ql-blue-soft);color:var(--ql-primary)}.site-primary-nav a[href^=\/friends].is-active{background:var(--ql-primary);color:#fff}.site-primary-nav a[href^=\/play]:hover{background:var(--ql-blue-soft);color:var(--ql-primary)}.site-primary-nav a[href^=\/play].is-active{background:var(--ql-primary);color:#fff}}
@scope(body:has(:is(.study-experience-shell,.word-library-shell,.word-detail-shell,.study-observation-shell,.achievement-history-shell,.active-vocabulary-search-shell))){.hub-home-layout{grid-template-columns:minmax(0,7fr) minmax(230px,2fr);gap:20px;display:grid}.hub-home-learning,.hub-home-growth,.hub-home-secondary{border:1px solid var(--ql-border);background:var(--ql-surface);box-shadow:var(--ql-shadow);border-radius:24px}.hub-home-learning{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);min-height:410px;padding:clamp(30px,4vw,58px);display:grid}.hub-home-learning .hub-study-progress-block{align-content:center;padding-right:clamp(24px,4vw,60px)}.hub-home-learning .hub-study-word{border:1px solid color-mix(in srgb, var(--ql-blue) 32%, var(--ql-border));background:color-mix(in srgb, var(--ql-blue) 10%, white);min-height:290px;box-shadow:none;border-radius:20px}.hub-home-growth{background:color-mix(in srgb, var(--ql-gold) 7%, white);flex-direction:column;min-width:0;padding:26px;display:flex}.hub-home-growth-visual{background:#eee8dd;border-radius:18px;min-height:150px;margin-bottom:26px;position:relative;overflow:hidden}.hub-home-growth-visual span,.hub-home-growth-visual i,.hub-home-growth-visual b{display:block;position:absolute}.hub-home-growth-visual span{background:#788071;border-radius:50% 50% 0 0;height:58%;bottom:0;left:22%;right:22%}.hub-home-growth-visual i{background:#596555;border-radius:999px;width:5px;height:42%;bottom:36%;left:49%}.hub-home-growth-visual b{background:#8fa088;border-radius:100% 0;width:32px;height:16px;top:24%;left:50%;transform:rotate(-24deg)}.hub-home-growth h2{margin:8px 0 10px;font-family:Georgia,Noto Serif SC,serif;font-size:1.5rem;font-weight:500}.hub-home-growth>p:not(.eyebrow){color:var(--ql-muted);margin:0;line-height:1.7}.hub-home-growth>a{color:var(--ql-primary);margin-top:auto;padding-top:24px;font-weight:700}.hub-home-secondary{grid-column:1/-1;justify-content:space-between;align-items:center;gap:28px;padding:22px 28px;display:flex}.hub-home-secondary>div{color:var(--ql-muted);align-items:baseline;gap:9px;display:flex}.hub-home-secondary strong{color:var(--ql-text);font-family:Georgia,serif;font-size:2rem;font-weight:500}.hub-home-secondary nav{gap:24px;display:flex}.hub-home-secondary a{color:var(--ql-muted);font-size:.82rem;font-weight:650}.hub-home-secondary a:hover{color:var(--ql-primary)}.study-experience-shell,.word-library-shell,.word-detail-shell,.study-observation-shell,.active-vocabulary-search-shell,.achievement-history-shell{background:var(--ql-background);color:var(--ql-text)}.study-stage,.word-library-stage,.word-detail-stage,.study-observation-stage,.active-vocabulary-search-stage,.achievement-history-stage{width:min(1120px,100% - 80px);margin-inline:auto}.study-stage{padding-top:32px}.study-session-content{gap:20px;width:min(720px,100%);margin-inline:auto}.study-topline,.word-library-topline,.word-detail-layout>a,.study-observation-layout>a{color:var(--ql-muted)}.study-word-card{border:1px solid var(--ql-border);border-radius:var(--ql-radius-lg);background:var(--ql-surface);text-align:left;min-height:0;box-shadow:none;align-content:start;justify-items:stretch;gap:0;padding:32px;transform:none}.study-word-card.is-pending{opacity:.9;transform:none}.study-word-anchor,.study-card-before-reveal,.study-card-details,.study-card-quiz{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.study-word-anchor,.study-card-details,.study-card-quiz{text-align:left;justify-items:stretch}.study-word-anchor .type-study-word,.study-word-card h2.type-study-word{color:var(--ql-text);font-family:inherit;font-size:var(--type-study-word-size);letter-spacing:-.02em;font-weight:600;line-height:var(--type-study-word-line);margin:0}.study-word-phonetic{color:var(--ql-muted);margin:6px 0 0;font-size:1rem;line-height:1.5rem}.study-card-details{width:100%;margin-top:24px}.study-card-details>div{justify-items:stretch;gap:0;display:grid}.study-card-quiz{margin-top:24px}.study-card-supplement{border-top:1px solid var(--ql-border);margin-top:20px;padding-top:8px}.study-card-supplement summary{min-height:44px;color:var(--ql-primary);cursor:pointer;font-size:var(--type-label-size);font-weight:500;line-height:var(--type-label-line);align-items:center;display:inline-flex}.study-card-supplement-body{gap:12px;padding-top:4px;display:grid}.study-card-supplement blockquote{border:0;margin:0;padding:0}.study-card-supplement blockquote p{margin:0}.study-card-supplement blockquote p:first-child{color:var(--ql-text);font-size:.9375rem;line-height:1.4375rem}.study-card-supplement blockquote p:last-child{color:var(--ql-muted);margin-top:4px;font-size:.875rem;line-height:1.4375rem}.study-card-english{gap:6px;margin:0;padding:0;list-style:none;display:grid}.study-card-english li{color:var(--ql-muted);font-size:.875rem;line-height:1.4375rem}.study-card-english li span{color:var(--ql-primary);margin-right:8px;font-weight:600}.study-feedback,.study-feedback-reveal{gap:12px}.study-feedback-reveal{margin-top:20px}.study-feedback button,.study-feedback-reveal button,.study-reveal-button,.study-quiz-options button{border:1px solid var(--ql-border);border-radius:var(--ql-radius-sm);background:var(--ql-surface);min-height:48px;color:var(--ql-text);box-shadow:none}.study-feedback button:first-child,.study-feedback button:nth-child(2),.study-feedback button:nth-child(3),.study-feedback-reveal button:first-child,.study-feedback-reveal button:nth-child(2),.study-feedback-reveal button:nth-child(3){border-color:var(--ql-border);background:var(--ql-surface);color:var(--ql-text)}.word-meaning-groups{gap:16px;width:100%;margin:0;display:grid}.word-meaning-groups .word-meaning-group{grid-template-columns:minmax(40px,max-content) minmax(0,1fr);gap:12px;display:grid}.word-meaning-groups .word-meaning-group-pos{color:#56616b;overflow-wrap:anywhere;background:0 0;border-radius:0;margin:0;padding:0;font-size:.8125rem;font-weight:600;line-height:1.25rem}.word-meaning-groups .word-meaning-group-body{gap:6px;display:grid}.word-meaning-groups .word-meaning-item{border:0;flex-wrap:wrap;align-items:baseline;gap:8px;padding:0;display:flex}.word-meaning-groups .word-meaning-definition{color:var(--ql-text);margin:0;font-size:1.125rem;font-weight:500;line-height:1.75rem}.word-meaning-groups .word-meaning-tags{align-items:center;gap:6px;display:inline-flex}.word-meaning-groups .word-meaning-tag{border-radius:var(--ql-radius-pill);background:var(--ql-gold-mist);color:var(--ql-gold-dark);padding:2px 8px;font-size:.75rem;font-style:normal;font-weight:600;line-height:1.125rem}.word-meaning-groups .word-meaning-tag.is-usage{background:var(--ql-blue-soft);color:var(--ql-primary)}.word-meaning-groups .word-meaning-tag.is-source{background:var(--ql-surface-soft);color:var(--ql-muted);font-weight:500}.word-meaning-groups .word-meaning-pending{margin-top:8px}.word-meaning-groups .word-meaning-pending summary{min-height:44px;color:var(--ql-muted);cursor:pointer;font-size:var(--type-label-size);font-weight:500;line-height:var(--type-label-line);align-items:center;display:inline-flex}.word-meaning-groups .word-meaning-pending-body{gap:8px;padding-top:2px;display:grid}.word-meaning-groups .word-meaning-pending-item{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.word-meaning-groups .word-meaning-pending-item p{color:var(--ql-muted);margin:0}.word-meaning-groups .word-meaning-pending-pos{color:#56616b;font-size:.8125rem;font-weight:600}.word-meaning-groups .word-meaning-empty{color:var(--ql-muted);margin:0}.word-meaning-groups .word-meaning-more,.word-meaning-groups .word-meaning-english{margin-top:2px}.word-meaning-groups .word-meaning-more summary,.word-meaning-groups .word-meaning-english summary{min-height:44px;color:var(--ql-primary);cursor:pointer;font-size:var(--type-label-size);font-weight:500;line-height:var(--type-label-line);align-items:center;display:inline-flex}.word-meaning-groups .word-meaning-more-body,.word-meaning-groups .word-meaning-english-body{gap:6px;padding-top:2px;display:grid}.word-meaning-groups .word-meaning-english-body p{color:var(--ql-muted);margin:0;font-size:.875rem;line-height:1.4375rem}.word-meaning-groups .word-meaning-english-body p span{color:var(--ql-primary);margin-right:8px;font-weight:600}.word-meaning-groups[data-mode=detail] .word-meaning-group-pos{font-size:.875rem;line-height:1.375rem}.word-meaning-groups[data-mode=detail] .word-meaning-definition{font-size:1rem;font-weight:500;line-height:1.625rem}.word-meaning-groups[data-mode=search]{gap:12px}.word-meaning-groups[data-mode=search] .word-meaning-group{grid-template-columns:minmax(0,1fr);gap:4px}.word-meaning-groups[data-mode=study]{margin-top:24px}.study-card-meanings{width:100%}.study-progress-heading{font-size:var(--type-label-size);line-height:var(--type-label-line)}.study-progress-heading strong{font-size:var(--type-body-size)}.study-feedback button:hover,.study-feedback-reveal button:hover,.study-quiz-options button:hover{border-color:var(--ql-blue);background:color-mix(in srgb, var(--ql-blue) 8%, white);transform:translateY(-1px)}.study-completion-v2,.completion-reflection,.completion-word-review,.study-observation-current,.study-observation-trend,.study-observation-insights,.word-detail-hero,.word-detail-definition,.word-personal-record,.word-history,.achievement-history-section{border:1px solid var(--ql-border);border-radius:var(--ql-radius);background:var(--ql-surface);box-shadow:var(--ql-shadow)}.word-library-heading h1,.word-detail-hero h1,.study-observation-heading h1,.active-vocabulary-search-heading h1,.achievement-history-heading h1{color:var(--ql-text);letter-spacing:-.045em;font-family:Georgia,Noto Serif SC,serif;font-weight:500}.word-library-filters,.word-library-search input,.word-personal-actions textarea,.word-personal-actions select{border-color:var(--ql-border);background:var(--ql-surface)}.word-library-grid{gap:14px}.word-library-grid>a{border:1px solid var(--ql-border);background:var(--ql-surface);box-shadow:none;border-radius:20px}.achievement-history-heading>.button{width:max-content;margin-top:22px}@scope(body:has(:is(.study-experience-shell,.word-library-shell,.word-detail-shell,.study-observation-shell,.achievement-history-shell,.active-vocabulary-search-shell))){.word-library-heading h1,.word-detail-hero h1,.study-observation-heading h1,.active-vocabulary-search-heading h1,.achievement-history-heading h1{font-family:var(--vf-font);font-size:var(--type-page-title-size);line-height:var(--type-page-title-line);font-weight:var(--vf-heading-weight);letter-spacing:-.6px}.word-library-shell .word-library-heading h1,.word-detail-shell .word-detail-hero h1,.study-observation-shell .study-observation-heading h1,.active-vocabulary-search-shell .active-vocabulary-search-heading h1,.achievement-history-shell .achievement-history-heading h1{font-size:var(--type-page-title-size);line-height:var(--type-page-title-line);font-weight:var(--vf-heading-weight);letter-spacing:-.6px}.study-word-anchor,.study-word-card{border-radius:var(--vf-radius-panel);background:var(--vf-paper);padding:32px}.study-word-phonetic{color:var(--vf-muted);font-size:.875rem;line-height:1.375rem}.word-meaning-groups .word-meaning-group+.word-meaning-group{margin-top:24px}.word-meaning-groups .word-meaning-item+.word-meaning-item{margin-top:16px}.study-item-source-label,.word-source-disclosure,.word-source-disclosure summary{font-size:var(--vf-label-size);line-height:var(--vf-label-leading);color:var(--vf-muted)}.word-source-disclosure summary{align-items:center;min-height:44px;display:flex}.study-feedback button,.study-feedback .button{min-height:var(--vf-button-height)}.study-topline,.word-library-topline,.study-observation-topline{color:var(--vf-muted)}.active-vocabulary-search-stage,.word-library-stage,.study-observation-layout{border-radius:var(--vf-radius-panel);background:var(--vf-paper);box-shadow:var(--vf-shadow-paper);padding:32px}.active-vocabulary-search-form input,.word-library-search input{border-radius:var(--vf-radius-input);min-height:48px}.word-meaning-groups[data-mode=search] .word-meaning-group+.word-meaning-group{margin-top:16px}.word-meaning-groups[data-mode=search] .word-meaning-item+.word-meaning-item{margin-top:24px}.word-library-grid>a{border:1px solid var(--vf-line);border-radius:var(--vf-radius-panel);background:var(--vf-paper);box-shadow:none;padding:20px}.word-library-grid>a h2,.word-library-grid>a .word-library-word{font-size:1.375rem;line-height:1.875rem}.word-library-grid>a p{font-size:1rem;line-height:1.625rem}.word-library-filters :where(button,a,input,select),.word-library-pagination :where(button,a){min-height:var(--vf-hit-target);border-radius:var(--vf-radius-input)}.word-library-grid>a[aria-current=true],.word-library-grid>a.is-selected{border-color:var(--vf-blue);background:var(--vf-blue);color:var(--vf-paper)}.word-detail-shell .word-detail-layout article,.word-detail-shell .word-detail-main{max-inline-size:680px}.word-detail-shell .word-definition-group+.word-definition-group{margin-top:24px}.word-detail-history,.word-detail-history li{font-size:.875rem;line-height:1.375rem}.study-observation-stage :where(dd,dt,strong,b){font-variant-numeric:lining-nums tabular-nums}.study-observation-stage :where(span,small,figcaption){font-size:var(--vf-label-size);line-height:var(--vf-label-leading);color:var(--vf-muted)}.study-observation-stage :where(line,hr){opacity:.6}.achievement-history-shell :where(time,.achievement-history-date){font-size:var(--vf-label-size);line-height:var(--vf-label-leading);color:var(--vf-muted)}.achievement-history-shell :where(h2,.achievement-history-fact,strong){font-size:1.25rem;line-height:1.75rem}@media (max-width:767px){.study-word-anchor,.study-word-card,.active-vocabulary-search-stage,.word-library-stage,.study-observation-layout{padding:20px}}}.achievement-history-section.is-future{background:color-mix(in srgb, var(--ql-gold) 6%, white)}.study-strong-mark-entry{border:1px solid color-mix(in srgb, var(--ql-gold) 42%, var(--ql-border));background:linear-gradient(110deg, var(--ql-gold-mist), var(--ql-surface));text-align:left;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;width:min(100%,560px);margin-top:8px;padding:15px 17px;display:flex}.study-strong-mark-entry>div{gap:3px;min-width:0;display:grid}.study-strong-mark-entry .eyebrow{color:var(--ql-gold-dark);margin:0;font-size:.58rem}.study-strong-mark-entry strong{color:var(--ql-primary);font-size:.9rem}.study-strong-mark-entry span{color:var(--ql-muted);font-size:.75rem}.study-strong-mark-entry .button{flex:none;min-height:40px;padding:0 13px;font-size:.78rem}.achievement-history-card.is-earned{border-color:color-mix(in srgb, var(--ql-gold) 45%, var(--ql-border));background:color-mix(in srgb, var(--ql-gold) 7%, white)}.word-library-heading-actions{justify-items:end;gap:10px;display:grid}.word-library-heading-actions .button{min-height:40px;font-size:.75rem}.word-library-selection-status{margin:16px 0 0}.library-learning-selection{border:1px solid var(--ql-border);background:var(--ql-surface);box-shadow:var(--ql-shadow);border-radius:22px;margin-top:28px;padding:clamp(24px,4vw,38px)}.library-learning-selection>header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.library-learning-selection h2{font-family:Georgia,Noto Serif SC,serif;font-size:var(--type-section-title-size);margin-bottom:8px;font-weight:500}.library-learning-selection header p:last-child{color:var(--ql-muted);margin:0}.library-learning-selection>header>strong{color:var(--ql-gold-dark);font-variant-numeric:tabular-nums;font-size:1.2rem}.library-learning-selection form{justify-items:end;gap:22px;margin-top:24px;display:grid}.library-learning-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.library-learning-selection-grid label{border:1px solid var(--ql-border);background:var(--ql-background);cursor:pointer;border-radius:16px;gap:5px;min-width:0;padding:17px;display:grid}.library-learning-selection-grid label.is-selected{border-color:var(--ql-gold);background:var(--ql-gold-mist)}.library-learning-selection-grid input{opacity:0;width:1px;height:1px;position:absolute}.library-learning-selection-grid span,.library-learning-selection-grid small{color:var(--ql-muted);font-size:var(--type-meta-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-learning-selection-grid strong{color:var(--ql-primary);font-family:Georgia,serif;font-size:var(--type-card-title-size)}.active-vocabulary-search-stage{padding:32px 0 72px}.active-vocabulary-search-topline{color:var(--ql-muted);font-size:var(--type-meta-size);line-height:var(--type-meta-line);justify-content:space-between;align-items:center;display:flex}.active-vocabulary-search-topline a{color:inherit;text-decoration:none}.active-vocabulary-search-heading{max-width:680px;margin-top:24px}.active-vocabulary-search-heading h1{margin-bottom:14px}.active-vocabulary-search-heading>p:last-child{color:var(--ql-muted)}.active-vocabulary-search-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:720px;margin-top:28px;display:grid}.active-vocabulary-search-form input{border-color:var(--ql-border-strong);border-radius:var(--ql-radius-sm);background:var(--ql-surface);height:48px;color:var(--ql-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:1rem}.active-vocabulary-search-form button{min-height:48px}.active-vocabulary-search-status{margin-top:14px}.active-vocabulary-search-empty{border:1px solid var(--ql-border);background:var(--ql-surface);text-align:center;border-radius:22px;align-content:center;place-items:center;gap:8px;min-height:270px;margin-top:30px;display:grid}.active-vocabulary-search-empty>span{color:var(--ql-gold-dark);font-family:Georgia,serif;font-size:1.6rem}.active-vocabulary-search-empty h2,.active-vocabulary-search-empty p{margin:0}.active-vocabulary-search-empty p{color:var(--ql-muted)}.active-vocabulary-search-results{gap:0;margin-top:24px;display:grid}.active-vocabulary-search-result{border:0;border-bottom:1px solid var(--ql-border);background:0 0;border-radius:0;grid-template-columns:168px minmax(0,1fr) 144px;align-items:start;gap:24px;padding:24px 0;display:grid}.active-vocabulary-search-result:first-child{border-top:1px solid var(--ql-border)}.active-vocabulary-search-word>div{color:var(--ql-muted);font-size:var(--type-meta-size);line-height:var(--type-meta-line);gap:8px;display:flex}.active-vocabulary-search-word>div i{color:var(--ql-gold-dark);font-style:normal}.active-vocabulary-search-word h2.type-card-title{color:var(--ql-text);margin:7px 0 2px;font-family:inherit;font-weight:600}.active-vocabulary-search-word>p.active-vocabulary-search-phonetic{color:var(--ql-muted);margin:0;font-size:.875rem;line-height:1.4375rem}.active-vocabulary-search-word>time{color:var(--ql-muted);font-size:var(--type-meta-size);margin-top:8px;display:block}.active-vocabulary-search-meanings{gap:12px}.active-vocabulary-search-actions{justify-items:stretch;gap:12px;display:grid}.active-vocabulary-search-actions button{white-space:nowrap;width:100%;padding-inline:10px;font-size:.9375rem}.active-vocabulary-search-record{color:var(--ql-muted);font-size:var(--type-meta-size);line-height:var(--type-meta-line);text-align:center;margin:0}.active-vocabulary-search-result form{margin:0}.word-detail-stage{width:min(1040px,100% - 80px)}.word-detail-hero{border-radius:var(--ql-radius);box-shadow:none;padding:24px}.word-detail-hero h1.word-detail-lemma{color:var(--ql-text);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-family:inherit;font-size:2.25rem;font-weight:600;line-height:2.75rem}.word-detail-definition{padding:24px}.word-detail-definition h2,.word-history h2{font-family:inherit;font-size:var(--type-section-title-size);letter-spacing:-.01em;font-weight:600;line-height:var(--type-section-title-line);margin:7px 0 20px}.word-detail-layout{grid-template-columns:minmax(0,680px) 280px;gap:32px;padding-top:32px}.word-detail-aside{gap:20px;display:grid}.word-detail-aside .word-detail-state-notes{margin:0}.word-personal-record{border-radius:var(--ql-radius);margin-top:0}.word-detail-aside .word-personal-record-heading h2{font-family:inherit;font-size:var(--type-card-title-size);font-weight:600;line-height:var(--type-card-title-line);margin:5px 0 0}.word-detail-aside .word-detail-state-notes dt,.word-detail-aside .word-detail-state-notes dd{font-size:var(--type-meta-size);line-height:var(--type-meta-line)}.word-detail-examples{border:0;border-top:1px solid var(--ql-border);box-shadow:none;background:0 0;border-radius:0;margin-top:24px;padding-top:20px}.word-history{margin-top:32px}.study-card-supplement[open] .study-card-supplement-body,.word-meaning-more[open] .word-meaning-more-body,.word-meaning-english[open] .word-meaning-english-body{animation:word-details-open .18s var(--motion-ease-out) both}@supports (interpolate-size:allow-keywords){.study-card-supplement,.word-meaning-more,.word-meaning-english{interpolate-size:allow-keywords}.study-card-supplement::details-content{height:0;transition:height .18s var(--motion-ease-out), content-visibility .18s allow-discrete}.word-meaning-more::details-content{height:0;transition:height .18s var(--motion-ease-out), content-visibility .18s allow-discrete}.word-meaning-english::details-content{height:0;transition:height .18s var(--motion-ease-out), content-visibility .18s allow-discrete}.study-card-supplement[open]::details-content{height:auto}.word-meaning-more[open]::details-content{height:auto}.word-meaning-english[open]::details-content{height:auto}}@media (prefers-reduced-motion:reduce){.study-card-supplement[open] .study-card-supplement-body,.word-meaning-more[open] .word-meaning-more-body,.word-meaning-english[open] .word-meaning-english-body{animation:none}.study-feedback button,.study-feedback-reveal button,.study-quiz-options button,.study-strong-mark-entry .button{transition:none}}@media (max-width:1023px){.word-detail-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.study-stage,.word-library-stage,.word-detail-stage,.study-observation-stage,.active-vocabulary-search-stage,.achievement-history-stage{width:calc(100% - 32px)}.study-session-content{width:100%;padding-bottom:88px}.study-word-card{border-radius:16px;padding:20px}.word-meaning-group{grid-template-columns:40px minmax(0,1fr);gap:12px}.word-meaning-definition{font-size:1.0625rem;line-height:1.6875rem}.study-feedback-reveal{z-index:2;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--ql-background);margin-inline:-16px;position:sticky;bottom:0}.study-feedback button,.study-feedback-reveal button{white-space:nowrap;min-height:48px;padding-inline:6px;font-size:.9375rem}.study-feedback button kbd,.study-feedback-reveal button kbd{display:none}.word-detail-hero,.word-detail-definition,.word-personal-record,.word-history{padding:20px}.word-detail-lemma{font-size:1.875rem;line-height:2.375rem}.active-vocabulary-search-result{grid-template-columns:minmax(0,1fr);gap:16px}.active-vocabulary-search-actions{justify-items:stretch}}@media (max-width:620px){.study-strong-mark-entry{flex-direction:column;align-items:stretch}.study-strong-mark-entry .button{width:100%}.library-learning-selection-grid{grid-template-columns:1fr}.active-vocabulary-search-stage{width:calc(100% - 32px)}.active-vocabulary-search-result{grid-template-columns:1fr}.active-vocabulary-search-result form,.active-vocabulary-search-result button{width:100%}}}@keyframes word-details-open{0%{opacity:0}to{opacity:1}}@scope(body:has(:is(.word-library-shell,.study-observation-shell))){.word-library-empty{background:var(--vf-paper);border-color:var(--vf-line);min-height:240px;box-shadow:var(--vf-shadow-paper);padding:32px 24px}.word-library-empty>span{color:var(--vf-gold-ink);font-size:24px}.word-library-empty h2{font:550 22px/32px var(--vf-font);letter-spacing:-.3px}.word-library-empty p{max-width:38em;font-size:14px;line-height:24px}.word-library-count{color:var(--vf-muted);white-space:nowrap;font-size:13px}.word-library-count strong,.study-observation-state-list strong{font-family:var(--vf-font);font-variant-numeric:tabular-nums;font-size:28px;font-weight:550;line-height:36px}.study-observation-chart{position:relative}.study-observation-chart-empty{color:var(--vf-muted);text-align:center;align-items:center;margin:0;font-size:14px;line-height:24px;display:grid;position:absolute;inset:0 20px 44px}@media (max-width:620px){.word-library-empty{min-height:200px;padding:28px 20px}.word-library-empty h2{font-size:20px;line-height:30px}.word-library-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:24px}.word-library-heading-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.word-library-heading-actions .button{white-space:nowrap;flex:none;font-size:14px}.word-library-stage{padding:0}.word-library-filters{background:0 0}.word-library-search{flex-wrap:nowrap}.word-library-search input{flex:1;width:0;min-width:0}.word-library-search button{flex:none}}}@scope(body:has(:is(.study-experience-shell,.word-library-shell,.word-detail-shell,.study-observation-shell,.achievement-history-shell,.active-vocabulary-search-shell))){.word-library-shell .word-library-heading h1,.word-detail-shell .word-detail-hero h1,.study-observation-shell .study-observation-heading h1,.active-vocabulary-search-shell .active-vocabulary-search-heading h1,.achievement-history-shell .achievement-history-heading h1,.word-library-heading h1,.word-detail-hero h1,.study-observation-heading h1,.active-vocabulary-search-heading h1,.achievement-history-heading h1{font-family:var(--vf-font);font-size:var(--type-page-title-size);line-height:var(--type-page-title-line);font-weight:var(--vf-heading-weight);letter-spacing:-.6px}}@scope(body:has(.study-experience-shell)){.study-session-content .study-feedback{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;display:grid}.study-session-content .study-feedback>button{border:1px solid var(--vf-line);background:var(--vf-paper);width:100%;min-width:0;min-height:48px;color:var(--vf-ink);box-shadow:none;white-space:nowrap;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}@media (max-width:767px){.study-session-content .study-feedback{gap:8px}.study-session-content .study-feedback>button{justify-content:center;min-height:48px;padding:12px 8px;font-size:15px}.study-session-content .study-feedback>button kbd{display:none}}@media (prefers-reduced-motion:reduce){.study-session-content .study-feedback>button{transition:none;transform:none}}}