:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5;--ui-bg:#fafafa;--ui-card:#fff;--ui-ink:#171717;--ui-subtle:#737373;--ui-line:#e5e5e5;color:var(--ui-ink);background:var(--ui-bg);color-scheme:light}html[data-theme=dark]{--ui-bg:#171717;--ui-card:#252525;--ui-ink:#f5f5f5;--ui-subtle:#a3a3a3;--ui-line:#404040;color:var(--ui-ink);background:var(--ui-bg);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px}a{color:inherit}a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}h1,h2{font-weight:590;letter-spacing:-.04em;line-height:1.14;margin:0}h1{font-size:clamp(2.6rem,5vw,4.6rem)}h2{font-size:clamp(1.55rem,3vw,2.25rem)}p{margin-top:0}.overline,.eyebrow{display:block;font-size:.7rem;letter-spacing:.13em;font-weight:690;text-transform:uppercase;color:var(--ui-subtle);margin-bottom:12px}.app-shell{min-height:100dvh;max-width:1400px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,4vw,56px);border-bottom:1px solid var(--ui-line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:22px;font-weight:720;letter-spacing:-.04em}.brand-symbol{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--ui-ink);color:var(--ui-bg);font-size:24px}.brand small{display:block;font-size:9px;line-height:1.2;letter-spacing:.1em;color:var(--ui-subtle)}.topbar-aside{font-size:.8rem;color:var(--ui-subtle)}.app-nav{padding:14px clamp(20px,4vw,56px);border-bottom:1px solid var(--ui-line);background:var(--ui-bg)}main{max-width:1080px;margin:auto;padding:32px clamp(18px,4vw,54px) 70px;min-height:70vh}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:start}.practice{grid-column:1/-1;background:var(--ui-card);border:1px solid var(--ui-line);border-radius:20px;padding:clamp(26px,4vw,50px)}.hero-top{display:flex;justify-content:space-between;gap:12px}.quiet-status{font-size:.78rem;color:var(--ui-subtle);white-space:nowrap}.quiet-status span{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px}.practice h1{max-width:650px;margin:35px 0 15px}.practice h1 em{font-style:normal}.pace,.intro{color:var(--ui-subtle);font-size:.9rem}.pace{margin-bottom:30px}.session-info{display:flex;max-width:550px;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);margin-bottom:27px}.session-info>div{flex:1;display:grid;padding:15px 20px 15px 0;min-width:0}.session-info>div+div{border-left:1px solid var(--ui-line);padding-left:20px}.session-info strong{font-size:1.6rem;font-weight:610;line-height:1.2}.session-info strong small{font-size:.8rem}.session-info span{font-size:.75rem;color:var(--ui-subtle)}.app-fluid-controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.switch-wrap{display:flex;align-items:center}.kind-progress{font-size:.8rem;color:var(--ui-subtle);margin-top:26px;display:flex;gap:10px;align-items:center}.kind-progress p{margin:0}.kind-progress strong{color:var(--ui-ink)}.progress-mark{font-size:1.1rem}.reference{padding-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px}.count{font-size:.74rem;color:var(--ui-subtle);white-space:nowrap}.intro{margin:10px 0 25px}.pattern-list{border-top:1px solid var(--ui-line)}.fluid-pattern-row{display:flex;gap:12px;align-items:center;min-width:0}.fluid-pattern-copy{display:flex;flex-direction:column;min-width:0}.fluid-pattern-copy span:first-child{font-size:1rem;color:var(--ui-ink)}.fluid-pattern-copy span:last-child{font-size:.78rem;color:var(--ui-subtle)}.number{font-size:.75rem;color:var(--ui-subtle);font-variant-numeric:tabular-nums}.fluid-pattern-note{padding:5px 0 8px;color:var(--ui-subtle);font-size:.88rem}.fluid-pattern-note p{margin-bottom:0}.card-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.source{font-size:.75rem;color:var(--ui-subtle);margin:20px 0;line-height:1.7}.deck-note{border:1px solid var(--ui-line);background:var(--ui-card);border-radius:18px;padding:24px;margin-top:35px}.deck-note h2{font-size:1.4rem;margin-bottom:12px}.deck-note p{font-size:.85rem;color:var(--ui-subtle)}.secondary,.text-button,.card-actions button:not([class]),.filters button,.settings button,.end button{font:inherit;cursor:pointer;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-card);color:var(--ui-ink);min-height:44px;padding:9px 14px}.secondary{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.85rem}.text-button{border:0;background:none;color:var(--ui-subtle);text-decoration:underline;font-size:.82rem;padding:6px}.review-panel{max-width:660px;margin:auto;background:var(--ui-card);border:1px solid var(--ui-line);border-radius:20px;padding:clamp(22px,4vw,42px);min-height:min(670px,calc(100dvh - 220px));text-align:center;display:flex;flex-direction:column}.review-top,.timer-line{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.timer-line{border-bottom:1px solid var(--ui-line);padding:10px 0;font-size:.8rem;color:var(--ui-subtle)}.review-top .eyebrow{margin:0}.recall{color:var(--ui-subtle);font-size:.85rem;margin:clamp(38px,7vh,70px) 0 18px}.flash-pt{font-size:clamp(2.1rem,5vw,3rem);margin-bottom:25px;overflow-wrap:anywhere}.flash-en{font-size:1.2rem;font-weight:550}.note,.examples{background:var(--ui-bg);color:var(--ui-subtle);border:1px solid var(--ui-line);border-radius:12px;padding:18px;text-align:left;font-size:.86rem}.examples p{margin-bottom:10px}.examples small,.word-examples small{display:block;font-size:.78rem;color:var(--ui-subtle)}.recall-hint,.rating-hint{font-size:.82rem;color:var(--ui-subtle);margin:20px 0}.review-panel #fluid-reveal{margin-top:auto}.fluid-ratings{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.review-panel .card-actions{justify-content:center}.session-count{font-size:.74rem;color:var(--ui-subtle);margin:26px 0 0}.end{align-items:center;justify-content:center}.end p:not(.eyebrow){color:var(--ui-subtle)}.soft-break{padding:15px;border:1px solid var(--ui-line);border-radius:12px;margin:12px 0}.soft-break button{font:inherit;border:1px solid var(--ui-line);background:var(--ui-bg);padding:8px;border-radius:8px}.filters{display:flex;gap:7px;margin:24px 0;flex-wrap:wrap}.filters button[aria-pressed=true]{background:var(--ui-line)}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-grid details{background:var(--ui-card);border:1px solid var(--ui-line);border-radius:12px}.word-grid summary{display:flex;justify-content:space-between;align-items:center;min-height:70px;gap:12px;padding:13px;list-style:none;cursor:pointer}.word-grid summary::-webkit-details-marker{display:none}.pt{font-weight:550;display:block}.translation{font-size:.78rem;color:var(--ui-subtle);display:block}.word-examples{padding:0 13px 16px}.word-examples p{border-top:1px solid var(--ui-line);padding:10px 0;margin:0;font-size:.85rem}.settings{max-width:680px;margin:auto}.settings h1{font-size:2.4rem;margin-bottom:30px}.settings form{background:var(--ui-card);border:1px solid var(--ui-line);border-radius:18px;padding:25px}.settings label{display:block;margin-bottom:25px;font-weight:580}.settings label small{display:block;color:var(--ui-subtle);font-size:.8rem;font-weight:400}.settings select{display:block;width:100%;padding:12px;border:1px solid var(--ui-line);border-radius:10px;margin-top:10px;color:var(--ui-ink);background:var(--ui-bg);min-height:48px}.install-note{margin-top:35px;color:var(--ui-subtle);font-size:.85rem}.install-note h2{color:var(--ui-ink);font-size:1.5rem}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--ui-line);padding:20px clamp(20px,4vw,56px);font-size:.72rem;color:var(--ui-subtle)}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:var(--ui-card);z-index:100}.skip:focus{top:10px}.storage-warning{padding:15px;border:1px solid var(--ui-line);border-radius:12px}[hidden]{display:none!important}@media(max-width:850px){.home-grid{grid-template-columns:1fr}.deck-note{margin:0}}@media(max-width:700px){.app-shell{padding-bottom:calc(75px + env(safe-area-inset-bottom))}.topbar{padding:14px 19px;border:0}.topbar-aside{display:none}.app-nav{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:20;padding:10px;display:flex;justify-content:center;border:1px solid var(--ui-line);border-radius:17px;background:var(--ui-card);box-shadow:0 10px 25px #00000014}main{padding:8px 16px 32px}.practice{padding:24px 21px;border-radius:17px}.hero-top,.quiet-status{font-size:.7rem}.practice h1{font-size:clamp(2.3rem,10vw,3.5rem);margin:30px 0 12px}.session-info>div{padding:13px 8px 13px 0}.session-info>div+div{padding-left:10px}.session-info strong{font-size:1.4rem}.session-info span{font-size:.68rem}.app-fluid-controls{flex-direction:column;align-items:stretch;gap:14px}.kind-progress{margin-top:18px}.reference{padding:32px 2px 0}.section-heading h2{font-size:1.55rem}.intro{font-size:.8rem}.fluid-pattern-copy span:first-child{font-size:.9rem}.fluid-pattern-copy span:last-child{font-size:.72rem}.fluid-pattern-note{font-size:.82rem}.deck-note{margin:5px 2px}.word-grid{grid-template-columns:1fr}.review-panel{padding:22px 18px;min-height:calc(100dvh - 195px)}.flash-pt{font-size:2.1rem}.settings h1{font-size:2rem}.settings form{padding:21px}footer{border:0;padding:8px 20px 20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}