:root{--ink:#0c3b3a;--ink-soft:#1a5553;--paper:#f3efe4;--paper-2:#e7e0cf;--cream:#faf7f0;--amber:#e8a838;--amber-deep:#c9841a;--coral:#d4654a;--mint:#7cbc9a;--line:#0c3b3a24;--shadow:0 18px 50px #0c3b3a1f;--radius:18px;--font-display:"Bricolage Grotesque", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--vv-bottom:0px;--nav-safe-bottom:max(.75rem, var(--sab), var(--vv-bottom));--bottom-nav-height:3.85rem;--bottom-nav-block:calc(var(--bottom-nav-height) + var(--nav-safe-bottom));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);color:var(--ink);background-color:#0000;background-image:radial-gradient(1200px 600px at 10% -10%,#e8a83847,#0000 55%),radial-gradient(900px 500px at 100% 0,#7cbc9a38,#0000 50%),linear-gradient(165deg,#f7f3e9 0%,#ebe4d4 45%,#e2ddd0 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;overflow:hidden}#root{height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.app-shell{justify-content:center;height:100vh;min-height:100vh;padding:0;display:flex;overflow:hidden}.desktop-content{flex-direction:column;flex:auto;min-height:0;display:flex}.phone-frame{background:#ffffff47;flex-direction:column;width:100%;max-width:480px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0c3b3a0f}.phone-frame__inner,.ptr-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#0c3b3a40 transparent;flex:auto;min-height:0;padding-bottom:.75rem;overflow:hidden auto}.ptr-scroll{position:relative}.ptr-indicator{z-index:2;pointer-events:none;color:#0c3b3a8c;justify-content:center;align-items:flex-end;padding-bottom:.35rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.ptr-indicator__spin{animation:.8s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.ptr-body{min-height:100%}.phone-frame__inner::-webkit-scrollbar{width:4px}.ptr-scroll::-webkit-scrollbar{width:4px}.phone-frame__inner::-webkit-scrollbar-thumb{background:#0c3b3a38;border-radius:99px}.ptr-scroll::-webkit-scrollbar-thumb{background:#0c3b3a38;border-radius:99px}.phone-frame.game-mode .phone-frame__inner{padding-bottom:var(--nav-safe-bottom)}.page{width:100%;margin:0 auto;padding:1rem 1.1rem 1.5rem;animation:.55s both rise}.side-nav,.desk-topbar{display:none}@media (width>=768px){.app-shell{align-items:stretch;padding:1rem}.phone-frame.desktop-shell{background:#ffffff80;border-radius:22px;grid-template-rows:1fr;grid-template-columns:13.5rem 1fr;width:100%;max-width:min(1100px,100%);height:calc(100dvh - 2rem);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 0 0 1px #0c3b3a14,0 18px 48px #0c3b3a1f}.phone-frame.desktop-shell.game-mode,.phone-frame.desktop-shell.onboard-shell{grid-template-columns:1fr}.phone-frame.desktop-shell.game-mode .side-nav,.phone-frame.desktop-shell.game-mode .desk-topbar,.phone-frame.desktop-shell.game-mode .bottom-nav{display:none}.desktop-content{flex-direction:column;min-width:0;min-height:0;display:flex}.desktop-main{flex:auto;min-height:0}.bottom-nav{display:none!important}.side-nav{border-right:1px solid var(--line);background:#faf7f0eb;flex-direction:column;gap:.75rem;padding:1.1rem .85rem 1rem;display:flex;overflow-y:auto}.side-nav__brand{border-bottom:1px solid var(--line);align-items:center;gap:.65rem;margin-bottom:.25rem;padding:.35rem .4rem .85rem;display:flex}.side-nav__brand strong{font-family:var(--font-display);font-size:1.05rem;display:block}.side-nav__brand span:last-child{opacity:.65;font-size:.72rem;display:block}.side-nav__links{flex-direction:column;flex:1;gap:.2rem;display:flex}.side-nav__link{color:#0c3b3ab8;border-radius:12px;align-items:center;gap:.55rem;padding:.55rem .7rem;font-size:.92rem;font-weight:650;transition:background .15s,color .15s;display:flex}.side-nav__link:hover,.side-nav__link:focus-visible{background:#0c3b3a0f}.side-nav__link.active{color:var(--ink);background:#e8a83833}.side-nav__link.featured.active{background:var(--ink);color:var(--cream)}.side-nav__icon{text-align:center;opacity:.85;width:1.25rem}.side-nav__cta{text-align:center;background:var(--ink);color:var(--cream);border-radius:999px;padding:.7rem .75rem;font-size:.9rem;font-weight:700;display:block}.desk-topbar{border-bottom:1px solid var(--line);background:#ffffff8c;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.35rem;display:flex}.desk-topbar__intro{align-items:center;gap:.55rem;display:flex}.desk-topbar__hello{margin:0;font-size:1rem;font-weight:700}.desk-topbar__stats{gap:1.1rem;display:flex}.desk-stat{flex-direction:column;align-items:center;line-height:1.15;display:flex}.desk-stat strong{font-family:var(--font-display);font-size:1.05rem}.desk-stat span{opacity:.65;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.desk-topbar__actions{align-items:center;gap:.55rem;display:flex}.desk-account{background:var(--ink);width:2.35rem;height:2.35rem;color:var(--cream);border:2px solid var(--line);border-radius:50%;place-items:center;font-weight:700;display:grid;overflow:hidden}.desk-account img{object-fit:cover;width:100%;height:100%}.page{max-width:none;padding:1.25rem 1.5rem 1.75rem}.home>.brand-bar{display:none}.home{grid-template-columns:1.2fr .9fr;align-items:start;gap:1rem 1.35rem;display:grid}.home>.status-banner,.home>.continue-mistakes,.home>.auth-nudge,.home>.placement-nudge{grid-column:1/-1}.home>.hero{grid-column:1}.home>.daily-card{grid-area:2/2/span 3;position:sticky;top:.5rem}.home>.quick-actions{grid-column:1}.home>.lesson-card,.home>.levels{grid-column:1/-1}.quick-actions,.level-grid{grid-template-columns:repeat(3,1fr)}.compact-hero h1{font-size:clamp(1.45rem,2.2vw,1.9rem)}.brand-lockup{font-size:clamp(1.85rem,2.8vw,2.4rem)}}@media (width>=1024px){.app-shell{padding:1.25rem 1.5rem}.phone-frame.desktop-shell{border-radius:24px;grid-template-columns:15rem 1fr;max-width:min(1280px,100%);height:calc(100dvh - 2.5rem)}.desk-topbar{padding:.95rem 1.75rem}.page{padding:1.5rem 2rem 2rem}.quick-actions{grid-template-columns:repeat(3,1fr)}.side-nav{padding:1.25rem 1rem 1.1rem}}@media (width>=1280px){.phone-frame.desktop-shell{grid-template-columns:16rem 1fr;max-width:min(1360px,100%)}.quick-actions{grid-template-columns:repeat(6,1fr)}}[data-theme=dark] .side-nav{background:#00000047}[data-theme=dark] .desk-topbar{background:#00000038}[data-theme=dark] .side-nav__cta{background:var(--amber);color:var(--ink)}.page.narrow{max-width:40rem;padding-top:4rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.logo-mark{background:var(--amber);width:1.75rem;height:1.75rem;color:var(--ink);border-radius:.5rem;place-items:center;margin-right:.45rem;font-size:.85rem;font-weight:800;display:inline-grid}.logo-word{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.topbar .logo-word{align-items:center;display:inline-flex}.text-link{opacity:.75;font-weight:600;transition:opacity .2s}.text-link:hover{opacity:1}.hero{grid-template-columns:1fr;align-items:end;gap:1.25rem;min-height:auto;padding:.25rem 0 1.25rem;display:grid}.brand-lockup{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0 0 .5rem;font-size:clamp(2.6rem,12vw,3.6rem);font-weight:800;line-height:.92;animation:.7s both rise}.hero h1{max-width:16ch;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-soft);margin:0 0 .9rem;font-size:clamp(1.45rem,3.2vw,2rem);font-weight:700;line-height:1.2;animation:.75s 80ms both rise}.lede{color:#0c3b3ac7;max-width:34ch;margin:0 0 1.6rem;font-size:1.08rem;line-height:1.55;animation:.75s .14s both rise}.cta-row{flex-wrap:wrap;gap:.75rem;animation:.75s .2s both rise;display:flex}.btn{border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.85rem 1.35rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--ink);color:var(--cream);box-shadow:0 10px 24px #0c3b3a40}.btn.primary:hover{background:var(--ink-soft)}.btn.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn.ghost:hover{border-color:var(--ink);background:#ffffff59}.hero-visual{height:180px;box-shadow:var(--shadow);background:linear-gradient(145deg,#0c3b3aeb,#1a5553d9),repeating-linear-gradient(-12deg,#0000,#0000 12px,#f4e8c80d 12px 13px);border-radius:22px;order:-1;animation:.85s .12s both rise;position:relative;overflow:hidden}.orbit{position:absolute;inset:0}.chip{color:var(--ink);background:#f4e8c8f2;border-radius:999px;padding:.65rem 1rem;font-size:.92rem;font-weight:700;animation:5.5s ease-in-out infinite float;position:absolute;box-shadow:0 8px 20px #0000002e}.chip-a{animation-delay:0s;top:18%;left:12%}.chip-b{background:var(--amber);animation-delay:.6s;top:38%;right:10%}.chip-c{background:var(--mint);animation-delay:1.1s;bottom:22%;left:18%}.chip-d{animation-delay:1.7s;bottom:14%;right:16%}.stats-strip{border-radius:var(--radius);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff73;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.5rem 0 3rem;padding:1.1rem 1.25rem;display:grid}.stats-strip div{flex-direction:column;align-items:center;gap:.15rem;display:flex}.stats-strip strong{font-family:var(--font-display);font-size:1.6rem;font-weight:800}.stats-strip span{opacity:.7;font-size:.85rem}.levels h2,.page-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .4rem;font-size:clamp(1.8rem,4vw,2.4rem)}.section-sub{color:#0c3b3ab8;max-width:42ch;margin:0 0 1.5rem}.level-grid{grid-template-columns:1fr;gap:.85rem;display:grid}.mode-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;width:100%;min-width:0;margin-bottom:1.5rem;display:grid}.mode-grid .mode-card{overflow-wrap:anywhere;min-width:0;max-width:100%}.mode-card.featured{background:linear-gradient(120deg, var(--ink), var(--ink-soft));color:var(--cream);border:none;grid-column:1/-1}.level-tile{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff8c;padding:1.35rem 1.25rem 1.4rem;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.6s both rise;display:block}.level-tile:hover{box-shadow:var(--shadow);border-color:#0c3b3a47;transform:translateY(-4px)}.level-index{font-family:var(--font-display);color:var(--amber-deep);margin-bottom:.8rem;font-weight:800;display:block}.level-tile h3{font-family:var(--font-display);margin:0 0 .45rem;font-size:1.35rem}.level-tile p{color:#0c3b3abf;margin:0 0 1rem;font-size:.95rem;line-height:1.45}.level-tile ul{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.level-tile li{background:#0c3b3a12;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:600}.level-beginner{border-top:4px solid var(--mint)}.level-intermediate{border-top:4px solid var(--amber)}.level-advanced{border-top:4px solid var(--coral)}.tile-meta{font-weight:600;margin-top:.75rem!important;margin-bottom:0!important;font-size:.85rem!important}.site-foot{border-top:1px solid var(--line);opacity:.65;justify-content:space-between;margin-top:3.5rem;padding-top:1.25rem;font-size:.9rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--amber-deep);margin:0 0 .35rem;font-size:.75rem;font-weight:700}.mode-card{border-radius:var(--radius);border:1px solid var(--line);text-align:left;background:#ffffff8c;min-height:4.75rem;padding:1rem .95rem;transition:transform .2s,box-shadow .2s,border-color .15s}@media (hover:hover) and (pointer:fine){.mode-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}}.mode-card h3{font-family:var(--font-display);margin:0 0 .35rem}.mode-card p{opacity:.85;margin:0;font-size:.9rem;line-height:1.4}.back-link{margin-top:.5rem;display:inline-block}.round-meta,.round-count{opacity:.8;font-size:.9rem;font-weight:600}.progress-track{background:#0c3b3a1a;border-radius:999px;height:6px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--amber), var(--mint));height:100%;transition:width .35s}.quiz-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffb8;border-radius:24px;padding:1.6rem 1.5rem 1.75rem;animation:.35s both pop}.topic-tag{letter-spacing:.04em;text-transform:uppercase;background:#e8a83838;border-radius:999px;margin:0 0 .85rem;padding:.3rem .7rem;font-size:.78rem;font-weight:700;display:inline-block}.prompt{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 1.35rem;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.3}.options{gap:.65rem;display:grid}.option{text-align:left;border:2px solid var(--line);background:var(--cream);border-radius:14px;width:100%;padding:.95rem 1.1rem;font-weight:600;transition:border-color .15s,background .15s,transform .15s}.option:hover:not(:disabled){border-color:var(--ink);transform:translate(3px)}.option.correct{border-color:var(--mint);background:#7cbc9a40}.option.wrong{border-color:var(--coral);background:#d4654a26}.feedback{border-radius:14px;margin-top:1.25rem;padding:1rem 1.1rem;animation:.3s both rise}.feedback.good{background:#7cbc9a38}.feedback.bad{background:#d4654a26}.feedback>p:first-child{font-weight:800;font-family:var(--font-display);margin:0 0 .4rem}.explain{opacity:.9;margin:0 0 1rem;line-height:1.5}.scramble-sentence{border:2px dashed var(--line);background:#ffffff80;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.45rem;min-height:3.5rem;margin-bottom:1rem;padding:.85rem;display:flex}.placeholder{opacity:.5;font-style:italic}.scramble-bank{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.word-chip{border:2px solid var(--ink);background:var(--cream);border-radius:999px;padding:.55rem .85rem;font-weight:700}.word-chip.placed{background:var(--amber);border-color:var(--amber-deep)}.scramble-actions{justify-content:flex-end;gap:.65rem;display:flex}.score-card{text-align:center;border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffb3;border-radius:24px;margin-bottom:1.75rem;padding:2rem 1.5rem}.score-card h1{font-family:var(--font-display);letter-spacing:-.04em;margin:.3rem 0;font-size:clamp(3rem,10vw,4.5rem)}.score-card h1 span{opacity:.55;font-size:.45em}.percent{margin:0 0 .75rem;font-size:1.2rem;font-weight:800}.score-msg{max-width:32ch;margin:0 auto 1.35rem;line-height:1.45}.tone-great{border-top:5px solid var(--mint)}.tone-ok{border-top:5px solid var(--amber)}.tone-keep{border-top:5px solid var(--coral)}.score-card .cta-row{justify-content:center}.review-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.review-list li{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;padding:1rem 1.1rem}.review-list li.ok{border-left:4px solid var(--mint)}.review-list li.miss{border-left:4px solid var(--coral)}.review-list strong{font-family:var(--font-display)}.review-list p{margin:.35rem 0 0;line-height:1.45}.review-list .fix{color:var(--coral);font-weight:600}.review-list .explain{opacity:.8;font-size:.95rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.98)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bottom-nav{z-index:40;padding:.45rem max(.25rem, var(--sal)) var(--nav-safe-bottom) max(.25rem, var(--sar));background:var(--cream);border-top:1px solid var(--line);flex:none;grid-template-columns:repeat(5,1fr);gap:.1rem;display:grid;position:relative;box-shadow:0 -8px 24px #0c3b3a0f}.bottom-nav__item{letter-spacing:.01em;color:#0c3b3a8c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-height:3.1rem;padding:.3rem .1rem;font-size:.62rem;font-weight:700;transition:background .15s,color .15s;display:flex}.bottom-nav__icon{font-size:1.05rem;line-height:1}.bottom-nav__item.active{color:var(--ink);background:#e8a83847}.brand-bar{margin-bottom:.75rem}.brand-inline{align-items:center;display:inline-flex}.pill-soft{background:#0c3b3a14;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;font-weight:700}.screen-head{margin-bottom:1.25rem}.screen-head h1{font-family:var(--font-display);letter-spacing:-.03em;margin:.2rem 0 .4rem;font-size:clamp(1.7rem,7vw,2.1rem)}.screen-head p{color:#0c3b3ab8;margin:0;line-height:1.45}.subhead{font-family:var(--font-display);margin:1.25rem 0 .75rem;font-size:1.1rem}.topic-group{margin-bottom:1.35rem}.topic-group h2{text-transform:uppercase;letter-spacing:.08em;color:var(--amber-deep);margin:0 0 .55rem;font-size:.78rem}.topic-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.topic-row{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.5rem;padding:.9rem 1rem;display:flex}.topic-row strong{font-family:var(--font-display);margin-bottom:.15rem;display:block}.topic-row span{color:#0c3b3ab3;font-size:.85rem;line-height:1.35;display:block}.topic-row em{font-style:normal;font-weight:800;font-family:var(--font-display);color:var(--ink-soft);opacity:.7}.chip-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.level-chip{border:2px solid var(--line);background:#fff9;border-radius:999px;padding:.65rem .95rem;font-weight:700}.level-chip:hover{border-color:var(--ink)}.stats-grid{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1rem;display:grid}.stat-card{border:1px solid var(--line);text-align:center;background:#fff9;border-radius:16px;padding:1rem}.stat-card strong{font-family:var(--font-display);font-size:1.6rem;display:block}.stat-card span{opacity:.7;font-size:.8rem}.level-stats{gap:.55rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.level-stats li{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.level-stats strong{font-family:var(--font-display);display:block}.level-stats span{opacity:.7;font-size:.85rem}.btn.small{padding:.55rem .9rem;font-size:.85rem}.btn.block{width:100%}.section-row{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.section-row h2{font-family:var(--font-display);margin:0;font-size:1.35rem}.preview-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.65rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.preview-card{scroll-snap-align:start;border:1px solid var(--line);background:#fff9;border-radius:16px;flex:0 0 68%;padding:1rem}.preview-card strong{font-family:var(--font-display);margin-bottom:.25rem;display:block}.preview-card span{opacity:.65;font-size:.8rem}.level-topics{border-top:4px solid var(--ink)}.option,.word-chip,.btn{touch-action:manipulation}.option{min-height:3.1rem}.round-meta{display:none}@media (width>=480px){.round-meta{display:inline}.preview-card{flex-basis:48%}}.quick-actions{grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:1.25rem;display:grid}.qa-card{border:1px solid var(--line);background:#ffffff9e;border-radius:16px;min-height:4.4rem;padding:.95rem .9rem}.qa-card strong{font-family:var(--font-display);margin-bottom:.2rem;display:block}.qa-card span{opacity:.7;font-size:.8rem}.lesson-card{border:1px solid var(--line);background:#ffffff94;border-radius:18px;margin-bottom:1.5rem;padding:1rem}.lesson-card .section-row select,.level-select-row select,.field select{border:2px solid var(--line);background:var(--cream);font:inherit;border-radius:999px;padding:.45rem .75rem;font-weight:600}.lesson-body h3{font-family:var(--font-display);margin:0 0 .4rem}.lesson-body .rule{font-weight:600;line-height:1.45}.lesson-body ul{margin:.5rem 0;padding-left:1.1rem}.lesson-body .pitfall{opacity:.8;font-size:.92rem}.try-box{background:#0c3b3a0f;border-radius:14px;gap:.55rem;margin-top:.75rem;padding:.85rem;display:grid}.try-box input,.chat-compose input,.writing-box{border:2px solid var(--line);width:100%;font:inherit;background:var(--cream);border-radius:12px;padding:.75rem .85rem}.muted{opacity:.7}.ai-error{color:var(--coral);font-weight:600}.ai-tools{margin-top:1rem}.hint-text,.ai-explain{background:#e8a8382e;border-radius:12px;margin:.65rem 0 0;padding:.75rem .85rem;font-size:.95rem;line-height:1.45}.coach-banner{background:#7cbc9a38;border-radius:12px;margin:0 0 .85rem;padding:.7rem .85rem;font-size:.9rem;font-weight:600}.level-select-row,.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-weight:600;display:flex}.chat-log{flex-direction:column;gap:.55rem;max-height:48vh;padding:.25rem 0 .75rem;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;border-radius:16px;max-width:92%;padding:.8rem .95rem;line-height:1.45}.bubble.user{background:var(--ink);color:var(--cream);border-bottom-right-radius:6px;align-self:flex-end}.bubble.assistant{border:1px solid var(--line);background:#ffffffbf;border-bottom-left-radius:6px;align-self:flex-start}.bubble.typing{opacity:.7;font-style:italic}.starter-row{gap:.45rem;padding-bottom:.55rem;display:flex;overflow-x:auto}.starter{border:1px solid var(--line);background:#ffffffa6;border-radius:999px;flex:none;padding:.45rem .75rem;font-size:.78rem;font-weight:600}.chat-compose{grid-template-columns:1fr auto;gap:.5rem;display:grid;position:sticky;bottom:0}.writing-box{resize:vertical;min-height:8rem;margin-bottom:.75rem}.writing-result{border:1px solid var(--line);background:#ffffffa6;border-radius:16px;margin-top:1.25rem;padding:1rem}.score-pill{background:var(--amber);border-radius:999px;margin-bottom:.5rem;padding:.35rem .7rem;font-weight:800;display:inline-block}.writing-result h3{font-family:var(--font-display);margin:.9rem 0 .35rem;font-size:1rem}.corrected{background:#7cbc9a33;border-radius:12px;padding:.75rem;line-height:1.45}.issue-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.issue-list li{background:#d4654a1a;border-radius:12px;padding:.7rem .8rem;line-height:1.4}.issue-list span{opacity:.8;margin-top:.25rem;font-size:.9rem;display:block}.praise{font-weight:600}.mode-card.selected{border-color:var(--ink);box-shadow:0 0 0 2px #e8a83873}.speak-modes{margin-bottom:1rem}.speak-log{max-height:36vh}.target-line{background:#e8a83833;border-radius:16px;gap:.35rem;margin:0 0 .75rem;padding:.85rem 1rem;display:grid}.target-line span{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.target-line strong{font-family:var(--font-display);font-size:1.15rem;line-height:1.35}.speak-scores{grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.75rem 0;display:grid}.speak-scores div{text-align:center;border:1px solid var(--line);background:#fff9;border-radius:12px;padding:.55rem .2rem}.speak-scores strong{font-family:var(--font-display);font-size:1.15rem;display:block}.speak-scores span{opacity:.7;font-size:.65rem}.speak-dock{gap:.55rem;margin-top:.75rem;display:grid;position:sticky;bottom:.25rem}.mic-btn{background:var(--ink);min-height:4.2rem;color:var(--cream);font-family:var(--font-display);border:none;border-radius:999px;font-size:1.15rem;font-weight:800;box-shadow:0 12px 28px #0c3b3a47}.mic-btn.hot{background:var(--coral);animation:1.1s ease-in-out infinite pulse}.transcript-preview{opacity:.85;font-size:.92rem;font-weight:600}.bottom-nav__item.speak-tab.active{background:#e8a83861}.qa-card.featured-qa{background:linear-gradient(135deg, var(--ink), var(--ink-soft));color:var(--cream);border:none}.qa-card.featured-qa span{opacity:.85}.passage-card{border:1px solid var(--line);white-space:pre-wrap;background:#ffffffb8;border-radius:18px;margin:.75rem 0 1rem;padding:1.1rem 1rem;font-size:1.05rem;line-height:1.65}.reading-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.55rem}.cta-row.wrap{flex-wrap:wrap}.vocab-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.vocab-list li{border:1px solid var(--line);background:#ffffff8c;border-radius:12px;padding:.75rem .85rem;line-height:1.4}.vocab-list span{opacity:.75;margin-top:.25rem;font-size:.9rem;display:block}.issue-list.compact li{font-size:.9rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}:root,[data-theme=light]{--ink:#0b2f2e;--ink-soft:#164845;--cream:#f7f4ec;--surface:#ffffffb8;--surface-strong:#fff;--amber:#e2a12e;--coral:#d4654a;--mint:#5faf8d;--line:#0b2f2e1f;--text-muted:#0b2f2ead}[data-theme=dark]{--ink:#e8f2f0;--ink-soft:#b9d4cf;--cream:#0d1c1b;--surface:#142826e0;--surface-strong:#142826;--amber:#f0b84a;--coral:#e07a62;--mint:#6fbf9a;--line:#e8f2f01f;--text-muted:#e8f2f0a6}[data-theme=dark] body{background:radial-gradient(900px 500px at 10% -10%,#e2a12e2e,#0000 55%),linear-gradient(165deg,#0a1615 0%,#102422 50%,#0d1c1b 100%)}[data-text=lg] .page{font-size:1.06rem}[data-text=xl] .page{font-size:1.14rem}.hello{color:var(--text-muted);margin:0;font-size:.78rem;font-weight:500}.icon-btn{background:var(--surface);border:1px solid var(--line);border-radius:12px;place-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;display:grid}.status-banner{color:var(--coral);background:#d4654a24;border-radius:12px;margin:0 0 .85rem;padding:.7rem .85rem;font-size:.9rem;font-weight:600}.compact-hero{min-height:auto!important;padding:.25rem 0 1rem!important}.compact-hero .brand-lockup{font-size:clamp(2.2rem,10vw,3rem)}.daily-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-bottom:1.1rem;padding:1rem}.daily-list{gap:.4rem;margin:.75rem 0;padding:0;list-style:none;display:grid}.daily-list a{border:1px solid var(--line);background:#ffffff59;border-radius:12px;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;display:flex}[data-theme=dark] .daily-list a{background:#0003}.stats-strip.mini{margin:0;padding:.65rem}.stat-link{color:inherit;border-radius:.75rem;flex-direction:column;align-items:center;padding:.15rem;text-decoration:none;transition:background .15s;display:flex}.stat-link:hover,.stat-link:focus-visible{background:color-mix(in srgb, var(--ink) 6%, transparent)}.scenario-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;gap:.55rem;margin:0 -.15rem .35rem;padding:.1rem .15rem .35rem;display:flex;overflow:auto hidden}.scenario-scroll::-webkit-scrollbar{height:0;display:none}.scenario-chip{scroll-snap-align:start;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:16px;flex:0 0 min(72%,15.5rem);padding:.85rem .95rem;transition:border-color .15s,box-shadow .15s}.scenario-chip.selected{border-color:var(--ink);background:#e8a83824;box-shadow:0 0 0 2px #e8a83866}.scenario-chip strong{font-family:var(--font-display);margin-bottom:.2rem;display:block}.scenario-chip span{color:var(--text-muted);font-size:.82rem;line-height:1.35}.waveform{align-items:flex-end;gap:3px;height:42px;margin:.5rem 0;padding:0 .25rem;display:flex}.waveform span{background:linear-gradient(180deg, var(--amber), var(--mint));border-radius:99px;flex:1;min-height:6px;transition:height 80ms linear}.onboard{place-items:center;min-height:100%;padding:1.5rem 1.1rem;display:grid}.onboard-card{background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:24px;padding:1.5rem 1.2rem}.onboard-form{margin:1rem 0}.dots{justify-content:center;gap:.4rem;margin:1rem 0;display:flex}.dots span{background:var(--line);border-radius:99px;width:.45rem;height:.45rem}.dots span.on{background:var(--amber);width:1.1rem}.flash-card{border:1px solid var(--line);background:var(--surface);text-align:center;width:100%;min-height:180px;font-family:var(--font-display);border-radius:22px;place-items:center;margin-bottom:1rem;padding:1.25rem;font-size:1.45rem;display:grid}.flash-card span{font-family:var(--font-body);color:var(--text-muted);margin-top:.75rem;font-size:.95rem;display:block}.grade-row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.empty-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:18px;padding:1.25rem}.bullet-clean{margin:0 0 1rem;padding-left:1.1rem;line-height:1.5}.topic-row.static{pointer-events:none}.muted-card{place-items:start;gap:.75rem;display:grid}.phone-frame.boot{background:var(--cream)}.level-tile,.mode-card,.qa-card,.quiz-panel,.lesson-card,.writing-result{background:var(--surface)}.option,.btn.ghost,.writing-box,.try-box input,.chat-compose input,.field input,.field select,.level-select-row select{background:var(--cream);color:var(--ink)}.bubble.assistant{background:var(--surface);color:var(--ink)}.section-sub,.muted,.lede{color:var(--text-muted)}.continue-mistakes{background:#d4654a1f;border:1px solid #d4654a59;border-radius:16px;margin:0 0 .9rem;padding:.95rem 1rem;display:block}.continue-mistakes strong{font-family:var(--font-display);margin-bottom:.2rem;display:block}.continue-mistakes span{color:var(--text-muted);font-size:.85rem}.live-panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1rem}.live-timer{justify-content:space-between;align-items:baseline;margin-bottom:.75rem;display:flex}.live-timer strong{font-family:var(--font-display);font-size:1.8rem}.live-orb{border:3px solid var(--line);background:#0c3b3a33;border-radius:50%;width:88px;height:88px;margin:.5rem auto 1rem}.live-orb.on{background:radial-gradient(circle at 35% 30%, var(--amber), var(--ink));border-color:#0000;animation:1.4s ease-in-out infinite pulse}.live-captions{z-index:2;background:color-mix(in srgb, var(--surface) 92%, var(--ink));border:1px solid var(--line);text-align:center;border-radius:16px;margin:-.25rem 0 .85rem;padding:.85rem 1rem;position:sticky;top:0}.live-captions p{margin:.35rem 0 0;font-size:clamp(1.25rem,4.5vw,1.65rem);font-weight:600;line-height:1.35}.live-session-phrases{text-align:left;margin:.85rem 0 1rem}.live-session-phrases ul{margin:.4rem 0 0;padding-left:1.15rem}.live-session-phrases li{margin:.25rem 0;line-height:1.4}.transcript-pair{gap:.65rem;margin:.85rem 0 1rem;display:grid}.transcript-pair>div{border:1px solid var(--line);background:#ffffff59;border-radius:14px;padding:.75rem .85rem}[data-theme=dark] .transcript-pair>div{background:#00000038}.transcript-pair p{min-height:2.5rem;margin:.35rem 0 0;line-height:1.45}.speak-setup{padding-bottom:calc(var(--bottom-nav-block) + 1rem);flex-direction:column;gap:.35rem;display:flex}.speak-setup__head{margin-bottom:.65rem}.speak-setup__head p:last-child{font-size:.95rem}.speak-live-row{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.85rem;display:grid}.speak-live-row .qa-card{min-height:0;padding:.8rem .75rem;display:block}.speak-live-row .qa-card strong{font-size:.95rem}.speak-live-row .qa-card span{font-size:.72rem;line-height:1.3}.speak-setup__body{gap:.35rem;display:grid}.speak-setup__panel .subhead.tight,.subhead.tight{margin:.55rem 0;font-size:1rem}.compact-field{margin-bottom:.55rem}.topic-pill{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-weight:600;overflow:hidden}.speak-modes{gap:.55rem;margin-bottom:.5rem}.speak-modes .mode-card{min-height:4.4rem;padding:.85rem .8rem}.speak-modes .mode-card h3{font-size:.98rem}.speak-modes .mode-card p{font-size:.78rem;line-height:1.3}.speak-setup__dock{z-index:5;padding:.65rem 0 max(.15rem, var(--sab));background:linear-gradient(#0000,#f7f4eceb 28%,#f7f4ecfa);margin-top:auto;position:sticky;bottom:0}[data-theme=dark] .speak-setup__dock{background:linear-gradient(#0000,#0d1c1beb 28%,#0d1c1bfa)}.mode-card.selected,.scenario-chip.selected{background:#e8a83829}@media (orientation:landscape) and (height<=520px){.app-shell{padding:0}.phone-frame{max-width:100%;height:100dvh;box-shadow:none;border-radius:0}.page{padding:.65rem .9rem 1rem}.brand-lockup{margin-bottom:.25rem;font-size:clamp(1.7rem,7vw,2.2rem)}.hero h1,.compact-hero h1{margin-bottom:.45rem;font-size:1.15rem}.screen-head{margin-bottom:.5rem}.screen-head h1{font-size:1.4rem}.speak-setup{padding-bottom:calc(var(--bottom-nav-block) + .5rem)}.speak-live-row .qa-card{padding:.55rem .65rem}.speak-modes .mode-card{min-height:0;padding:.55rem .65rem}.speak-modes .mode-card p{display:none}.scenario-chip{flex-basis:min(48%,12rem);padding:.55rem .7rem}.scenario-chip span{display:none}.bottom-nav{padding:.25rem max(.2rem, var(--sal)) var(--nav-safe-bottom) max(.2rem, var(--sar))}.bottom-nav__item{min-height:2.45rem;font-size:.55rem}.speak-log{max-height:26vh}.mic-btn{min-height:3.2rem;font-size:1rem}.daily-card,.stats-strip{margin-bottom:.55rem}}@media (orientation:landscape) and (width>=860px) and (height<=820px){.phone-frame{max-width:min(920px,100vw - 1.5rem);height:calc(100dvh - 1.25rem)}.speak-setup{padding-bottom:4.5rem}.speak-setup__body{grid-template-columns:1fr 1.05fr;align-items:start;gap:1rem 1.25rem}.speak-live-row{max-width:28rem}.mode-scroll .mode-chip{flex-basis:min(42%,12rem)}}@media (orientation:landscape) and (width>=1100px) and (height<=900px){.phone-frame{max-width:min(980px,100vw - 2rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.phone-frame{padding-left:var(--sal);padding-right:var(--sar)}@supports (padding:max(0px)){.page{padding-left:max(1.1rem, var(--sal));padding-right:max(1.1rem, var(--sar))}}@media (width<=767px){:root{--nav-safe-bottom:max(.75rem, var(--sab), var(--vv-bottom));--bottom-nav-block:calc(var(--bottom-nav-height) + var(--nav-safe-bottom))}.phone-frame{padding-top:var(--sat)}.phone-frame:not(.game-mode):not(.onboard-shell) .bottom-nav{z-index:50;width:100%;padding-bottom:var(--nav-safe-bottom);flex:none;position:relative}.phone-frame:not(.game-mode):not(.onboard-shell) .phone-frame__inner,.phone-frame:not(.game-mode):not(.onboard-shell) .ptr-scroll{padding-bottom:.75rem;scroll-padding-bottom:.5rem}.phone-frame.game-mode .phone-frame__inner,.phone-frame.game-mode .ptr-scroll{padding-bottom:var(--nav-safe-bottom)}}.live-scores{margin-top:.35rem}.live-tip{margin:.65rem 0}.live-tip .praise{margin:0 0 .35rem}.live-tip p{margin:0;line-height:1.4}.mic-hold{background:var(--ink);width:100%;min-height:4.4rem;color:var(--cream);font-family:var(--font-display);touch-action:none;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;margin:.75rem 0 .5rem;font-size:1.1rem;font-weight:800;box-shadow:0 12px 28px #0c3b3a47}.mic-hold:disabled{opacity:.55;box-shadow:none}.mic-hold.hot{background:var(--coral);animation:1.1s ease-in-out infinite pulse}.phase-label{text-align:center;margin:.35rem 0 .5rem;font-weight:700}.live-orb.teacher{background:radial-gradient(circle at 35% 30%, var(--amber), var(--ink));border-color:#0000;animation:1.4s ease-in-out infinite pulse}.live-orb.your-turn{background:#0c3b3a2e}.live-orb.listening{background:radial-gradient(circle at 35% 30%, var(--coral), var(--ink));border-color:#0000;animation:.9s ease-in-out infinite pulse}.live-orb.thinking{background:#e8a83859}.speak-classic-note{margin:.35rem 0 .85rem;font-size:.85rem}.speak-classic-note a{font-weight:700;text-decoration:underline}.path-note{margin:0 0 .55rem;font-size:.85rem}.task-reason{opacity:.7;margin-top:.15rem;font-size:.75rem;font-weight:500;display:block}.install-banner{border:1px solid var(--line);background:#e8a83829;border-radius:16px;gap:.55rem;margin:.75rem 1.1rem 0;padding:.85rem 1rem;display:grid}.install-banner strong{font-family:var(--font-display);display:block}.install-banner span{opacity:.8;font-size:.85rem}.live-captions{border:1px solid var(--line);background:#0c3b3a14;border-radius:14px;min-height:2.8rem;margin:.35rem 0 .65rem;padding:.75rem .85rem;font-size:1.05rem;line-height:1.45}.live-captions .cap-you{opacity:.75;margin-bottom:.25rem;font-size:.9rem}.phrase-report{margin:.75rem 0;padding-left:1.1rem;line-height:1.45}[data-text=md]{--text-scale:1}[data-text=lg]{--text-scale:1.08}[data-text=xl]{--text-scale:1.16}[data-text=lg] .page,[data-text=lg] .bottom-nav,[data-text=xl] .page,[data-text=xl] .bottom-nav{font-size:calc(1rem * var(--text-scale))}[data-text=lg] .screen-head h1,[data-text=xl] .screen-head h1{font-size:clamp(1.85rem,7vw,2.35rem)}[data-text=lg] .live-captions,[data-text=xl] .live-captions{font-size:1.2rem}.mode-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;gap:.55rem;margin:0 -.15rem .35rem;padding:.1rem .15rem .45rem;display:flex;overflow:auto hidden}.mode-scroll::-webkit-scrollbar{height:0;display:none}.mode-scroll .mode-chip{scroll-snap-align:start;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:16px;flex:0 0 min(70%,11.5rem);min-height:4.6rem;padding:.85rem .9rem}.mode-scroll .mode-chip h3{font-family:var(--font-display);margin:0 0 .25rem;font-size:1rem}.mode-scroll .mode-chip p{opacity:.85;margin:0;font-size:.78rem;line-height:1.3}.speak-setup__panel,.speak-setup__body{min-width:0;max-width:100%}.pill-select{z-index:6;flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-weight:600;display:flex;position:relative}.pill-select.compact-field{margin-bottom:.55rem}.pill-select.open{z-index:30}.pill-select__label{font-size:.92rem}.pill-select__trigger{border:2px solid var(--line);background:var(--cream);width:100%;min-height:2.85rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1rem;font-weight:600;display:flex}.pill-select__chevron{opacity:.55;font-size:.85rem;transition:transform .15s}.pill-select.open .pill-select__chevron{transform:rotate(180deg)}.pill-select__menu{border:1px solid var(--line);background:var(--surface-strong,#fff);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;border-radius:18px;gap:.2rem;max-height:14rem;margin:0;padding:.35rem;list-style:none;display:grid;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto}.pill-select__option{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:.7rem .85rem;font-weight:600}.pill-select__option:hover,.pill-select__option:focus-visible{background:#e8a8382e;outline:none}.pill-select__option.active{background:var(--ink);color:var(--cream)}[data-theme=dark] .pill-select__menu{background:var(--surface-strong,#142826)}[data-theme=dark] .pill-select__option:hover,[data-theme=dark] .pill-select__option:focus-visible{background:#e8a83838}.hero-lede{max-width:28rem;margin:.35rem 0 .85rem;font-size:.95rem;line-height:1.45}.auth-nudge{color:inherit;cursor:pointer;margin-bottom:.75rem;text-decoration:none;display:block}.placement-nudge{margin-bottom:.75rem}.mistake-actions{flex-wrap:wrap;gap:.5rem;margin-top:.55rem;display:flex}.settings-prefs .pill-select.open{z-index:40}.pill-input{flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-weight:600;display:flex}.pill-input__label{font-size:.92rem}.pill-input__field{border:2px solid var(--line);background:var(--cream);width:100%;min-height:2.85rem;color:var(--ink);font:inherit;-moz-appearance:textfield;border-radius:999px;outline:none;padding:.55rem 1rem;font-weight:600}.pill-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pill-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pill-input__field:focus-visible{border-color:#0c3b3a73;box-shadow:0 0 0 3px #e8a83847}.pill-input__field::placeholder{color:#0c3b3a66;font-weight:500}[data-theme=dark] .pill-input__field{background:#142826e6}.arcade-grid{margin-bottom:.75rem}.arcade-card{background:linear-gradient(145deg, #e8a83824, transparent 55%), var(--surface);border-color:#e8a83859}.arcade-hint{color:#0c3b3aa6;margin:.35rem 0 .25rem;font-size:.9rem}.arcade-stat{margin:0 0 .75rem;font-size:.85rem;font-weight:700}.arcade-hud{grid-template-columns:auto auto 1fr;align-items:center;gap:.55rem;margin-bottom:.85rem;display:grid}.arcade-hud__item{background:#0c3b3a0f;border-radius:12px;flex-direction:column;gap:.1rem;min-width:3.5rem;padding:.35rem .65rem;display:flex}.arcade-hud__item span{text-transform:uppercase;letter-spacing:.04em;opacity:.6;font-size:.65rem;font-weight:700}.arcade-hud__item strong{font-family:var(--font-display);font-size:1.15rem}.arcade-hud__timer{background:#0c3b3a1a;border-radius:99px;height:.55rem;overflow:hidden}.arcade-hud__timer-fill{border-radius:inherit;background:linear-gradient(90deg, var(--amber), var(--coral));height:100%;transition:width .35s linear}.arcade-speed.flash-ok .quiz-panel{box-shadow:0 0 0 2px #7cbc9ab3}.arcade-speed.flash-bad .quiz-panel{box-shadow:0 0 0 2px #d4654ab3}.match-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.match-card{aspect-ratio:1/1.05;cursor:pointer;perspective:600px;background:0 0;border:none;border-radius:16px;padding:0;position:relative}.match-card__face{border:2px solid var(--line);backface-visibility:hidden;text-align:center;border-radius:16px;place-items:center;padding:.45rem;font-size:.78rem;font-weight:700;line-height:1.25;transition:transform .35s;display:grid;position:absolute;inset:0}.match-card__back{background:var(--ink);color:var(--cream);font-size:1.4rem;font-family:var(--font-display)}.match-card__front{background:var(--cream);color:var(--ink);transform:rotateY(180deg)}.match-card.open .match-card__back,.match-card.done .match-card__back{transform:rotateY(180deg)}.match-card.open .match-card__front,.match-card.done .match-card__front{transform:rotateY(0)}.match-card.done .match-card__front{background:#7cbc9a47;border-color:#7cbc9a8c}.type-race-form{gap:.65rem;margin-top:.5rem;display:grid}.type-race-input{text-align:center;font-size:1.05rem}@media (width>=480px){.match-grid{grid-template-columns:repeat(4,1fr)}}.auth-card{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff8c;margin-bottom:1.25rem;padding:1rem 1.1rem}.auth-card.compact{margin-top:.75rem;margin-bottom:0;padding:.85rem}.auth-card__title{margin-bottom:.35rem;display:block}.auth-card__row{align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.auth-card__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.auth-card__avatar.placeholder{background:var(--ink);color:var(--cream);place-items:center;font-weight:700;display:grid}.auth-card__meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.auth-card__meta strong{font-size:.98rem}.auth-card__meta span{opacity:.75;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.auth-card__hint{margin:0 0 .75rem;font-size:.88rem}.google-btn{color:var(--ink)!important;border:2px solid var(--line)!important;background:#fff!important}[data-theme=dark] .auth-card{background:#00000040}[data-theme=dark] .google-btn{color:inherit!important;background:#ffffff14!important}