@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f4efe5;--bg-deep:#dbe7e0;--panel:#faf7f1c7;--panel-strong:#ebf4efeb;--edge:#0f4a4429;--ink:#172926;--muted:#4d6660;--muted-strong:#31544d;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:18px/1.5 Manrope,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background-color:var(--bg);background-image:radial-gradient(circle at top, #ecaa4333, transparent 30%), linear-gradient(180deg, var(--bg) 0%, #eef3ec 55%, var(--bg-deep) 100%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2{color:var(--ink);margin:0;font-family:Fraunces,serif;line-height:1.02}h1{letter-spacing:-.06em;max-width:13ch;margin:.35rem 0 1rem;font-size:clamp(3rem,7vw,5.8rem)}h2{letter-spacing:-.04em;font-size:clamp(1.4rem,2vw,2rem)}p{color:var(--muted);margin:0}button,textarea{font:inherit}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 72px}.hero-panel{padding:28px 32px 12px 28px}.hero-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-panel h1{max-width:none;margin:8px 0 12px;font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.05}.eyebrow,.label{text-transform:uppercase;letter-spacing:.18em;color:var(--muted-strong);font-size:.76rem}.lede{max-width:58rem;font-size:1.08rem}.mode-switch{flex-wrap:wrap;gap:12px;margin-top:22px;margin-bottom:10px;display:flex}.account-tools{justify-items:center;gap:8px;display:grid}.account-greeting{color:var(--muted-strong);white-space:nowrap;font-size:.94rem}.account-tool-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.account-page{gap:18px;display:grid}.loading-panel{text-align:center;background:#ffffff85;border:1px solid #1048421a;border-radius:24px;justify-items:center;gap:10px;padding:42px 24px;display:grid}.loading-panel strong{color:var(--ink);font-size:1.05rem}.loading-panel span{color:var(--muted-strong);max-width:30rem}.loading-panel-compact{padding:34px 24px}.loading-spinner{border:3px solid #0f766e24;border-top-color:#0f766e;border-radius:999px;width:34px;height:34px;animation:.85s linear infinite loading-spin}.leaderboard-page{gap:14px;display:grid}.leaderboard-toolbar{flex-wrap:wrap;gap:10px;display:flex}.leaderboard-note{color:var(--muted-strong);margin:0}.leaderboard-table{background:#ffffff85;border:1px solid #1048421a;border-radius:24px;gap:8px;padding:18px;display:grid}.leaderboard-row{background:#fffcf6a8;border-radius:18px;grid-template-columns:48px minmax(0,1.8fr) 88px 88px 96px;align-items:center;gap:12px;padding:12px 14px;display:grid}.leaderboard-row strong,.leaderboard-head span{color:var(--ink)}.leaderboard-sort{color:var(--ink);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:700}.leaderboard-row span{color:var(--muted-strong)}.leaderboard-head{background:#0f766e14;border:1px solid #0f766e1f}.leaderboard-more{justify-content:center;padding-top:8px;display:flex}.account-editor,.account-chart-card{background:#ffffff85;border:1px solid #1048421a;border-radius:24px;padding:18px}.account-editor{gap:10px;display:grid}.account-editor-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-input{min-width:min(420px,100%);color:var(--ink);background:#fffcf6eb;border:1px solid #10484229;border-radius:18px;flex:320px;padding:14px 16px}.account-input:focus{border-color:#0f766e57;outline:2px solid #0f766e42}.account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-chart-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.account-chart-header span{color:var(--muted-strong);font-size:.88rem}.account-chart-header h3{letter-spacing:-.03em;margin:6px 0 0;font-family:Fraunces,serif;font-size:1.35rem}.account-chart{width:100%;height:220px;display:block}.account-chart-wrap{position:relative}.account-chart-area{fill:#14b8a61f}.account-chart-line{fill:none;stroke:#0f766e;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.account-chart-grid{stroke:#1048421f;stroke-width:1px}.account-chart-axis{stroke:#10484233;stroke-width:1.5px}.account-chart-axis-label{fill:var(--muted-strong);font-size:.8rem}.account-chart-point{fill:#f8fffd;stroke:#0f766e;stroke-width:2.5px;cursor:pointer;transition:r .14s,fill .14s}.account-chart-point.active{fill:#14b8a6}.account-chart-tooltip{color:#f8fffd;pointer-events:none;white-space:nowrap;background:#122320eb;border-radius:14px;gap:2px;padding:10px 12px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 14px 28px #12232029}.account-chart-tooltip strong{font-size:.92rem}.account-chart-tooltip span{color:#f8fffdc2;font-size:.8rem}.account-empty{color:var(--muted-strong)}.group-panel,.group-create-grid,.group-membership-list{gap:12px;display:grid}.group-membership-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.group-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.group-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-form-card,.group-card{background:#fffcf6a8;border:1px solid #1048421a;border-radius:18px;gap:8px;padding:16px;display:grid}.group-card span{color:var(--muted-strong);font-size:.82rem}.group-card strong{color:var(--ink);font-size:1.05rem}.group-card small{color:var(--muted-strong);font-size:.84rem}.mode-button,.race-button{color:var(--ink);cursor:pointer;background:#ffffff8c;border:1px solid #10484224;border-radius:999px;padding:.78rem 1.1rem;font-weight:700}.mode-button.active,.race-button{color:#f5fffe;background:linear-gradient(135deg,#0f766e,#164e63);border-color:#0000}.race-panel{margin-bottom:18px}.race-join,.race-waiting,.race-scoreboard{background:#ffffff73;border:1px solid #10484217;border-radius:22px;padding:18px}.race-join,.race-waiting{justify-content:space-between;align-items:center;gap:16px;display:flex}.race-join-actions,.invite-share-box{gap:10px;display:grid}.invite-share-box{max-width:360px}.invite-share-box span{color:var(--muted-strong);font-size:.82rem}.invite-share-box strong{overflow-wrap:anywhere;font-size:.92rem}.race-scoreboard{gap:14px;display:grid;position:relative}.duel-board{background:linear-gradient(#fffbf4f0,#f6f0e6eb),radial-gradient(circle at 0 0,#0f766e14,#0000 42%);border:1px solid #1048421f;border-radius:24px;gap:14px;margin-bottom:18px;padding:18px;display:grid}.duel-lane{gap:10px;display:grid}.duel-lane-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.duel-lane-header span{color:var(--muted-strong);font-size:.82rem}.duel-lane-header strong{color:var(--ink);font-size:.9rem}.duel-divider{background:linear-gradient(90deg,#0000,#10484224,#0000);height:1px}.duel-words{border:1px solid #1048421a;border-radius:18px;flex-wrap:wrap;align-content:flex-start;gap:10px;height:132px;padding:16px;display:flex;overflow:hidden}.duel-words-opponent{background:#c3713d14}.duel-words-self{background:#0f766e14}.duel-word{color:#26443f8a;border:1px solid #0000;border-radius:999px;flex-wrap:nowrap;align-items:center;gap:.02em;padding:.42rem .72rem;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex}.duel-word.clickable,.prompt-word.clickable{cursor:text}.duel-word.clickable:hover,.prompt-word.clickable:hover{border-color:#0f766e38}.duel-word.pending{color:#122320bd;background:#ffffffbd}.duel-word.self.active,.duel-word.opponent.active{color:#6b4f08;background:#f4c4302e;border-color:#ca8a044d;transform:translateY(-1px);box-shadow:0 0 0 3px #f4c4301f}.duel-word.self.correct,.duel-word.opponent.correct{color:#0c4a3b;background:#18916f29;border-color:#18916f47}.duel-word.self.wrong,.duel-word.opponent.wrong{color:#8c2f14;background:#d6623c24;border-color:#d6623c47}.duel-lane.self .duel-lane-header strong{color:#0f766e}.duel-lane.opponent .duel-lane-header strong{color:#c2410c}.race-countdown,.race-rematch-actions,.race-ready-box{background:#0f766e14;border:1px solid #0f766e1f;border-radius:18px;padding:14px 16px}.race-ready-box{justify-content:space-between;align-items:center;gap:16px;display:flex}.race-countdown strong{font-size:1.35rem}.race-countdown-overlay{z-index:20;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #1223202e}.race-track-card{gap:12px;display:grid}.race-track-header,.race-track-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.race-track-header span,.race-track-footer span{color:var(--muted-strong);font-size:.82rem}.race-track-header span:last-child,.race-track-footer span:last-child{text-align:right}.race-track-header strong{color:var(--ink);text-align:center;font-size:1rem}.shared-race-track{background:linear-gradient(90deg,#0f766e14,#0f766e24),repeating-linear-gradient(90deg,#0000 0 calc(20% - 1px),#1048421f calc(20% - 1px) 20%);border:1px solid #1048421a;border-radius:999px;height:54px;position:relative;overflow:visible}.shared-race-track-fill{background:#10484214;border-radius:999px;position:absolute;inset:20px 12px}.shared-race-marker{white-space:nowrap;border-radius:999px;padding:.34rem .66rem;font-size:.76rem;font-weight:800;transition:left .14s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 10px 22px #12232024}.shared-race-marker.self{color:#f5fffe;z-index:2;background:linear-gradient(135deg,#0f766e,#14b8a6)}.shared-race-marker.opponent{color:#fff7ed;z-index:1;background:linear-gradient(135deg,#c2410c,#f97316);top:calc(50% + 16px)}.shared-race-finish{color:var(--muted-strong);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;position:absolute;top:8px;right:10px}.race-result{border-radius:20px;gap:4px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.race-result strong{letter-spacing:.04em;text-transform:uppercase;font-size:1.05rem}.race-result span{color:var(--muted-strong)}.race-result.won{color:#064e3b;background:radial-gradient(circle at 18% 22%,#fbbf2447,#0000 22%),radial-gradient(circle at 82% 28%,#14b8a633,#0000 20%),linear-gradient(135deg,#10b98124,#facc1529);border:1px solid #10b98138;box-shadow:0 14px 32px #10b9811f}.race-result.won:before,.race-result.won:after{content:"";pointer-events:none;position:absolute;inset:0}.race-result.won:before{opacity:.9;background:radial-gradient(circle at 12% 72%,#facc15e6 0 4px,#0000 5px),radial-gradient(circle at 28% 18%,#14b8a6e6 0 3px,#0000 4px),radial-gradient(circle at 64% 24%,#fbbf24e6 0 3px,#0000 4px),radial-gradient(circle at 78% 72%,#10b981d9 0 4px,#0000 5px),radial-gradient(circle at 90% 38%,#f59e0bd9 0 3px,#0000 4px)}.race-result.won:after{background:linear-gradient(120deg,#0000 25%,#ffffff73 50%,#0000 75%);animation:1.6s ease-out infinite victory-shine;transform:translate(-130%)}.race-result.lost{color:#7c2d12;background:linear-gradient(135deg,#f9731614,#fbbf240f);border:1px solid #f9731629}@keyframes loading-spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f252157;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.recovery-modal{background:#faf7f1f5;border:1px solid #1048421f;border-radius:28px;gap:14px;width:min(560px,100vw - 32px);padding:24px;display:grid;box-shadow:0 28px 60px #12232038}.recovery-copy{max-width:44ch}.recovery-warning{background:#f9731614;border:1px solid #f9731624;border-radius:20px;gap:12px;padding:16px;display:grid}.recovery-divider{background:#1048421f;height:1px;margin:4px 0 2px}.recovery-input{resize:vertical;width:100%;color:var(--ink);background:#fffcf6eb;border:1px solid #10484229;border-radius:20px;padding:16px 18px}.recovery-input-secret{resize:none;min-height:0}.recovery-input:focus{border-color:#0f766e57;outline:2px solid #0f766e42}.recovery-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.recovery-actions-split{justify-content:flex-end}@keyframes victory-shine{to{transform:translate(130%)}}.workspace{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.site-footer{color:var(--muted-strong);justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:.92rem;display:flex}.footer-link-button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:.18em;background:0 0;border:0;padding:0;text-decoration:underline}.legal-modal{width:min(700px,100vw - 32px)}.legal-copy{color:var(--muted-strong);gap:12px;line-height:1.6;display:grid}.legal-copy p{margin:0}.practice-card,.stats-card{border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #1223201f}.practice-card{border-radius:28px;padding:28px}.stats-card{border-radius:24px;padding:24px;position:sticky;top:20px}.card-header{align-items:start;gap:16px;margin-bottom:22px;display:flex}.prompt{background:var(--panel-strong);border:1px solid #0d544c1f;border-radius:22px;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:24px;display:flex}.prompt-word{color:#26443f8a;background:#ffffffa6;border:1px solid #0000;border-radius:999px;flex-wrap:nowrap;align-items:center;gap:.02em;padding:.45rem .75rem;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex}.prompt-word.active{color:#6b4f08;background:#f4c4302e;border-color:#ca8a044d;transform:translateY(-1px);box-shadow:0 0 0 3px #f4c4301f}.prompt-word.correct{color:#0c4a3b;background:#18916f29;border-color:#18916f47}.prompt-word.wrong{color:#8c2f14;background:#d6623c24;border-color:#d6623c47}.prompt-letter{color:inherit;transition:color .12s,opacity .12s}.prompt-letter.pending{opacity:.58}.prompt-letter.correct{color:#0f766e;opacity:1}.prompt-letter.wrong,.prompt-letter.missing,.prompt-letter.overflow{color:#c2410c;opacity:1}.prompt-letter.missing{text-decoration:line-through;text-decoration-thickness:1.5px}.prompt-letter.overflow{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1.5px}.prompt-caret{border-left:2px solid #0f766e;width:0;min-height:1.15em;margin:0 -1px;animation:1s step-end infinite prompt-caret-blink}@keyframes prompt-caret-blink{0%,45%{opacity:1}46%,to{opacity:0}}.input-label{color:var(--muted-strong);margin-bottom:10px;display:block}.toast-stack{z-index:40;gap:10px;width:min(380px,100vw - 24px);display:grid;position:fixed;bottom:20px;right:20px}.toast{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;justify-content:space-between;align-items:start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 18px 38px #1223202e}.toast span{color:#fff7ed;line-height:1.45}.toast-error{background:#92400ef0;border:1px solid #fbbf2438}.toast-dismiss{color:#fff7ede0;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.2rem;line-height:1}.attempt-panel{border-top:1px solid #1048421f;margin-top:22px;padding-top:22px}.metric-strip,.stat-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric{background:#ffffff8c;border:1px solid #10484214;border-radius:18px;padding:14px 16px}@media (height<=1100px){.shell{padding:20px 0 28px}.hero-panel{padding:18px 24px 8px 14px}.mode-switch{gap:8px;margin-top:12px;margin-bottom:8px}.account-tools{gap:8px}.account-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.group-create-grid,.group-membership-row{grid-template-columns:1fr}.group-row-actions{justify-content:flex-start}.leaderboard-row{grid-template-columns:38px minmax(0,1.4fr) 70px 70px 82px;gap:8px;padding:10px 12px;font-size:.9rem}.account-editor,.account-chart-card{padding:14px}.race-panel,.duel-board,.prompt{margin-bottom:10px}.race-join,.race-waiting,.race-scoreboard,.duel-board,.practice-card,.stats-card{padding:14px}.race-scoreboard,.race-track-card,.duel-board,.duel-lane{gap:8px}.race-ready-box,.race-countdown,.race-rematch-actions{padding:10px 12px}.shared-race-track{height:40px}.shared-race-track-fill{inset:14px 10px}.shared-race-marker{padding:.24rem .5rem;font-size:.68rem}.shared-race-marker.opponent{top:calc(50% + 11px)}.duel-words,.prompt{gap:7px;padding:12px}.duel-words{height:104px}.duel-word,.prompt-word{padding:.28rem .56rem;font-size:.88rem}.duel-lane-header span,.duel-lane-header strong,.race-track-header span,.race-track-footer span,.race-track-header strong,.input-label,.invite-share-box span,.invite-share-box strong{font-size:.8rem}.card-header{margin-bottom:12px}.metric-strip,.stat-list{gap:8px}.metric{padding:10px 12px}}.metric span{color:var(--muted-strong);margin-bottom:6px;font-size:.82rem;display:block}.metric strong{color:var(--ink);font-size:1.4rem}.metric.large strong{font-size:1.6rem}.word-grid,.focus-list{gap:10px;margin-top:18px;display:grid}.word-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.word-chip{border:1px solid #0000;border-radius:18px;padding:12px 14px}.word-chip span,.word-chip small{display:block}.word-chip.good{background:#148f6b1f;border-color:#148f6b2e}.word-chip.bad{background:#d6623c1f;border-color:#d6623c2e}.focus-row{border-bottom:1px solid #10484214;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.focus-row strong,.focus-row span{display:block}.focus-row span{color:var(--muted-strong);font-size:.88rem}.mastery-pill{text-align:center;color:#0f513f;background:#0c4a3b14;border-radius:999px;min-width:70px;padding:.45rem .7rem;font-weight:700}@media (width<=980px){.shell{width:min(100%,100% - 20px);padding:20px 0 48px}.hero-panel{padding:20px 12px}.workspace{grid-template-columns:1fr}.stats-card{position:static}}@media (width<=640px){.practice-card,.stats-card{border-radius:20px;padding:18px}.card-header{flex-direction:column}.metric-strip,.stat-list{grid-template-columns:1fr}.race-join,.race-waiting{flex-direction:column;align-items:flex-start}.invite-share-box{width:100%;max-width:none}.site-footer{flex-wrap:wrap;gap:8px}}