@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, Menlo, Consolas, monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-lg:20px;--text-xl:clamp(22px, 2.2vw, 26px);--text-2xl:clamp(26px, 3vw, 34px);--text-3xl:clamp(32px, 4.2vw, 46px);--text-4xl:clamp(38px, 6vw, 68px);--text-5xl:clamp(44px, 8vw, 96px);--shadow-xs:0 1px 2px #0b1f190d;--shadow-sm:0 2px 6px -1px #0b1f1912, 0 1px 2px #0b1f190a;--shadow-md:0 6px 20px -6px #0b1f191c, 0 2px 6px -2px #0b1f190d;--shadow-lg:0 18px 44px -14px #0b1f192b, 0 6px 16px -8px #0b1f1912;--shadow-xl:0 36px 80px -24px #0b1f193d, 0 12px 28px -14px #0b1f191a;--ease-in:cubic-bezier(.5, 0, .75, 0);--ease-out:cubic-bezier(.22, 1, .36, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--mint-50:#effcf7;--mint-100:#d6f7e9;--mint-200:#aeefd4;--mint-300:#7ce2bb;--mint-400:#3fce9c;--mint-500:#12b886;--mint-600:#0c9b70;--mint-700:#0a7c5b;--mint-800:#085d46;--mint-900:#063e2f;--coral-100:#ffede7;--coral-200:#ffd6c8;--coral-300:#ffb69e;--coral-400:#ff9673;--coral-500:#ff7a5c;--coral-600:#f05e3e;--coral-700:#c94527;--ink-900:#0b1f19;--ink-800:#16332a;--ink-700:#27453b;--ink-600:#406054;--ink-500:#5c7a6e;--ink-400:#839a90;--ink-300:#a9beb5;--ink-200:#cfdfd9;--ink-100:#e6efeb;--ink-50:#f3f8f6;--bg:#fafdfb;--bg-elevated:#fff;--bg-sunken:#f2f8f5;--bg-invert:#08201a;--bg-invert-2:#0d2b23;--ok:#0ea371;--ok-bg:#e7f8f1;--ok-line:#a9e6ce;--bad:#e5484d;--bad-bg:#fdecec;--bad-line:#f5b5b7;--warn:#d98b15;--warn-bg:#fdf4e3;--medal-bronze:#c08457;--medal-silver:#7f97a8;--medal-gold:#d9a015;--medal-legend:#7c5ce6;--pos-noun:#3b7dd8;--pos-verb:#7c5ce6;--pos-adj:#12b886;--pos-adv:#d9a015;--pos-func:#839a90;--pos-det:#0ea5b7;--pos-other:#a9beb5;--line:#e1ede8;--line-strong:#cbdcd5;--line-invert:#ffffff24;--on-brand:#fff;--grad-card:linear-gradient(180deg, #fff 0%, var(--mint-50) 100%);--grad-card-coral:linear-gradient(180deg, #fff 0%, var(--coral-100) 100%);--grad-hero:linear-gradient(150deg, #fff 0%, var(--mint-50) 100%);--glass-sidebar:#ffffffbd;--glass-topbar:#fafdfbdb;--glass-strip:#fafdfbc7;--glass-chip:#ffffffd1;--scrim:#08201a6b;--sheen:#ffffff4d;--bad-on-invert:#ff9b84;--cover-airport:linear-gradient(160deg, var(--mint-400) 0%, var(--mint-700) 100%);--cover-cafe:linear-gradient(160deg, #d9a015 0%, #8a5a0b 100%);--cover-meeting:linear-gradient(160deg, #4c6ee0 0%, #23347a 100%);--shadow-mint:0 14px 34px -12px #12b8866b;--shadow-coral:0 8px 20px -6px #ff7a5c73;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:40px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:56px;--s-10:72px;--s-11:96px;--s-12:128px;--shell:1200px;--shell-wide:1340px;--gutter:clamp(20px, 5vw, 48px);--sidebar-w:250px;--sidebar-w-compact:208px;--sidebar-w-min:168px;--topbar-h:64px;--tabbar-h:62px;--text-2xs:11px;--text-md:17px;--text-slot:clamp(30px, 3.7vw, 36px);--w-normal:400;--w-medium:500;--w-semi:600;--w-bold:700;--w-black:800;--lh-tight:1.04;--lh-snug:1.22;--lh-normal:1.55;--lh-loose:1.8;--ls-tighter:-.035em;--ls-tight:-.02em;--ls-normal:0;--ls-wide:.02em;--ls-caps:.14em;--dur-instant:90ms;--dur-fast:.15s;--dur:.24s;--dur-slow:.42s;--dur-slower:.68s;--ease-back:cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-sticky:100;--z-overlay:200;--z-bubble:300;--grid-line:#12b8860e;--grain-op:.028;--on-invert:#eaf6f1;--on-invert-muted:#eaf6f19e;--on-invert-faint:#eaf6f161}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--ink-700);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--mint-200);color:var(--ink-900)}:focus-visible{outline:2px solid var(--mint-500);outline-offset:3px;border-radius:var(--r-xs)}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.shell--wide{max-width:var(--shell-wide)}.grain{z-index:999;pointer-events:none;opacity:var(--grain-op);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.aurora{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora__blob{filter:blur(90px);border-radius:50%;position:absolute}.aurora__blob--mint{background:radial-gradient(circle,#12b88633 0%,#12b88617 45%,#12b88600 72%);width:78vw;height:62vw;top:-22vw;left:50%;transform:translate(-50%)}.aurora__blob--coral{background:radial-gradient(circle,#ff7a5c29 0%,#ff7a5c00 68%);width:40vw;height:40vw;top:8vw;right:-16vw}.btn{justify-content:center;align-items:center;gap:var(--s-2);padding:0 var(--s-5);border-radius:var(--r-md);height:42px;font-size:var(--text-base);font-weight:var(--w-semi);letter-spacing:var(--ls-normal);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);display:inline-flex}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn:active{transform:translateY(1px)scale(.985)}.btn--lg{height:52px;padding:0 var(--s-7);font-size:var(--text-md);border-radius:var(--r-lg)}.btn--sm{height:34px;padding:0 var(--s-4);font-size:var(--text-sm);border-radius:var(--r-sm)}.btn--primary{color:var(--on-brand);background:linear-gradient(180deg, var(--mint-400) 0%, var(--mint-600) 100%);box-shadow:var(--shadow-mint), inset 0 1px 0 var(--sheen)}.btn--primary:hover{background:linear-gradient(180deg, var(--mint-300) 0%, var(--mint-500) 100%);box-shadow:0 20px 42px -14px #12b8868c, inset 0 1px 0 var(--sheen);transform:translateY(-2px)}.btn--ghost{color:var(--ink-700);box-shadow:inset 0 0 0 1px var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3}.btn--ghost:hover{color:var(--ink-900);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--mint-300), var(--shadow-sm);transform:translateY(-2px)}.btn--coral{color:var(--on-brand);background:linear-gradient(180deg, var(--coral-400) 0%, var(--coral-600) 100%);box-shadow:var(--shadow-coral), inset 0 1px 0 var(--sheen)}.btn--coral:hover{box-shadow:0 20px 42px -14px #ff7a5c8c, inset 0 1px 0 var(--sheen);transform:translateY(-2px)}.btn--text{height:auto;color:var(--mint-700);font-weight:var(--w-semi);padding:0}.btn--text:hover{color:var(--mint-600)}.btn__arrow{transition:transform var(--dur) var(--ease-out)}.btn:hover .btn__arrow{transform:translate(3px)}.eyebrow{align-items:center;gap:var(--s-2);padding:5px var(--s-3) 5px var(--s-2);border-radius:var(--r-full);box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--text-xs);font-weight:var(--w-semi);letter-spacing:var(--ls-wide);color:var(--mint-800);background:#ffffffc7;display:inline-flex}.eyebrow__dot{background:var(--mint-500);width:6px;height:6px;box-shadow:0 0 0 3px var(--mint-100);animation:pulse-dot 2.4s var(--ease-out) infinite;border-radius:50%}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px var(--mint-100)}50%{box-shadow:0 0 0 6px #12b88624}}.section{z-index:var(--z-base);padding-block:var(--s-12);position:relative}.section--tight{padding-block:var(--s-11)}.section__head{max-width:720px;margin-bottom:var(--s-9)}.section__head--center{text-align:center;margin-inline:auto}.section__kicker{margin-bottom:var(--s-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--w-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--mint-600);display:block}.section__title{font-size:var(--text-3xl);font-weight:var(--w-black);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--ink-900);text-wrap:balance}.section__lede{margin-top:var(--s-5);max-width:620px;font-size:var(--text-md);line-height:var(--lh-loose);color:var(--ink-500);text-wrap:pretty}.section__head--center .section__lede{margin-inline:auto}.card{border-radius:var(--r-xl);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-md);position:relative}[hidden]{display:none!important}.brand{align-items:baseline;gap:var(--s-3);flex-shrink:0;display:inline-flex}.brand__mark{border-radius:var(--r-sm);width:34px;height:34px;color:var(--on-brand);font-size:var(--text-lg);font-weight:var(--w-black);background:linear-gradient(145deg, var(--mint-400) 0%, var(--mint-700) 100%);box-shadow:var(--shadow-mint), inset 0 1px 0 var(--sheen);align-self:center;place-items:center;line-height:1;display:grid}.brand__name{font-size:var(--text-xl);font-weight:var(--w-black);letter-spacing:var(--ls-tight);color:var(--ink-900)}.brand--sm{align-items:center;gap:var(--s-2)}.brand--sm .brand__mark{width:28px;height:28px;font-size:var(--text-base);box-shadow:var(--shadow-mint)}.brand--sm .brand__name{font-size:var(--text-md)}.wword{border-radius:var(--r-xs);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);display:inline-block;position:relative}.wword.is-bad{color:var(--bad);background:var(--bad-bg);box-shadow:0 1px 0 0 var(--bad-line)}.wword.is-missing{text-align:center;min-width:40px;color:var(--bad);background:var(--bad-bg);box-shadow:inset 0 0 0 1px var(--bad-line);padding-inline:4px}.wword.is-extra{color:var(--ink-500);background:var(--ink-100);text-decoration:line-through;text-decoration-thickness:1.5px}.wword.is-ok{color:var(--ok)}.wbubble{z-index:var(--z-bubble);padding:3px var(--s-3);border-radius:var(--r-full);background:linear-gradient(180deg, var(--coral-400) 0%, var(--coral-600) 100%);color:var(--on-brand);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--w-semi);letter-spacing:var(--ls-wide);white-space:nowrap;box-shadow:var(--shadow-coral), inset 0 1px 0 var(--sheen);pointer-events:none;opacity:0;transform-origin:22% 130%;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-back);position:absolute;bottom:calc(100% + 8px);left:100%;transform:translate(-44%)scale(.55)}.wbubble:after{content:"";border:5px solid #0000;border-top-color:var(--coral-600);margin-left:-5px;position:absolute;top:100%;left:22%}.wword.is-bad>.wbubble,.wword.is-missing>.wbubble{opacity:1;transform:translate(-44%)scale(1)}.wbubble--neutral{background:linear-gradient(180deg, var(--ink-400) 0%, var(--ink-600) 100%);box-shadow:var(--shadow-sm)}.wbubble--neutral:after{border-top-color:var(--ink-600)}.wword.is-extra>.wbubble{opacity:1;transform:translate(-44%)scale(1)}.kbd{border-radius:var(--r-xs);background:var(--bg-elevated);min-width:24px;box-shadow:inset 0 0 0 1px var(--line-strong), 0 1.5px 0 var(--line-strong);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--w-medium);color:var(--ink-700);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:3px 8px;display:inline-flex}.switch{cursor:pointer;flex:none;width:44px;height:26px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch i{border-radius:var(--r-full);background:var(--ink-200);width:100%;height:100%;transition:background-color var(--dur) var(--ease-out);display:block}.switch i:after{content:"";background:var(--bg-elevated);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+i{background:var(--mint-500)}.switch input:checked+i:after{transform:translate(18px)}.reveal{opacity:0;transition:opacity var(--dur-slower) var(--ease-out), transform var(--dur-slower) var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(22px)}.reveal.is-in{opacity:1;transform:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{z-index:var(--z-sticky);height:100vh;padding:var(--s-5) var(--s-4) var(--s-4);overscroll-behavior:contain;background:var(--glass-sidebar);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border-right:1px solid var(--line);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{padding-inline:var(--s-2);margin-bottom:var(--s-3)}.sidebar__group{margin-bottom:6px}.sidebar__label{padding-inline:var(--s-3);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-400);margin-bottom:2px;display:block}.sidebar__nav{gap:2px;display:grid}.navitem{align-items:center;gap:var(--s-3);padding:5px var(--s-3);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:var(--w-medium);color:var(--ink-600);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);display:flex;position:relative}.navitem:hover{color:var(--ink-900);background:var(--ink-50)}.navitem.is-active{color:var(--mint-800);background:var(--mint-50);box-shadow:inset 0 0 0 1px var(--mint-100);font-weight:var(--w-semi)}.navitem.is-active:before{content:"";left:calc(var(--s-5) * -1);border-radius:0 var(--r-full) var(--r-full) 0;background:var(--mint-500);width:3px;height:20px;margin-top:-10px;position:absolute;top:50%}.navitem.is-active.is-branch{box-shadow:none;color:var(--mint-700);background:0 0}.navitem.is-active.is-branch:before{content:none}.navitem__icon{color:currentColor;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.navitem__count{padding:1px var(--s-2);border-radius:var(--r-full);background:var(--coral-100);color:var(--coral-700);font-size:var(--text-2xs);font-weight:var(--w-semi);margin-left:auto}.navitem.is-disabled{opacity:.45;cursor:not-allowed}.navitem.is-disabled:hover{color:var(--ink-600);background:0 0}.navtree__children{margin:2px 0 3px calc(var(--s-3) + 20px + var(--s-3));gap:1px;display:grid}.navsubitem{align-items:center;gap:var(--s-2);min-height:24px;padding:3px var(--s-2) 3px calc(var(--s-2) + var(--s-3));border-radius:var(--r-sm);color:var(--ink-500);font-size:var(--text-xs);font-weight:var(--w-medium);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);display:flex;position:relative}.navsubitem:before{content:"";left:var(--s-2);border-radius:var(--r-full);background:var(--ink-200);width:5px;height:5px;transition:background-color var(--dur) var(--ease-out);margin-top:-2.5px;position:absolute;top:50%}.navsubitem__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.navsubitem:hover{color:var(--ink-800);background:var(--ink-50)}.navsubitem:hover:before{background:var(--ink-300)}.navsubitem.is-active{color:var(--mint-800);background:var(--mint-50);font-weight:var(--w-semi)}.navsubitem.is-active:before{background:var(--mint-500)}.sidebar__foot{gap:6px;margin-top:auto;padding-top:2px;display:grid}.goal{padding:4px var(--s-3);border-radius:var(--r-lg);background:var(--grad-card);box-shadow:inset 0 0 0 1px var(--mint-200)}.goal__head{justify-content:space-between;align-items:baseline;gap:var(--s-2);display:flex}.goal__title{font-size:var(--text-sm);font-weight:var(--w-semi);color:var(--ink-700)}.goal__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--mint-700)}.goal__bar{margin-top:var(--s-1);border-radius:var(--r-full);background:#12b88624;height:5px;overflow:hidden}.goal__bar i{border-radius:var(--r-full);background:linear-gradient(90deg, var(--mint-400), var(--mint-600));height:100%;transition:width var(--dur-slower) var(--ease-out);display:block}.who{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);transition:background-color var(--dur) var(--ease-out);display:flex}.who:hover{background:var(--ink-50)}.who__avatar{border-radius:var(--r-sm);background:linear-gradient(145deg, var(--mint-400), var(--mint-700));width:30px;height:30px;color:var(--on-brand);font-size:var(--text-base);font-weight:var(--w-bold);box-shadow:inset 0 1px 0 var(--sheen);flex-shrink:0;place-items:center;display:grid}.who__body{align-items:baseline;gap:2px var(--s-2);flex-wrap:wrap;min-width:0;display:flex}.who__name{font-size:var(--text-sm);font-weight:var(--w-semi);color:var(--ink-800);line-height:1.25}.who__sub{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-400)}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:40;align-items:center;gap:var(--s-4);height:var(--topbar-h);padding-inline:var(--s-7);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);border-bottom:1px solid var(--line);background:#fafdfbd1;display:flex;position:sticky;top:0}.topbar__title{font-size:var(--text-md);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);color:var(--ink-900)}.topbar__crumb{font-size:var(--text-sm);color:var(--ink-400)}.topbar__back{padding:6px var(--s-2);margin-left:calc(var(--s-2) * -1);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--ink-500);white-space:nowrap;transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);align-items:center;gap:4px;display:inline-flex}.topbar__back:hover{color:var(--ink-900);background:var(--ink-50)}.topbar__spacer{margin-left:auto}.page{padding:var(--s-7) var(--s-7) var(--s-10);flex:1}.page__head{margin-bottom:var(--s-6)}.page__title{font-size:var(--text-2xl);font-weight:var(--w-black);letter-spacing:var(--ls-tight);color:var(--ink-900)}.page__lede{margin-top:var(--s-2);font-size:var(--text-base);color:var(--ink-500)}.tabbar{z-index:var(--z-sticky);height:var(--tabbar-h);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border-top:1px solid var(--line);background:#ffffffe6;display:none;position:fixed;bottom:0;left:0;right:0}.tabbar__inner{height:var(--tabbar-h);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.tab{font-size:var(--text-2xs);font-weight:var(--w-medium);color:var(--ink-400);transition:color var(--dur) var(--ease-out);place-content:center;justify-items:center;gap:3px;display:grid}.tab.is-active{color:var(--mint-700);font-weight:var(--w-semi)}.panel{border-radius:var(--r-xl);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-sm)}.panel__head{align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--line);display:flex}.panel__title{font-size:var(--text-md);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);color:var(--ink-900)}.panel__sub{font-size:var(--text-xs);color:var(--ink-400);margin-top:2px}.panel__action{margin-left:auto}.panel__body{padding:var(--s-6)}.panel__body--flush{padding:0}.segmented{border-radius:var(--r-md);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);gap:2px;padding:3px;display:inline-flex}.segmented__item{padding:6px var(--s-4);border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:var(--w-semi);color:var(--ink-500);cursor:pointer;transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out)}.segmented__item:hover{color:var(--ink-800)}.segmented__item.is-on{color:var(--ink-900);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.stat{padding:var(--s-5);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xs)}.stat__num{font-size:var(--text-2xl);font-weight:var(--w-black);letter-spacing:var(--ls-tighter);color:var(--ink-900);line-height:1.1}.stat__num small{font-size:var(--text-base);font-weight:var(--w-semi);color:var(--ink-400);margin-left:2px}.stat__label{margin-top:var(--s-2);font-size:var(--text-sm);color:var(--ink-500)}.stat--mint{background:var(--grad-card);box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-xs)}.stat--mint .stat__num{color:var(--mint-700)}.stat--coral{background:var(--grad-card-coral);box-shadow:inset 0 0 0 1px var(--coral-200), var(--shadow-xs)}.stat--coral .stat__num{color:var(--coral-700)}.badge{padding:3px var(--s-3);border-radius:var(--r-full);font-size:var(--text-2xs);font-weight:var(--w-semi);letter-spacing:var(--ls-wide);background:var(--ink-100);color:var(--ink-600);align-items:center;gap:5px;display:inline-flex}.badge--mint{background:var(--mint-100);color:var(--mint-800)}.badge--coral{background:var(--coral-100);color:var(--coral-700)}.badge--ok{background:var(--ok-bg);color:var(--ok)}.badge--line{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-500);background:0 0}.stars{gap:2px;display:inline-flex}.stars svg{fill:currentColor;width:14px;height:14px;color:var(--ink-200)}.stars .is-on{color:var(--warn)}.ring{flex-shrink:0;place-items:center;display:grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring__track{fill:none;stroke:var(--ink-100)}.ring__value{fill:none;stroke:var(--mint-500);stroke-linecap:round;transition:stroke-dashoffset var(--dur-slower) var(--ease-out)}.ring--soft .ring__value{stroke:var(--mint-300)}.ring__text{font-family:var(--font-mono);font-weight:var(--w-bold);color:var(--ink-900);position:absolute}.ring__text--lg{font-size:var(--text-lg);letter-spacing:var(--ls-tight)}.empty{justify-items:center;gap:var(--s-4);padding:var(--s-10) var(--s-6);text-align:center;display:grid}.empty__art{border-radius:var(--r-lg);background:var(--mint-50);width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--mint-100);color:var(--mint-600);place-items:center;display:grid}.empty__title{font-size:var(--text-md);font-weight:var(--w-bold);color:var(--ink-900)}.empty__text{max-width:380px;font-size:var(--text-sm);line-height:var(--lh-loose);color:var(--ink-500)}.medal{align-content:start;justify-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-4) var(--s-4);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xs);text-align:center;--medal:var(--medal-bronze);display:grid}.medal[data-rarity=silver]{--medal:var(--medal-silver)}.medal[data-rarity=gold]{--medal:var(--medal-gold)}.medal[data-rarity=legend]{--medal:var(--medal-legend)}.medal:not(.is-on){--medal:var(--ink-300);box-shadow:none;outline:1px dashed var(--line-strong);outline-offset:-1px}.medal__icon{width:88px;height:88px;color:var(--medal);transition:color var(--dur) var(--ease-out);place-items:center;display:grid}.medal__icon svg{width:100%;height:100%;display:block}.medal.is-on .medal__icon{filter:drop-shadow(0 6px 12px var(--medal))}@supports (color:color-mix(in lab, red, red)){.medal.is-on .medal__icon{filter:drop-shadow(0 6px 12px color-mix(in srgb, var(--medal) 28%, transparent))}}.medal__head{justify-items:center;gap:5px;display:grid}.medal__name{font-size:var(--text-md);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);color:var(--ink-600)}.medal__rarity{padding:1px var(--s-2);border-radius:var(--r-full);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-wide);color:var(--ink-400);box-shadow:inset 0 0 0 1px var(--line-strong)}.medal__desc{min-height:calc(var(--text-sm) * var(--lh-normal) * 2);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-400);align-items:center;display:flex}.medal__bar{width:100%;height:5px;margin-top:var(--s-1);border-radius:var(--r-full);background:var(--ink-100);overflow:hidden}.medal__bar i{border-radius:var(--r-full);background:var(--ink-200);height:100%;transition:width var(--dur-slower) var(--ease-out);display:block}.medal__note{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-400);align-self:end}.medal.is-on{box-shadow:inset 0 0 0 1px var(--medal), var(--shadow-sm)}@supports (color:color-mix(in lab, red, red)){.medal.is-on{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--medal) 30%, transparent), var(--shadow-sm)}}.medal.is-on .medal__name{color:var(--ink-900)}.medal.is-on .medal__rarity{color:var(--medal);box-shadow:inset 0 0 0 1px var(--medal)}@supports (color:color-mix(in lab, red, red)){.medal.is-on .medal__rarity{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--medal) 38%, transparent)}}.medal.is-on .medal__desc{color:var(--ink-500)}.medal.is-on .medal__bar i{background:linear-gradient(90deg, var(--medal), var(--medal))}@supports (color:color-mix(in lab, red, red)){.medal.is-on .medal__bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--medal) 62%, var(--on-brand)), var(--medal))}}.medal.is-on .medal__note{color:var(--medal)}@keyframes medal-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.medal.is-new{animation:medal-in var(--dur-slow) var(--ease-back) backwards;animation-delay:calc(var(--i,0) * 90ms)}.medal-grid{gap:var(--s-4);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;display:grid}.medal-grid .empty{padding:var(--s-7) var(--s-6);border-radius:var(--r-lg);background:var(--bg-sunken);grid-column:1/-1}.medal-grid .empty__art svg{width:38px;height:38px}.medal-grid--tight{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr))}.medal-grid--tight .medal{padding:var(--s-5) var(--s-4) var(--s-4)}.medal-grid--tight .medal__icon{width:72px;height:72px}.medal-strip{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.unlock{display:none}.unlock.is-on{animation:diff-in var(--dur) var(--ease-out);display:block}.unlock__label{margin-bottom:var(--s-4);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--mint-700)}.medal-strip .medal{gap:var(--s-2);padding:var(--s-4) var(--s-3)}.medal-strip .medal__icon{width:56px;height:56px}.medal-strip .medal__desc{display:none}.modal{z-index:var(--z-overlay);padding:var(--s-5);place-items:center;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal__scrim{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity var(--dur) var(--ease-out);position:absolute;inset:0}.modal.is-on .modal__scrim{opacity:1}.modal__card{width:min(460px,100%);max-height:calc(100vh - var(--s-8));padding:var(--s-8) var(--s-6) var(--s-6);border-radius:var(--r-xl);background:radial-gradient(120% 100% at 50% 0%, var(--mint-50) 0%, var(--bg-elevated) 48%);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xl);text-align:center;opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-back);position:relative;overflow-y:auto;transform:translateY(16px)scale(.96)}.modal.is-on .modal__card{opacity:1;transform:none}.modal__close{top:var(--s-4);right:var(--s-4);border-radius:var(--r-sm);width:30px;height:30px;color:var(--ink-400);transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);place-items:center;display:grid;position:absolute}.modal__close:hover{color:var(--ink-800);background:var(--ink-50)}.modal__tag{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--mint-700)}.modal__count{justify-content:center;align-items:baseline;gap:var(--s-2);margin-top:var(--s-3);display:flex}.modal__num{font-size:var(--text-3xl);font-weight:var(--w-black);letter-spacing:var(--ls-tighter);color:var(--ink-900);line-height:1}.modal__unit{font-size:var(--text-base);font-weight:var(--w-semi);color:var(--ink-400)}.modal__note{margin-top:var(--s-5);font-size:var(--text-xs);line-height:var(--lh-normal);color:var(--ink-400)}.modal__note:empty{display:none}.modal__foot{justify-content:center;gap:var(--s-3);margin-top:var(--s-6);display:flex}body.is-modal-open{overflow:hidden}.quote{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line);position:relative}.quote__en{font-size:var(--text-lg);font-weight:var(--w-semi);letter-spacing:var(--ls-tight);color:var(--ink-900);line-height:1.5}.quote__en:before{content:"“";color:var(--mint-300);margin-right:1px}.quote__en:after{content:"”";color:var(--mint-300);margin-left:1px}.quote__zh{margin-top:var(--s-3);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-500)}.quote__zh:empty{display:none}.unit-list{gap:var(--s-3);display:grid}.unit{align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xs);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);grid-template-columns:46px minmax(0,1fr) auto;display:grid}.unit:hover{box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-md);transform:translate(3px)}.unit__no{border-radius:var(--r-md);background:var(--bg-sunken);width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--w-bold);color:var(--ink-600);place-items:center;display:grid}.unit.is-done .unit__no{background:linear-gradient(180deg, var(--mint-400), var(--mint-600));color:var(--on-brand);box-shadow:var(--shadow-mint)}.unit.is-active .unit__no{background:var(--mint-50);box-shadow:inset 0 0 0 2px var(--mint-400);color:var(--mint-700)}.unit__title{font-size:var(--text-base);font-weight:var(--w-semi);color:var(--ink-900);letter-spacing:var(--ls-tight);display:block}.unit__meta{align-items:center;gap:var(--s-3);font-size:var(--text-xs);color:var(--ink-400);margin-top:3px;display:flex}.unit__meta .dot{background:var(--ink-300);border-radius:50%;width:3px;height:3px}.unit__side{align-items:center;gap:var(--s-4);display:flex}.unit.is-locked{opacity:.6}.unit.is-locked:hover{box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xs);transform:none}.word-list{gap:var(--s-3);display:grid}.word-card{align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xs);transition:box-shadow var(--dur) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;display:grid}.word-card:hover{box-shadow:inset 0 0 0 1px var(--coral-200), var(--shadow-md)}.word-card__word{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);color:var(--ink-900)}.word-card__src{margin-top:var(--s-2);font-size:var(--text-sm);color:var(--ink-500)}.word-card__src em{font-family:var(--font-mono);color:var(--bad);background:var(--bad-bg);border-radius:var(--r-xs);padding:0 3px;font-style:normal}.word-card__right{align-items:center;gap:var(--s-4);display:flex}.word-card__streak{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-400)}.herocard{align-items:center;gap:var(--s-7);border-radius:var(--r-xl);background:radial-gradient(120% 130% at 90% 6%, #ff7a5c26 0%, #ff7a5c00 56%), var(--grad-hero);box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-lg);grid-template-columns:minmax(0,1fr) auto;padding:clamp(26px,3.6vw,42px);display:grid;position:relative;overflow:hidden}.herocard--coral{background:radial-gradient(120% 130% at 90% 6%, #ff7a5c38 0%, #ff7a5c00 58%), var(--grad-hero-coral);box-shadow:inset 0 0 0 1px var(--coral-200), var(--shadow-lg)}.herocard__count{align-items:baseline;gap:var(--s-2);margin-top:var(--s-4);display:flex}.herocard__num{font-size:var(--text-4xl);font-weight:var(--w-black);letter-spacing:var(--ls-tighter);color:var(--ink-900);line-height:1}.herocard__unit{font-size:var(--text-lg);font-weight:var(--w-semi);color:var(--ink-500)}.herocard__desc{margin-top:var(--s-4);max-width:440px;font-size:var(--text-base);line-height:var(--lh-loose);color:var(--ink-500)}.herocard__actions{gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.grid{gap:var(--s-5);display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--main{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.stack{gap:var(--s-5);display:grid}.stack--sm{gap:var(--s-3)}.stack--lg{gap:var(--s-7)}.row{align-items:center;gap:var(--s-3);display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}@media (max-width:1180px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.app{grid-template-columns:var(--sidebar-w-compact) minmax(0, 1fr)}.medal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.grid--main{grid-template-columns:minmax(0,1fr)}}@media (max-width:960px){.herocard{grid-template-columns:minmax(0,1fr)}.topbar{padding-inline:var(--s-5)}.page{padding:var(--s-5) var(--s-5) var(--s-10)}.page__title{font-size:var(--text-xl)}.sidebar{padding:var(--s-6) var(--s-3) var(--s-4)}.sidebar__brand{padding-inline:var(--s-1)}.sidebar__label{padding-inline:var(--s-2)}.navitem{gap:var(--s-2);padding:var(--s-3) var(--s-2);font-size:var(--text-sm)}.navtree__children{margin-left:calc(var(--s-2) + 20px + var(--s-2))}.navitem.is-active:before{left:calc(var(--s-3) * -1)}}@media (max-width:700px){.app{grid-template-columns:var(--sidebar-w-min) minmax(0, 1fr)}.sidebar{padding:var(--s-5) var(--s-3) var(--s-4)}.sidebar__brand{padding-inline:0}.navitem{gap:var(--s-2);padding:8px var(--s-2);font-size:var(--text-sm)}.navitem.is-active:before{left:calc(var(--s-3) * -1)}.navitem__count{padding-inline:5px}.goal{padding:var(--s-3)}.goal__title,.goal__num{font-size:var(--text-2xs)}.medal-grid{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr))}.medal__icon{width:72px;height:72px}.medal-grid--tight .medal__icon{width:60px;height:60px}}@media (max-width:560px){.medal{padding:var(--s-4) var(--s-3);gap:var(--s-2)}.medal__icon{width:64px;height:64px}.unit{gap:var(--s-3);grid-template-columns:40px minmax(0,1fr)}.unit__no{width:40px;height:40px}.unit__side{grid-column:2;justify-content:flex-start}.word-card{grid-template-columns:1fr}.word-card__right{justify-content:flex-start}}.checkin-side{justify-items:center;gap:var(--s-4);padding:var(--s-6) var(--s-7);border-radius:var(--r-xl);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-sm);display:grid}.checkin-side__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-400)}.checkin-side__foot{font-size:var(--text-xs);color:var(--ink-400)}.checkin-side__foot b{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--mint-700)}.checkin-split{gap:var(--s-7);display:grid}.cal-body{justify-items:center;display:grid}.checkin-cal{align-self:start}.cal{gap:var(--s-1);grid-template-columns:repeat(7,minmax(0,1fr));width:100%;max-width:396px;display:grid}.cal__dow{padding-bottom:var(--s-2);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-wide);color:var(--ink-400);place-items:center;display:grid}.cal__cell{aspect-ratio:1;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-400);transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);place-items:center;display:grid;position:relative}.cal__cell.is-on{background:linear-gradient(180deg, var(--mint-100), var(--mint-200));color:var(--mint-800);font-weight:var(--w-semi)}.cal__cell.is-today{box-shadow:inset 0 0 0 2px var(--mint-400);color:var(--ink-900);font-weight:var(--w-bold)}.cal__cell.is-future{color:var(--ink-200)}.cal__cell--blank{visibility:hidden}@keyframes cal-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.cal__cell.is-just{animation:cal-pop var(--dur-slow) var(--ease-back)}.cal-legend{gap:var(--s-2) var(--s-5);width:100%;max-width:396px;margin-top:var(--s-4);font-size:var(--text-2xs);letter-spacing:var(--ls-wide);color:var(--ink-400);flex-wrap:wrap;display:flex}.cal-legend__item{align-items:center;gap:6px;display:inline-flex}.cal-legend__dot{border-radius:var(--r-xs);background:var(--bg-sunken);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--line)}.cal-legend__dot.is-on{background:linear-gradient(180deg, var(--mint-100), var(--mint-200));box-shadow:inset 0 0 0 1px var(--mint-300)}.cal-legend__dot.is-today{background:var(--bg-elevated);box-shadow:inset 0 0 0 2px var(--mint-400)}.checkin-stats{gap:var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (min-width:1180px){.checkin-split{grid-template-columns:minmax(0,1fr) 404px}.checkin-split .medal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-body{justify-items:start}}@media (max-width:1180px){.checkin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.checkin-side{align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);display:flex}.checkin-side__label{margin-right:auto}.checkin-side__foot{text-align:left;max-width:190px}}@media (max-width:560px){.checkin-stats{grid-template-columns:minmax(0,1fr)}.cal{gap:2px}.cal__cell{font-size:var(--text-2xs);border-radius:var(--r-xs)}}.wb-goals{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wb-goals .wb-goal{padding:var(--s-5)}.wb-goal{justify-items:center;gap:var(--s-4);padding:var(--s-6) var(--s-7);border-radius:var(--r-xl);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-sm);display:grid}.wb-goal__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-400)}.wb-goal__foot{text-align:center;max-width:170px;font-size:var(--text-xs);line-height:var(--lh-normal);color:var(--ink-400)}.wb-stats{gap:var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.wb-filters{align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.wb-filters__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-400);margin-left:auto}.wb-search{align-items:center;gap:var(--s-2);padding:6px var(--s-3);border-radius:var(--r-md);color:var(--ink-400);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur) var(--ease-out);display:inline-flex}.wb-search:focus-within{box-shadow:inset 0 0 0 1px var(--mint-300)}.wb-search input{width:150px;font-size:var(--text-sm);color:var(--ink-900);background:0 0;border:0;outline:none}.wb-search input::placeholder{color:var(--ink-300)}.wb-word{align-items:baseline;gap:var(--s-3);flex-wrap:wrap;display:flex}.wb-word__pos{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-wide);color:var(--ink-400)}.wb-word__zh{font-size:var(--text-sm);color:var(--ink-500)}.wb-word__src{margin-top:var(--s-2);font-size:var(--text-xs);color:var(--ink-400)}.wb-state{padding:3px var(--s-3);border-radius:var(--r-full);font-family:var(--font-mono);font-size:var(--text-2xs);background:var(--ink-100);color:var(--ink-500);align-items:center;display:inline-flex}.wb-state.is-fresh{background:var(--mint-50);color:var(--mint-700)}.wb-state.is-due{background:var(--coral-100);color:var(--coral-700)}.wb-state.is-ok{background:var(--ok-bg);color:var(--ok)}@media (max-width:1180px){.wb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.wb-goals{grid-template-columns:minmax(0,1fr)}.wb-goal{align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);display:flex}.wb-goal__label{margin-right:auto}.wb-goal__foot{text-align:left;max-width:190px}}@media (max-width:700px){.wb-stats{grid-template-columns:minmax(0,1fr)}.wb-search input{width:110px}}.ww-stats{gap:var(--s-3);min-width:210px;display:grid}.ww-filters{align-items:center;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.ww-filters__count{font-size:var(--text-sm);color:var(--ink-400);margin-left:auto}.word-card__times{padding:3px var(--s-3);border-radius:var(--r-full);background:var(--coral-100);color:var(--coral-700);font-size:var(--text-2xs);font-weight:var(--w-semi);letter-spacing:var(--ls-wide);align-items:center;gap:5px;display:inline-flex}.word-card.is-mastered{opacity:.62}.word-card.is-mastered .word-card__word{color:var(--ink-500)}.wdots{gap:4px;display:inline-flex}.wdots i{background:var(--ink-200);border-radius:50%;width:7px;height:7px}.wdots i.is-on{background:var(--mint-500)}@media (max-width:960px){.ww-stats{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}}@media (max-width:640px){.ww-stats{grid-template-columns:minmax(0,1fr)}.ww-filters__count{width:100%;margin-left:0}}.shelf-intro{align-items:center;gap:var(--s-7);border-radius:var(--r-xl);background:radial-gradient(120% 130% at 92% 4%, #12b88629 0%, #12b88600 58%), var(--grad-hero);box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-lg);grid-template-columns:minmax(0,1fr) auto;padding:clamp(24px,3.4vw,40px);display:grid}.shelf-intro__title{margin-top:var(--s-4);font-size:var(--text-3xl);font-weight:var(--w-black);letter-spacing:var(--ls-tighter);line-height:var(--lh-tight);color:var(--ink-900)}.shelf-intro__lede{margin-top:var(--s-4);max-width:620px;font-size:var(--text-base);line-height:var(--lh-loose);color:var(--ink-500)}.shelf-intro__facts{gap:var(--s-2);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--mint-200);font-size:var(--text-sm);color:var(--ink-500);background:#ffffffb8;display:grid}.shelf-intro__fact b{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--w-bold);color:var(--mint-700);margin-right:6px}.shelf{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.bookcard{gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xs);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);display:grid}.bookcard:hover{box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-md);transform:translateY(-3px)}.bookcard__cover{align-content:end;gap:var(--s-2);height:168px;padding:var(--s-4) var(--s-5);border-radius:var(--r-md);background:var(--cover-airport);color:var(--on-brand);display:grid;position:relative;overflow:hidden}.bookcard__cover:before{content:"";background:radial-gradient(90% 70% at 80% 12%,#ffffff47 0%,#fff0 60%),repeating-linear-gradient(90deg,#ffffff1a 0 1px,#0000 1px 46px);position:absolute;inset:0}.bookcard__cover[data-scene=cafe]{background:var(--cover-cafe)}.bookcard__cover[data-scene=meeting]{background:var(--cover-meeting)}.bookcard__cefr,.bookcard__title,.bookcard__sub{position:relative}.bookcard__cefr{padding:2px var(--s-3);border-radius:var(--r-full);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);background:#fff3;justify-self:start}.bookcard__title{font-size:var(--text-lg);font-weight:var(--w-black);letter-spacing:var(--ls-tight);line-height:var(--lh-snug)}.bookcard__sub{font-size:var(--text-xs);color:#ffffffc7}.bookcard__foot{gap:var(--s-3);display:grid}.bookcard__meta{align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-400);display:flex}.bookcard__bar{border-radius:var(--r-full);background:var(--ink-100);height:6px;position:relative;overflow:hidden}.bookcard__bar i{border-radius:var(--r-full);background:linear-gradient(90deg, var(--mint-400), var(--mint-600));height:100%;transition:width var(--dur-slower) var(--ease-out);display:block}.bookcard__fill{position:absolute;inset:0 auto 0 0}.bookcard__fill[data-kind=studied]{background:var(--mint-200)}.bookcard__tagline{font-size:var(--text-xs);line-height:var(--lh-normal);color:var(--ink-400)}.bookcard.is-soon{opacity:.72}.bookcard.is-current{box-shadow:inset 0 0 0 2px var(--mint-400), var(--shadow-md)}.bookcard.is-current:hover{box-shadow:inset 0 0 0 2px var(--mint-400), var(--shadow-md);transform:none}.bookcard.is-soon:hover{box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xs);transform:none}.bookcard.is-soon .bookcard__bar i{background:var(--ink-200)}@media (max-width:960px){.shelf-intro{grid-template-columns:minmax(0,1fr)}}.page--admin{max-width:1320px}.page--admin .stack,.page--admin .stack>*,.page--admin .panel,.page--admin .panel__body,.page--admin .grid,.page--admin .grid>*{min-width:0}.topbar__tags{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}.panel__body--tight{padding:var(--s-4)}.adm-block{justify-content:center;width:100%;display:flex}.adm-muted{font-size:var(--text-xs);color:var(--ink-400)}.adm-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-500)}.adm-hint{align-items:center;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--text-xs);line-height:var(--lh-normal);color:var(--ink-400);display:flex}.search{align-items:center;gap:var(--s-2);max-width:340px;padding:7px var(--s-3);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-400);transition:box-shadow var(--dur) var(--ease-out);flex:240px;display:flex}.search:focus-within{box-shadow:inset 0 0 0 1px var(--mint-400), 0 0 0 3px #3fce9c2e}@supports (color:color-mix(in lab, red, red)){.search:focus-within{box-shadow:inset 0 0 0 1px var(--mint-400), 0 0 0 3px color-mix(in srgb, var(--mint-400) 18%, transparent)}}.search:focus-within{color:var(--mint-600)}.search input{min-width:0;font:inherit;font-size:var(--text-sm);color:var(--ink-900);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--ink-300)}.select-wrap{display:inline-flex;position:relative}.select{appearance:none;padding:7px var(--s-7) 7px var(--s-3);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line-strong);font:inherit;font-size:var(--text-sm);color:var(--ink-700);cursor:pointer;transition:box-shadow var(--dur) var(--ease-out);border:0;outline:none}.select:focus-visible{box-shadow:inset 0 0 0 1px var(--mint-400), 0 0 0 3px #3fce9c2e}@supports (color:color-mix(in lab, red, red)){.select:focus-visible{box-shadow:inset 0 0 0 1px var(--mint-400), 0 0 0 3px color-mix(in srgb, var(--mint-400) 18%, transparent)}}.select-wrap:after{content:"";right:var(--s-4);border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--ink-400);pointer-events:none;margin-top:-2px;position:absolute;top:50%}.toolbar{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.toolbar__end{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}.toolbar__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-400);white-space:nowrap}.toolbar__hint{margin-top:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--mint-50);box-shadow:inset 0 0 0 1px var(--mint-100);font-size:var(--text-xs);color:var(--mint-800)}.toolbar__hint[hidden]{display:none}.table-wrap{margin-top:var(--s-5);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line);overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.table th,.table td{padding:var(--s-3) var(--s-4);text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}.table th{z-index:1;background:var(--bg-sunken);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--w-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-400);white-space:nowrap;position:sticky;top:0}.table td{font-size:var(--text-sm);color:var(--ink-700)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--ink-50)}.table__strong{font-weight:var(--w-semi);color:var(--ink-900)}.table__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-500);white-space:nowrap}.table__en{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-800)}.table__actions{gap:var(--s-3);white-space:nowrap;display:flex}.table tbody tr.is-todo td{background:#ff7a5c0d}@supports (color:color-mix(in lab, red, red)){.table tbody tr.is-todo td{background:color-mix(in srgb, var(--coral-500) 5%, transparent)}}.table tbody tr.is-todo td:first-child{box-shadow:inset 3px 0 0 0 var(--coral-500)}.table tbody tr.is-todo:hover td{background:#ff7a5c17}@supports (color:color-mix(in lab, red, red)){.table tbody tr.is-todo:hover td{background:color-mix(in srgb, var(--coral-500) 9%, transparent)}}.cellwho{align-items:center;gap:var(--s-3);display:flex}.cellwho__avatar{border-radius:var(--r-sm);background:var(--mint-50);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--mint-100);font-size:var(--text-sm);font-weight:var(--w-bold);color:var(--mint-700);flex-shrink:0;place-items:center;display:grid}.table tbody tr.is-todo .cellwho__avatar{background:var(--coral-100);box-shadow:inset 0 0 0 1px var(--coral-200);color:var(--coral-700)}.cellwho__body{min-width:0}.cellwho__name{font-weight:var(--w-semi);color:var(--ink-900);display:block}.cellwho__sub{font-size:var(--text-xs);color:var(--ink-400);display:block}.pager{justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.pager__list{gap:var(--s-1);display:flex}.pager__btn{min-width:30px;padding:5px var(--s-2);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-500);box-shadow:inset 0 0 0 1px var(--line);background:var(--bg-elevated);transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out)}.pager__btn:hover:not(:disabled){color:var(--ink-900);box-shadow:inset 0 0 0 1px var(--line-strong)}.pager__btn.is-on{background:var(--mint-50);box-shadow:inset 0 0 0 1px var(--mint-200);color:var(--mint-800);font-weight:var(--w-semi)}.pager__btn:disabled{opacity:.45;cursor:not-allowed}.bars{align-items:end;gap:var(--s-2);height:150px;margin-top:var(--s-5);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.bars__col{place-items:end center;gap:var(--s-2);grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.bars__bar{border-radius:var(--r-sm) var(--r-sm) 2px 2px;background:linear-gradient(180deg, var(--mint-400), var(--mint-600));width:100%;max-width:38px;box-shadow:inset 0 1px 0 var(--sheen)}.bars__col.is-today .bars__bar{background:linear-gradient(180deg, var(--mint-500), var(--mint-700));box-shadow:var(--shadow-mint)}.bars__val{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-500)}.bars__label{font-size:var(--text-xs);color:var(--ink-400)}.feed{display:grid}.feed__item{align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto;display:grid}.feed__item:last-child{border-bottom:0}.feed__icon{border-radius:var(--r-sm);background:var(--mint-50);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--mint-100);color:var(--mint-700);place-items:center;display:grid}.feed__item--todo .feed__icon{background:var(--coral-100);box-shadow:inset 0 0 0 1px var(--coral-200);color:var(--coral-700)}.feed__body{min-width:0}.feed__title{font-size:var(--text-sm);font-weight:var(--w-semi);color:var(--ink-800)}.feed__text{font-size:var(--text-xs);line-height:var(--lh-normal);color:var(--ink-400);margin-top:2px}.feed__time{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-400);white-space:nowrap}.table-wrap .empty{padding:var(--s-8) var(--s-6)}.adm-bar{border-radius:var(--r-full);background:var(--ink-100);height:6px;margin-top:6px;overflow:hidden}.adm-bar i{border-radius:var(--r-full);background:linear-gradient(90deg, var(--mint-400), var(--mint-600));height:100%;display:block}.adm-kv{justify-content:space-between;align-items:baseline;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--line);display:flex}.adm-kv:last-child{border-bottom:0}.adm-kv__k{font-size:var(--text-sm);color:var(--ink-500);white-space:nowrap}.adm-kv__v{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-800);text-align:right;word-break:break-all}.adm-silent{font-size:var(--text-xs);color:var(--ink-300)}@media (max-width:1180px){.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.page--admin,.search{max-width:none}.toolbar>.segmented{order:3;width:100%;overflow-x:auto}}@media (max-width:700px){body.is-admin .topbar__crumb{display:none}.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}.feed__item{grid-template-columns:32px minmax(0,1fr)}.feed__time{grid-column:2}.bars{gap:var(--s-1);height:120px}.bars__val{display:none}}.nav{z-index:var(--z-sticky);transition:background-color var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out), backdrop-filter var(--dur-slow) var(--ease-out);position:fixed;top:0;left:0;right:0}.nav.is-stuck{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);box-shadow:0 1px 0 var(--line), 0 8px 28px -20px #0b1f1966;background:#fafdfbd1}.nav__inner{align-items:center;gap:var(--s-6);height:68px;display:flex}.brand__en{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--w-medium);letter-spacing:var(--ls-caps);color:var(--ink-400)}.nav__links{align-items:center;gap:var(--s-7);margin-inline:auto;display:flex}.nav__link{font-size:var(--text-base);font-weight:var(--w-medium);color:var(--ink-600);transition:color var(--dur) var(--ease-out);position:relative}.nav__link:after{content:"";border-radius:var(--r-full);background:var(--mint-500);transform-origin:0;height:2px;transition:transform var(--dur) var(--ease-out);position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav__link:hover{color:var(--ink-900)}.nav__link:hover:after{transform:scaleX(1)}.nav__link[aria-current=page]{color:var(--ink-900)}.nav__link[aria-current=page]:after{transform:scaleX(1)}.nav__actions{align-items:center;gap:var(--s-3);flex-shrink:0;display:flex}.hero{z-index:var(--z-base);padding-top:152px;padding-bottom:var(--s-11);position:relative}.hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(40px,5vw,80px);display:grid}.hero__title{margin-top:var(--s-6);font-size:var(--text-4xl);font-weight:var(--w-black);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter);color:var(--ink-900);text-wrap:balance}.hl{color:var(--coral-600);padding-inline:.06em;display:inline-block;position:relative}.hl__ring{pointer-events:none;width:148%;height:148%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotate(-4deg)}.hl__ring path{fill:none;stroke:var(--coral-400);stroke-width:3.5px;stroke-linecap:round;opacity:.85;stroke-dasharray:340;stroke-dashoffset:340px;animation:draw-ring .9s var(--ease-out) .42s forwards}@keyframes draw-ring{to{stroke-dashoffset:0}}.hero__lede{margin-top:var(--s-6);max-width:540px;font-size:var(--text-md);line-height:var(--lh-loose);color:var(--ink-500);text-wrap:pretty}.hero__lede strong{color:var(--ink-800);font-weight:var(--w-semi)}.hero__cta{align-items:center;gap:var(--s-4);margin-top:var(--s-8);flex-wrap:wrap;display:flex}.hero__facts{align-items:center;gap:var(--s-6);margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px dashed var(--line-strong);flex-wrap:wrap;display:flex}.hero__fact{align-items:baseline;gap:var(--s-2);font-size:var(--text-sm);color:var(--ink-500);display:flex}.hero__fact b{font-size:var(--text-lg);font-weight:var(--w-black);letter-spacing:var(--ls-tight);color:var(--ink-900)}.hero__stage{padding-block:var(--s-6);justify-content:center;display:flex;position:relative}.demo-card{width:min(412px,100%);padding:var(--s-5);border-radius:var(--r-xl);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xl);animation:card-in .9s var(--ease-out) .18s both;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:none}}.demo-card__bar{align-items:center;gap:var(--s-3);display:flex}.demo-pill{padding:4px var(--s-3);border-radius:var(--r-full);background:var(--mint-50);box-shadow:inset 0 0 0 1px var(--mint-100);font-size:var(--text-2xs);font-weight:var(--w-semi);letter-spacing:var(--ls-wide);color:var(--mint-800);white-space:nowrap}.demo-rail{border-radius:var(--r-full);background:var(--ink-100);flex:1;height:4px;overflow:hidden}.demo-rail__fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--mint-400), var(--mint-600));width:17%;height:100%;display:block}.demo-card__label{align-items:center;gap:var(--s-2);margin-top:var(--s-5);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--w-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-400);display:flex}.demo-card__prompt{margin-top:var(--s-3);font-size:var(--text-xl);font-weight:var(--w-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--ink-900)}.demo-field{margin-top:var(--s-5);min-height:58px;padding:var(--s-4);border-radius:var(--r-md);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);font-size:var(--text-md);color:var(--ink-800);transition:box-shadow var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);align-items:center;line-height:1.5;display:flex;position:relative}.demo-field.is-locked{background:var(--ink-50)}.demo-field.is-wrong{box-shadow:inset 0 0 0 1px var(--bad-line), 0 0 0 4px var(--bad-bg);background:var(--bad-bg)}.demo-field.is-right{box-shadow:inset 0 0 0 1px var(--ok-line), 0 0 0 4px var(--ok-bg);background:var(--ok-bg)}.demo-field__text{word-break:break-word;flex:1;min-width:0}.demo-caret{vertical-align:text-bottom;background:var(--mint-500);border-radius:1px;width:2px;height:1.15em;margin-left:1px;animation:1.05s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.demo-field.is-locked .demo-caret{display:none}.demo-verdict{align-items:center;gap:var(--s-4);margin-top:var(--s-4);min-height:30px;font-size:var(--text-sm);font-weight:var(--w-semi);opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);display:flex;transform:translateY(6px)}.demo-verdict.is-on{opacity:1;transform:none}.demo-verdict__ok{color:var(--ok);align-items:center;gap:6px;display:inline-flex}.demo-verdict__bad{color:var(--bad);align-items:center;gap:6px;display:inline-flex}.demo-verdict__next{padding:5px var(--s-4);border-radius:var(--r-full);background:var(--ink-900);color:var(--on-brand);font-size:var(--text-xs);letter-spacing:var(--ls-wide);margin-left:auto}.demo-float{padding:var(--s-2) var(--s-4);border-radius:var(--r-full);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-lg);font-size:var(--text-xs);font-weight:var(--w-semi);white-space:nowrap;animation:float-in .8s var(--ease-out) both;position:absolute}.demo-float--streak{color:var(--ink-900);animation-delay:.62s;top:-14px;right:-22px}.demo-float--streak b{color:var(--coral-600);font-size:var(--text-md);font-weight:var(--w-black)}.demo-float--words{color:var(--ink-700);animation-delay:.76s;bottom:6px;left:-26px}.demo-float--words:before{content:"";width:7px;height:7px;margin-right:var(--s-2);background:var(--coral-500);box-shadow:0 0 0 3px var(--coral-100);border-radius:50%;display:inline-block}@keyframes float-in{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:none}}.route{z-index:var(--z-base);position:relative}.route__list{gap:var(--s-5);padding-top:var(--s-7);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.route__list:before{content:"";border-radius:var(--r-full);background:linear-gradient(90deg, var(--mint-500) 0%, var(--mint-400) 22%, var(--line-strong) 45%, var(--line-strong) 100%);height:2px;position:absolute;top:6px;left:4%;right:4%}.stage{padding-top:var(--s-6);position:relative}.stage__node{background:var(--bg);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--line-strong);transition:box-shadow var(--dur) var(--ease-out);border-radius:50%;margin-left:-7px;position:absolute;top:0;left:50%}.stage.is-live .stage__node{background:var(--mint-500);box-shadow:0 0 0 4px var(--mint-100), inset 0 0 0 2px var(--mint-500)}.stage__card{height:100%;padding:var(--s-5);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-sm);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out)}.stage__card:hover{box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-lg);transform:translateY(-4px)}.stage.is-live .stage__card{box-shadow:inset 0 0 0 1px var(--mint-300), var(--shadow-md);background:var(--grad-card)}.stage__tag{padding:2px var(--s-2);border-radius:var(--r-xs);background:var(--ink-100);font-size:var(--text-2xs);font-weight:var(--w-semi);letter-spacing:var(--ls-wide);color:var(--ink-500);display:inline-block}.stage.is-live .stage__tag{background:var(--mint-500);color:var(--on-brand)}.stage__name{margin-top:var(--s-3);font-size:var(--text-lg);font-weight:var(--w-black);letter-spacing:var(--ls-tight);color:var(--ink-900)}.stage__book{margin-top:var(--s-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--mint-700)}.stage__desc{margin-top:var(--s-3);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-500)}.modes__grid{gap:var(--s-5);grid-template-rows:auto auto;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.mode{padding:var(--s-6);border-radius:var(--r-xl);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-md);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.mode:hover{box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-lg);transform:translateY(-4px)}.mode--feature{grid-row:span 2;justify-content:space-between}.mode__icon{border-radius:var(--r-md);background:var(--mint-50);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--mint-100);color:var(--mint-700);place-items:center;display:grid}.mode--coral .mode__icon{background:var(--coral-100);box-shadow:inset 0 0 0 1px var(--coral-200);color:var(--coral-600)}.mode__title{margin-top:var(--s-5);font-size:var(--text-xl);font-weight:var(--w-black);letter-spacing:var(--ls-tight);color:var(--ink-900)}.mode__desc{margin-top:var(--s-3);font-size:var(--text-sm);line-height:var(--lh-loose);color:var(--ink-500)}.mode__meta{gap:var(--s-2);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.chip{padding:3px var(--s-3);border-radius:var(--r-full);background:var(--ink-50);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--text-2xs);font-weight:var(--w-semi);letter-spacing:var(--ls-wide);color:var(--ink-600)}.mode__demo{margin-top:var(--s-6);padding:var(--s-4);border-radius:var(--r-lg);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-700);line-height:1.9}.mode__demo .dim{color:var(--ink-400)}.mode__demo .mark{border-radius:var(--r-xs);color:var(--bad);background:var(--bad-bg);box-shadow:0 1px 0 0 var(--bad-line);padding:0 3px;display:inline-block;position:relative}.mode__demo .mark:after{content:attr(data-fix);border-radius:var(--r-full);background:var(--coral-500);color:var(--on-brand);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--w-semi);white-space:nowrap;box-shadow:var(--shadow-coral);padding:1px 8px;position:absolute;bottom:calc(100% + 6px);left:100%}.bubble-band{z-index:var(--z-base);border-radius:var(--r-2xl);background:radial-gradient(120% 90% at 12% 0%, #12b88638 0%, #12b88600 58%), radial-gradient(90% 80% at 100% 100%, #ff7a5c29 0%, #ff7a5c00 60%), linear-gradient(160deg, var(--bg-invert) 0%, var(--bg-invert-2) 100%);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.bubble-band__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,5vw,72px);padding:clamp(40px,6vw,84px);display:grid}.bubble-band .section__kicker{color:var(--mint-300)}.bubble-band__title{margin-top:var(--s-5);font-size:var(--text-3xl);font-weight:var(--w-black);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--on-invert);text-wrap:balance}.bubble-band__title em{color:var(--mint-300);font-style:normal}.bubble-band__lede{margin-top:var(--s-5);font-size:var(--text-md);line-height:var(--lh-loose);color:var(--on-invert-muted);text-wrap:pretty}.bubble-band__notes{gap:var(--s-4);margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--line-invert);display:grid}.note{gap:var(--s-4);align-items:flex-start;display:flex}.note__idx{border-radius:var(--r-xs);width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line-invert);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--mint-300);background:#ffffff14;flex-shrink:0;place-items:center;display:grid}.note__text{font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--on-invert-muted)}.note__text b{font-size:var(--text-base);font-weight:var(--w-semi);color:var(--on-invert);margin-bottom:2px;display:block}.bubble-stage{border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--line-invert);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;padding:clamp(24px,4vw,44px)}.bubble-stage__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--on-invert-faint)}.bubble-stage__zh{margin-top:var(--s-3);font-size:var(--text-md);color:var(--on-invert-muted)}.bubble-stage__en{margin-top:var(--s-6);font-family:var(--font-mono);color:var(--on-invert);font-size:clamp(19px,2.4vw,27px);line-height:1.85}.bubble-stage__divider{height:1px;margin-block:var(--s-6);background:var(--line-invert)}.bubble-stage__en .wword.is-bad{color:var(--bad-on-invert);background:#ff7a5c24;box-shadow:0 2px #ff7a5c73}.bubble-stage__en .wword.is-ok{color:var(--mint-300)}.bubble-stage__verdict{align-items:center;gap:var(--s-5);font-size:var(--text-sm);font-weight:var(--w-semi);display:flex}.bubble-stage__verdict .ok{color:var(--mint-300)}.bubble-stage__verdict .bad{color:var(--bad-on-invert)}.bubble-stage__verdict span:last-child{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--w-normal);color:var(--on-invert-faint);margin-left:auto}.plans{position:relative}.plans__radio{opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute}.plans__toggle{width:fit-content;margin:0 auto var(--s-7);border-radius:var(--r-full);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);gap:4px;padding:4px;display:flex}.plans__opt{align-items:center;gap:var(--s-2);padding:8px var(--s-5);border-radius:var(--r-full);font-size:var(--text-sm);font-weight:var(--w-semi);color:var(--ink-500);cursor:pointer;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);display:flex}.plans__opt:hover{color:var(--ink-800)}.plans__opt em{border-radius:var(--r-full);background:var(--mint-100);font-family:var(--font-mono);font-size:var(--text-2xs);font-style:normal;font-weight:var(--w-bold);letter-spacing:var(--ls-wide);color:var(--mint-700);padding:1px 7px}#billMonth:checked~.plans__toggle label[for=billMonth],#billYear:checked~.plans__toggle label[for=billYear]{background:var(--bg-elevated);color:var(--ink-900);box-shadow:var(--shadow-sm)}#billMonth:focus-visible~.plans__toggle label[for=billMonth],#billYear:focus-visible~.plans__toggle label[for=billYear]{outline:2px solid var(--mint-400);outline-offset:2px}.plans__grid{gap:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.plan{padding:var(--s-7) var(--s-6) var(--s-6);border-radius:var(--r-xl);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-md);flex-direction:column;display:flex;position:relative}.plan--feature{background:var(--grad-card);box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-lg)}.plan__flag{padding:3px var(--s-4);border-radius:var(--r-full);background:var(--mint-500);font-size:var(--text-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-wide);white-space:nowrap;color:var(--on-brand);box-shadow:var(--shadow-mint);position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.plan__name{font-size:var(--text-md);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);color:var(--ink-900)}.plan__for{margin-top:var(--s-2);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-500);text-wrap:pretty}.plan__price{margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--line);align-items:baseline;gap:3px;display:flex}.plan__cur{font-size:var(--text-lg);font-weight:var(--w-bold);color:var(--ink-700)}.plan__num{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--w-black);letter-spacing:var(--ls-tighter);color:var(--ink-900);line-height:1}.plan__per{font-size:var(--text-sm);color:var(--ink-400);margin-left:3px}.plan__sub{margin-top:var(--s-2);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-400)}.plan__list{gap:var(--s-3);margin-top:var(--s-6);display:grid}.plan__item{gap:var(--s-3);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-600);grid-template-columns:18px minmax(0,1fr);display:grid}.plan__item svg{color:var(--mint-600);margin-top:1px}.plan__item--off{color:var(--ink-400)}.plan__item--off svg{color:var(--ink-300)}.plan__cta{padding-top:var(--s-7);margin-top:auto}.plan__cta .btn{width:100%}.plans__note{margin-top:var(--s-6);text-align:center;font-size:var(--text-xs);line-height:var(--lh-loose);letter-spacing:var(--ls-wide);color:var(--ink-400)}.plan__price--y,.plan__sub--y,#billYear:checked~.plans__grid .plan__price--m,#billYear:checked~.plans__grid .plan__sub--m{display:none}#billYear:checked~.plans__grid .plan__price--y{display:flex}#billYear:checked~.plans__grid .plan__sub--y{display:block}@media (max-width:880px){.plans__grid{gap:var(--s-4);grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}.plan--feature{order:-1}}.cta{z-index:var(--z-base);border-radius:var(--r-2xl);text-align:center;background:radial-gradient(100% 140% at 50% 120%, #12b88633 0%, #12b88600 62%), var(--grad-card);box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-lg);padding:clamp(44px,7vw,88px) clamp(28px,6vw,80px);position:relative;overflow:hidden}.cta__title{max-width:720px;font-size:var(--text-3xl);font-weight:var(--w-black);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--ink-900);text-wrap:balance;margin-inline:auto}.cta__lede{max-width:520px;margin:var(--s-5) auto 0;font-size:var(--text-md);line-height:var(--lh-loose);color:var(--ink-500)}.cta__actions{justify-content:center;gap:var(--s-4);margin-top:var(--s-8);flex-wrap:wrap;display:flex}.cta__hint{margin-top:var(--s-5);font-size:var(--text-xs);letter-spacing:var(--ls-wide);color:var(--ink-400)}.footer{z-index:var(--z-base);margin-top:var(--s-12);padding-block:var(--s-8) var(--s-9);border-top:1px solid var(--line);position:relative}.footer__inner{justify-content:space-between;align-items:center;gap:var(--s-6);flex-wrap:wrap;display:flex}.footer__note{font-size:var(--text-sm);color:var(--ink-400)}.footer__legal{max-width:300px;font-size:var(--text-xs);line-height:var(--lh-normal);color:var(--ink-400);margin-top:6px}.footer__legal a{color:var(--ink-500);text-underline-offset:3px;text-decoration:underline}.footer__legal a:hover{color:var(--mint-700)}.footer__links{gap:var(--s-6);flex-wrap:wrap;display:flex}.footer__link{font-size:var(--text-sm);color:var(--ink-500);transition:color var(--dur) var(--ease-out)}.footer__link:hover{color:var(--mint-700)}@media (max-width:1080px){.hero__inner{gap:var(--s-9);grid-template-columns:1fr}.hero__stage{justify-content:flex-start}.bubble-band__inner{grid-template-columns:1fr}.route__list{gap:var(--s-6) var(--s-5);grid-template-columns:repeat(2,minmax(0,1fr))}.route__list:before{display:none}.stage__node{margin-left:0;left:0}}@media (max-width:860px){.nav__links{display:none}.modes__grid{grid-template-rows:none;grid-template-columns:1fr}.mode--feature{grid-row:auto}.hero{padding-top:124px;padding-bottom:var(--s-10)}.section{padding-block:var(--s-10)}}@media (max-width:560px){.brand__en,.btn--ghost{display:none}.route__list{grid-template-columns:1fr}.demo-float--streak{right:-8px}.demo-float--words{left:-8px}.hero__facts{gap:var(--s-4) var(--s-5)}}.scenario__grid{align-items:start;gap:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid}.scenario__levels{gap:var(--s-3);display:grid}.level{align-items:center;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xs);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);grid-template-columns:auto minmax(0,1fr);display:grid}.level:hover{box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-md);transform:translateY(-2px)}.level__no{border-radius:var(--r-md);background:var(--mint-50);width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--mint-200);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--w-bold);color:var(--mint-700);place-items:center;display:grid}.level__name{font-size:var(--text-md);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);color:var(--ink-900)}.level__desc{font-size:var(--text-sm);line-height:var(--lh-loose);color:var(--ink-500);margin-top:6px}.scenario__flow{border-radius:var(--r-xl);background:var(--grad-card);box-shadow:inset 0 0 0 1px var(--mint-200), var(--shadow-md);padding:clamp(20px,3vw,32px)}.scenario__flow-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--mint-700)}.steps{gap:var(--s-3);margin-top:var(--s-4);display:grid}.step{align-items:baseline;gap:2px var(--s-2);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-500);flex-wrap:wrap;display:flex}.step__no{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--mint-600)}.step b{font-weight:var(--w-semi);color:var(--ink-800)}.chatmock{gap:var(--s-3);margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px dashed var(--line);flex-direction:column;display:flex}.chatmock__bubble{max-width:88%;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);font-size:var(--text-sm);line-height:var(--lh-normal)}.chatmock__bubble--npc{border-bottom-left-radius:var(--r-xs);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-xs);color:var(--ink-800);align-self:flex-start}.chatmock__bubble--me{border-bottom-right-radius:var(--r-xs);background:var(--bg-sunken);outline:1px dashed var(--line-strong);outline-offset:-1px;font-family:var(--font-mono);color:var(--ink-400);align-self:flex-end}.chatmock__who{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-400);margin-bottom:3px;display:block}@media (max-width:1024px){.scenario__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.level{gap:var(--s-3);grid-template-columns:minmax(0,1fr)}.chatmock__bubble{max-width:100%}}.auth{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);min-height:100vh;display:grid}.auth__brand{justify-content:space-between;gap:var(--s-9);color:var(--on-invert);background:radial-gradient(120% 90% at 12% 0%, #12b88647 0%, #12b88600 58%), radial-gradient(90% 80% at 100% 100%, #ff7a5c2e 0%, #ff7a5c00 60%), linear-gradient(160deg, var(--bg-invert) 0%, var(--bg-invert-2) 100%);flex-direction:column;padding:clamp(32px,5vw,64px);display:flex;position:relative;overflow:hidden}.auth__watermark{font-size:clamp(240px,30vw,420px);font-weight:var(--w-black);color:#ffffff09;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;bottom:-18%;right:-6%}.auth__brand .brand__name{color:var(--on-invert)}.auth__pitch{max-width:460px;position:relative}.auth__title{margin-top:var(--s-6);font-size:var(--text-3xl);font-weight:var(--w-black);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter);color:var(--on-invert);text-wrap:balance}.auth__title em{color:var(--mint-300);font-style:normal}.auth__lede{margin-top:var(--s-5);font-size:var(--text-md);line-height:var(--lh-loose);color:var(--on-invert-muted)}.auth__route{align-items:center;gap:var(--s-2);margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--line-invert);display:flex;position:relative}.auth__route-node{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line-invert);text-align:center;font-size:var(--text-xs);font-weight:var(--w-semi);letter-spacing:var(--ls-wide);color:var(--on-invert-faint);transition:all var(--dur) var(--ease-out);background:#ffffff0d;flex:1;padding:8px 6px}.auth__route-node.is-on{color:var(--mint-300);background:#12b8862e;box-shadow:inset 0 0 0 1px #12b88673}.auth__facts{gap:var(--s-3);margin-top:var(--s-6);display:grid;position:relative}.auth__fact{align-items:center;gap:var(--s-3);font-size:var(--text-sm);color:var(--on-invert-muted);display:flex}.auth__fact:before{content:"";background:var(--mint-400);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 3px #12b88629}.auth__foot{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--on-invert-faint);position:relative}.auth__panel{place-items:center;padding:clamp(28px,5vw,56px);display:grid}.auth__form{width:min(400px,100%)}.auth__formtitle{font-size:var(--text-2xl);font-weight:var(--w-black);letter-spacing:var(--ls-tight);color:var(--ink-900)}.auth__formlede{margin-top:var(--s-2);font-size:var(--text-base);color:var(--ink-500)}.auth__fields{margin-top:var(--s-7)}.formerr{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-5);border-radius:var(--r-md);background:var(--bad-bg);box-shadow:inset 0 0 0 1px var(--bad-line);font-size:var(--text-sm);font-weight:var(--w-medium);color:var(--bad);animation:shake var(--dur-slow) var(--ease-out);display:flex}.formerr[hidden]{display:none}.formerr svg{flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.field{gap:var(--s-2);margin-bottom:var(--s-5);display:grid}.field__label{font-size:var(--text-sm);font-weight:var(--w-semi);color:var(--ink-700)}.field__wrap{position:relative}.field__input{width:100%;height:48px;padding:0 var(--s-4);border-radius:var(--r-md);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-sans);font-size:var(--text-md);color:var(--ink-900);transition:box-shadow var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);border:0;outline:none}.field__wrap:has(.field__see) .field__input{padding-right:46px}.field__input::placeholder{color:var(--ink-300)}.field__input:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--line-strong)}.field__input:focus{background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--mint-400), 0 0 0 4px var(--mint-50)}.field__input:disabled{opacity:.6;cursor:not-allowed}.field.is-error .field__input{background:var(--bad-bg);box-shadow:inset 0 0 0 1px var(--bad-line)}.field.is-error .field__input:focus{box-shadow:inset 0 0 0 1px var(--bad), 0 0 0 4px var(--coral-100)}.field.is-error .check__box{box-shadow:inset 0 0 0 1.5px var(--bad)}.field.is-ok .field__input{box-shadow:inset 0 0 0 1px var(--ok-line)}.field__msg{font-size:var(--text-xs);font-weight:var(--w-medium);color:var(--bad);align-items:center;gap:5px;display:flex}.field__msg:empty{display:none}.field__hint{font-size:var(--text-xs);color:var(--ink-400)}.field__see{border-radius:var(--r-sm);width:34px;height:34px;color:var(--ink-400);transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field__see:hover{color:var(--ink-800);background:var(--ink-50)}.field__see .icon-eye-off,.field__see.is-on .icon-eye{display:none}.field__see.is-on .icon-eye-off{display:block}.pwdmeter{align-items:center;gap:var(--s-3);margin-top:2px;display:flex}.pwdmeter[hidden]{display:none}.pwdmeter__bar{flex:1;gap:4px;display:flex}.pwdmeter__bar i{border-radius:var(--r-full);background:var(--ink-100);height:4px;transition:background-color var(--dur) var(--ease-out);flex:1}.pwdmeter__text{font-size:var(--text-2xs);font-weight:var(--w-semi);letter-spacing:var(--ls-wide);color:var(--ink-400);white-space:nowrap}.pwdmeter[data-level="1"] .pwdmeter__bar i:first-child{background:var(--bad)}.pwdmeter[data-level="1"] .pwdmeter__text{color:var(--bad)}.pwdmeter[data-level="2"] .pwdmeter__bar i:nth-child(-n+2){background:var(--warn)}.pwdmeter[data-level="2"] .pwdmeter__text{color:var(--warn)}.pwdmeter[data-level="3"] .pwdmeter__bar i{background:var(--ok)}.pwdmeter[data-level="3"] .pwdmeter__text{color:var(--ok)}.check{align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-5);cursor:pointer;font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-600);-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.check input{opacity:0;width:1px;height:1px;position:absolute}.check__box{background:var(--bg-elevated);width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:5px;flex-shrink:0;margin-top:2px;position:relative}.check__box:after{content:"";border:solid var(--on-brand);width:5px;height:10px;transition:transform var(--dur-fast) var(--ease-back);border-width:0 2px 2px 0;position:absolute;top:2px;left:6px;transform:rotate(45deg)scale(0)}.check input:checked+.check__box{background:var(--mint-500);box-shadow:inset 0 0 0 1.5px var(--mint-500)}.check input:checked+.check__box:after{transform:rotate(45deg)scale(1)}.check input:focus-visible+.check__box{box-shadow:inset 0 0 0 1.5px var(--mint-400), 0 0 0 4px var(--mint-50)}.field .check{margin-bottom:0}.check__text a{color:var(--mint-700);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.check__text a:hover{color:var(--mint-600)}.auth__submit{width:100%;margin-top:var(--s-2)}.auth__submit.is-loading{pointer-events:none;opacity:.85}.btn__spin{border:2px solid #ffffff59;border-top-color:var(--on-brand);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:none}.auth__submit.is-loading .btn__spin{display:block}@keyframes spin{to{transform:rotate(360deg)}}.field.only-register,.field.only-login{display:none}.auth.is-register .field.only-register,.auth:not(.is-register) .field.only-login{display:grid}.auth__switch{justify-content:center;align-items:center;gap:var(--s-1);margin-top:var(--s-6);font-size:var(--text-sm);color:var(--ink-500);display:flex}.auth__back{margin-top:var(--s-8);font-size:var(--text-sm);color:var(--ink-400);transition:color var(--dur) var(--ease-out);justify-content:center;align-items:center;gap:6px;display:flex}.auth__back:hover{color:var(--mint-700)}@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth__brand{gap:var(--s-6);padding:var(--s-7) var(--s-6)}.auth__facts,.auth__watermark{display:none}.auth__title{margin-top:var(--s-4);font-size:var(--text-2xl)}.auth__lede{margin-top:var(--s-3);font-size:var(--text-base)}.auth__route{margin-top:var(--s-5);padding-top:var(--s-5)}.auth__panel{padding:var(--s-8) var(--s-6) var(--s-10);align-content:start}}.legal-main{z-index:var(--z-base);padding-top:calc(68px + var(--s-10));padding-bottom:var(--s-10);position:relative}.legal__head{max-width:760px}.legal__title{margin-top:var(--s-4);font-size:var(--text-3xl);font-weight:var(--w-black);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--ink-900)}.legal__meta{gap:var(--s-3);margin-top:var(--s-5);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--ls-wide);color:var(--ink-400);flex-wrap:wrap;display:flex}.legal__meta span{align-items:center;gap:6px;display:inline-flex}.legal__meta span+span:before{content:"·";color:var(--ink-200);margin-right:6px}.legal__lede{margin-top:var(--s-5);font-size:var(--text-md);line-height:var(--lh-loose);color:var(--ink-500);text-wrap:pretty}.legal__summary{margin-top:var(--s-7);padding:var(--s-5) var(--s-6);border-radius:var(--r-lg);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line)}.legal__summary-title{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--w-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--mint-700)}.legal__summary ul{gap:var(--s-3);margin-top:var(--s-4);display:grid}.legal__summary li{gap:var(--s-3);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-600);grid-template-columns:18px minmax(0,1fr);display:grid}.legal__summary svg{color:var(--mint-600);margin-top:2px}.legal__body{align-items:start;gap:var(--s-9);margin-top:var(--s-10);grid-template-columns:210px minmax(0,1fr);display:grid}.legal__toc{top:calc(68px + var(--s-6));gap:var(--s-1);display:grid;position:sticky}.legal__toc-label{margin-bottom:var(--s-3);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-300)}.legal__toc a{padding:5px var(--s-3);border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--ink-500);transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out)}.legal__toc a:hover{color:var(--ink-900);background:var(--ink-50)}.legal__doc{max-width:720px}.legal__doc section+section{margin-top:var(--s-9)}.legal__no{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--w-normal);color:var(--mint-600)}.legal__h2{align-items:baseline;gap:var(--s-3);font-size:var(--text-lg);font-weight:var(--w-black);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--ink-900);display:flex}.legal__doc p,.legal__doc li{margin-top:var(--s-4);font-size:var(--text-base);line-height:var(--lh-loose);color:var(--ink-600);text-wrap:pretty}.legal__doc strong{font-weight:var(--w-semi);color:var(--ink-900)}.legal__doc a{color:var(--mint-700);text-underline-offset:3px;text-decoration:underline}.legal__doc a:hover{color:var(--mint-800)}.legal__list{gap:var(--s-2);margin-top:var(--s-4);display:grid}.legal__list li{gap:var(--s-3);grid-template-columns:16px minmax(0,1fr);margin-top:0;list-style:none;display:grid}.legal__list li:before{content:"";border-radius:var(--r-full);background:var(--mint-300);width:6px;height:6px;margin-top:10px}.legal__doc code{border-radius:var(--r-xs);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-700);padding:1px 6px}.legal-table-wrap{margin-top:var(--s-5);overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;min-width:560px}.legal-table th,.legal-table td{padding:var(--s-3) var(--s-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.legal-table th{background:var(--bg-sunken);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--w-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-400);white-space:nowrap}.legal-table td{font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-600)}.legal-table td:first-child{font-weight:var(--w-semi);color:var(--ink-800)}.legal__note{margin-top:var(--s-5);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);background:var(--mint-50);box-shadow:inset 0 0 0 1px var(--mint-100);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--ink-700)}.legal__note strong{color:var(--mint-800)}.legal__foot{margin-top:var(--s-10);padding-top:var(--s-6);border-top:1px solid var(--line);font-size:var(--text-sm);line-height:var(--lh-loose);color:var(--ink-400)}.legal__foot a{color:var(--mint-700)}@media (max-width:880px){.legal-main{padding-top:calc(68px + var(--s-8))}.legal__body{gap:var(--s-7);grid-template-columns:minmax(0,1fr)}.legal__toc{gap:var(--s-2);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-bottom:var(--s-2);display:flex;position:static;overflow-x:auto}.legal__toc-label{display:none}.legal__toc a{padding:5px var(--s-4);border-radius:var(--r-full);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;flex:none}}.practice{flex-direction:column;min-height:100vh;display:flex}body.is-focus .app{grid-template-columns:minmax(0,1fr)}body.is-focus .sidebar{display:none}.pbar{z-index:40;align-items:center;gap:var(--s-5);height:64px;padding-inline:var(--s-6);background:var(--glass-topbar);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.pbar__exit{padding:7px var(--s-3);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--ink-500);white-space:nowrap;transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);align-items:center;gap:6px;display:inline-flex}.pbar__exit:hover{color:var(--ink-900);background:var(--ink-50)}.pbar__btn{padding:6px var(--s-3);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:var(--w-medium);color:var(--ink-500);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line-strong);transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);align-items:center;gap:6px;display:inline-flex}.pbar__btn:hover{color:var(--ink-900);background:var(--ink-50)}.pbar__btn.is-on{color:var(--mint-700);background:var(--mint-50);box-shadow:inset 0 0 0 1px var(--mint-200)}.pbar__btn.is-on .pbar__btn-icon{transform:scale(.88)rotate(180deg)}.pbar__btn-icon{transition:transform var(--dur) var(--ease-out)}.pbar__mid{align-items:center;gap:var(--s-4);flex:1;min-width:0;display:flex}.pbar__unit{font-size:var(--text-sm);color:var(--ink-400);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pbar__rail{border-radius:var(--r-full);background:var(--ink-100);flex:1;height:6px;overflow:hidden}.pbar__rail i{border-radius:var(--r-full);background:linear-gradient(90deg, var(--mint-400), var(--mint-600));width:0;height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}.pbar__count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-400);white-space:nowrap}.pbar__count b{font-size:var(--text-md);font-weight:var(--w-bold);color:var(--ink-900)}.pstage{padding:var(--s-8) var(--s-6) calc(var(--s-10) + 44px);flex:1;justify-content:center;align-items:center;display:flex}.pcard{border-radius:var(--r-2xl);background:var(--bg-elevated);width:min(700px,100%);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-lg);padding:clamp(26px,4vw,44px)}.pcard__head{align-items:center;gap:var(--s-4);margin-bottom:var(--s-7);display:flex}.pcard__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-400)}.pcard__head .segmented{margin-left:auto}.pcard__prompt{font-size:clamp(23px,3.2vw,33px);font-weight:var(--w-black);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--ink-900);text-wrap:balance}.plisten{justify-items:center;gap:var(--s-4);padding-block:var(--s-5);display:none}.pcard.is-listen .pcard__prompt{display:none}.pcard.is-listen .plisten{display:grid}.paudio{width:78px;height:78px;color:var(--on-brand);background:linear-gradient(180deg, var(--mint-400) 0%, var(--mint-600) 100%);box-shadow:var(--shadow-mint), inset 0 1px 0 var(--sheen);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);border-radius:50%;place-items:center;display:grid}.paudio:hover{box-shadow:0 20px 44px -14px #12b8868c, inset 0 1px 0 var(--sheen);transform:scale(1.06)}.paudio:active{transform:scale(.97)}.paudio.is-playing{animation:pulse-ring 1.5s var(--ease-out) infinite}@keyframes pulse-ring{0%,to{box-shadow:var(--shadow-mint), 0 0 0 0 #12b88659}60%{box-shadow:var(--shadow-mint), 0 0 0 16px #12b88600}}.plisten__hint{font-size:var(--text-xs);letter-spacing:var(--ls-wide);color:var(--ink-400)}.panswer{margin-top:var(--s-7)}.pslots{align-items:flex-start;gap:var(--s-6) var(--s-4);padding:var(--s-7) var(--s-6) var(--s-6);border-radius:var(--r-md);box-shadow:none;transition:background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:0 0;flex-wrap:wrap;display:flex}.pslots.is-wrong{background:var(--bad-bg);box-shadow:inset 0 0 0 1px var(--bad-line)}.pslots.is-right{background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line)}.pcard--word .pcard__head,.pcard--word .pcard__prompt,.pcard--word .pfoot,.pcard--word .plisten,.pcard--word .plisten__hint{text-align:center;justify-content:center}.pcard--word .pcard__head{margin-bottom:var(--s-5)}.pslots--word{padding-block:var(--s-8);justify-content:center}.pslots--word .pslot{width:calc(var(--len,1) * 1ch + 28px)}.pslot.is-prefilled .pslot__input{color:var(--ink-500);-webkit-text-fill-color:var(--ink-500)}.pslot.is-prefilled .pslot__dash{opacity:.65}.pslot{font-family:var(--font-mono);font-size:var(--text-slot);width:calc(var(--len,1) * 1ch + 16px);--pos:var(--pos-other);flex-direction:column;gap:10px;min-width:calc(1.2ch + 16px);display:inline-flex;position:relative}.pslot[data-pos=noun]{--pos:var(--pos-noun)}.pslot[data-pos=verb]{--pos:var(--pos-verb)}.pslot[data-pos=adj]{--pos:var(--pos-adj)}.pslot[data-pos=adv]{--pos:var(--pos-adv)}.pslot[data-pos=func]{--pos:var(--pos-func)}.pslot[data-pos=det]{--pos:var(--pos-det)}.pslot__input{width:100%;height:calc(var(--text-slot) * 1.45);border-radius:var(--r-xs);appearance:none;box-shadow:none;caret-color:var(--pos);text-align:center;font:inherit;color:var(--ink-900);background:0 0;border:0;outline:none;padding:0 4px}.pslot__input:hover,.pslot__input:focus,.pslot__input:focus-visible{-webkit-box-shadow:none;box-shadow:none;-webkit-text-fill-color:var(--ink-900);caret-color:var(--pos);background:0 0;outline:none}.pslot__input:-webkit-autofill{-webkit-box-shadow:none;box-shadow:none;-webkit-text-fill-color:var(--ink-900);caret-color:var(--pos);background:0 0;outline:none}.pslot__input:-webkit-autofill:hover{-webkit-box-shadow:none;box-shadow:none;-webkit-text-fill-color:var(--ink-900);caret-color:var(--pos);background:0 0;outline:none}.pslot__input:-webkit-autofill:focus{-webkit-box-shadow:none;box-shadow:none;-webkit-text-fill-color:var(--ink-900);caret-color:var(--pos);background:0 0;outline:none}.pslot__input:disabled{opacity:1;-webkit-text-fill-color:var(--ink-900)}.pslot__dash{border-radius:var(--r-full);background:var(--pos);opacity:.4;height:3px;transition:opacity var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);display:block}.pslot:focus-within .pslot__dash{opacity:1;box-shadow:0 0 0 3px var(--pos)}@supports (color:color-mix(in lab, red, red)){.pslot:focus-within .pslot__dash{box-shadow:0 0 0 3px color-mix(in srgb, var(--pos) 20%, transparent)}}.pslot.is-filled .pslot__dash{opacity:1}.pslot__punct{height:calc(var(--text-slot) * 1.45);font-family:var(--font-mono);font-size:var(--text-slot);color:var(--ink-300);-webkit-user-select:none;user-select:none;align-self:flex-start;align-items:center;display:inline-flex}.pslot.is-ok .pslot__dash{background:var(--ok);opacity:1}.pslot.is-bad .pslot__dash{background:var(--bad);opacity:1;box-shadow:0 0 0 3px var(--bad-bg)}.pslot.is-bad .pslot__input{color:var(--bad);-webkit-text-fill-color:var(--bad)}.pslot.is-readonly .pslot__input{cursor:default;color:var(--ok);-webkit-text-fill-color:var(--ok)}.pslot.is-readonly .pslot__dash{background:var(--ok);opacity:1}.pslot.is-bad.is-empty .pslot__dash{background:0 0;background-image:repeating-linear-gradient(90deg, var(--bad) 0 5px, transparent 5px 9px);box-shadow:none}.pslot.is-bad>.wbubble{opacity:0;transform:translate(-44%)scale(.55)}.pslot.is-bad.is-revealed>.wbubble{opacity:1;transform:translate(-44%)scale(1)}@keyframes diff-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.panswer-key{margin-top:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line);display:none}.panswer-key.is-on{animation:diff-in var(--dur) var(--ease-out);display:block}.panswer-key__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-400)}.panswer-key__text{margin-top:var(--s-2);font-family:var(--font-mono);font-size:var(--text-md);color:var(--ink-900)}.pverdict{align-items:center;gap:var(--s-5);margin-top:var(--s-5);font-size:var(--text-base);font-weight:var(--w-semi);opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);display:flex;transform:translateY(6px)}.pverdict.is-on{opacity:1;transform:none}.pverdict__ok,.pverdict__bad{align-items:center;gap:6px;display:inline-flex}.pverdict__ok{color:var(--ok)}.pverdict__bad{color:var(--bad)}.pverdict__time{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--w-normal);color:var(--ink-400);margin-left:auto}.pfoot{align-items:center;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.pfoot__spacer{margin-left:auto}.pfoot__hint{color:var(--bad);font-size:var(--text-sm);font-weight:var(--w-medium)}.pkeys{justify-content:center;gap:var(--s-4);width:min(700px,100%);margin:0 auto var(--s-6);padding:var(--s-3) var(--s-4);border-radius:var(--r-full);background:var(--glass-strip);box-shadow:inset 0 0 0 1px var(--line);display:flex}.pkeys__item{align-items:center;gap:var(--s-2);color:var(--ink-500);font-size:var(--text-xs);font-weight:var(--w-medium);display:inline-flex}.pkeys kbd{border-radius:var(--r-xs);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--w-semi);color:var(--ink-700);padding:2px 6px}.ptool{padding:9px var(--s-4);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:var(--w-semi);color:var(--ink-600);box-shadow:inset 0 0 0 1px var(--line-strong);transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);align-items:center;gap:6px;display:inline-flex}.ptool:hover{color:var(--ink-900);background:var(--ink-50);box-shadow:inset 0 0 0 1px var(--mint-300)}.ptool:disabled{opacity:.45;cursor:not-allowed}.ptool kbd{border-radius:var(--r-xs);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--w-semi);color:var(--ink-500);padding:2px 6px}.pdone{text-align:center;justify-items:center;gap:var(--s-5);padding:var(--s-8) var(--s-6);display:none}.pdone.is-on{display:grid}.pdone__rings{place-items:center;display:grid}.pdone__title{font-size:var(--text-2xl);font-weight:var(--w-black);letter-spacing:var(--ls-tight);color:var(--ink-900)}.pdone__lede{max-width:400px;font-size:var(--text-base);line-height:var(--lh-loose);color:var(--ink-500)}.pdone__lede kbd{border-radius:var(--r-xs);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--w-semi);color:var(--ink-700);padding:2px 6px}.pdone__snap{gap:var(--s-3);width:100%;margin-top:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pdone__words{width:100%;margin-top:var(--s-3);padding:var(--s-5);border-radius:var(--r-lg);background:var(--coral-100);box-shadow:inset 0 0 0 1px var(--coral-200);text-align:left}.pdone__words-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--coral-700)}.pdone__words-list{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.pdone__word{padding:4px var(--s-3);border-radius:var(--r-full);background:var(--bg-elevated);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--w-semi);color:var(--coral-700);box-shadow:inset 0 0 0 1px var(--coral-200)}.pdone__plan{max-width:460px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-normal);color:var(--ink-400)}.pdone .unlock{width:100%;margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--line);text-align:left}.pkeys{left:50%;bottom:max(var(--s-5), env(safe-area-inset-bottom));z-index:var(--z-sticky);align-items:center;gap:var(--s-1);max-width:min(860px, calc(100vw - var(--s-8)));padding:7px var(--s-2);border-radius:var(--r-full);background:#ffffffe0;display:flex;position:fixed;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.pkeys{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent)}}.pkeys{-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-md)}.pkeys__strip{align-items:center;gap:var(--s-5);padding-inline:var(--s-2);scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.pkeys__strip::-webkit-scrollbar{display:none}.pkeys__item{align-items:center;gap:var(--s-2);white-space:nowrap;font-size:var(--text-xs);color:var(--ink-500);display:inline-flex}.pkeys__nav{width:28px;height:28px;color:var(--ink-400);transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.pkeys__nav:hover{color:var(--ink-900);background:var(--ink-50)}.pkeys:not(.is-scrollable) .pkeys__nav{display:none}@media (max-width:640px){.pkeys{gap:var(--s-3);margin-inline:var(--s-4);width:auto}.pbar{gap:var(--s-3);padding-inline:var(--s-4)}.pbar__unit{display:none}.pstage{padding:var(--s-6) var(--s-4) calc(var(--s-9) + 44px);align-items:flex-start}.pcard{padding:var(--s-6) var(--s-5);border-radius:var(--r-xl)}.pslots{gap:var(--s-5) var(--s-3);padding:var(--s-5) var(--s-4)}.pfoot .btn{flex:1}.pfoot__spacer{display:none}}.settings-panel{max-width:760px}.settings-shortcut{justify-content:space-between;align-items:center;gap:var(--s-6);padding:var(--s-5);border-radius:var(--r-lg);background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--line);display:flex}.settings-shortcut__label{font-size:var(--text-base);font-weight:var(--w-semi);color:var(--ink-900)}.settings-shortcut__note{margin-top:var(--s-1);color:var(--ink-500);font-size:var(--text-sm);line-height:var(--lh-normal)}.settings-shortcut__control{align-items:center;gap:var(--s-2);flex-shrink:0;display:flex}.settings-shortcut__input{width:148px;padding:9px var(--s-3);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-800);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--w-semi);text-align:center;cursor:pointer;transition:box-shadow var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out)}.settings-shortcut__input:focus{background:var(--mint-50);box-shadow:inset 0 0 0 1px var(--mint-400), var(--shadow-sm);outline:none}.settings-budget{margin-top:var(--s-4)}.settings-budget__control{align-items:center;gap:var(--s-2);color:var(--ink-500);font-size:var(--text-sm);font-weight:var(--w-medium);flex-shrink:0;display:inline-flex}.settings-budget__input{width:96px;padding:9px var(--s-3);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-800);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--w-semi);text-align:center}.settings-budget__input:focus{background:var(--mint-50);box-shadow:inset 0 0 0 1px var(--mint-400), var(--shadow-sm);outline:none}.settings-panel .row{margin-top:var(--s-5);justify-content:flex-end}.settings-panel .formerr,.settings-panel .formok{margin-top:var(--s-4)}.formok{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line);color:var(--ok);font-size:var(--text-sm);font-weight:var(--w-medium)}@media (max-width:560px){.settings-shortcut{flex-direction:column;align-items:stretch}.settings-shortcut__control,.settings-budget__control{justify-content:space-between}.settings-shortcut__input{width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}