@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Comfortaa:wght@700&display=swap";:root{--bg: #fbfcfd;--card: #ffffff;--ink: #1a1f28;--muted: #6b7787;--faint: #9aa5b4;--line: #e6ebf0;--brandTeal: #0e5c66;--brandMint: #4fd1c5;--brandTile: #0e5c66;--brandBar: #ffffff;--brandInk: #0e5c66;--scrollThumb: #ccd5dd;--scrollThumbHover: #a8b5c2;--lineStrong: #d3dbe4;--hover: #eef2f6;--dim: #b3bcc7;--onAccent: #ffffff;--tipInk: #855108;--errTint: #fdeaee;--errInk: #a2103a;--warnInk: #a35f06;--accent: #48cae4;--accentInk: #0b7f99;--accentTint: #e6f5fa;--accentHover: #08657a;--amber: #f59e0b;--amberTint: #fdf4e6;--green: #16a34a;--red: #e11d48;--stLearning: #3b82f6;--stMastered: #16a34a;--stReview: #f59e0b;--stPractice: #e11d48;--maxw: 1200px;--radius: 22px;--radiusSm: 14px;--btn: 12px;--pageTop: 16px;--pageSide: max(16px, 3vw);--pill: 999px;--liftMenu: 0 8px 24px -8px rgb(15 23 42 / .18);--liftPanel: 0 18px 48px -18px rgb(15 23 42 / .3);font-family:Quicksand,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}img{max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3{font-weight:700;letter-spacing:-.015em}body{margin:0;min-width:320px;background:var(--bg);font-size:15px;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(20rem 20rem at 12% 18%,rgb(72 202 228 / .1),transparent 70%),radial-gradient(18rem 18rem at 86% 12%,rgb(245 158 11 / .07),transparent 70%),radial-gradient(22rem 22rem at 78% 78%,rgb(59 130 246 / .07),transparent 70%),radial-gradient(16rem 16rem at 20% 82%,rgb(22 163 74 / .06),transparent 70%)}:where(a,button,[tabindex]):focus-visible{outline:2.5px solid var(--accentInk);outline-offset:3px;border-radius:9px}.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}:root[data-theme=indigo]{--accent: #6366f1;--accentInk: #4338ca;--accentTint: #eeeffe;--accentHover: #3730a3 }:root[data-theme=blue]{--accent: #3b82f6;--accentInk: #1d4ed8;--accentTint: #e8f0fe;--accentHover: #1e40af }:root[data-theme=ocean]{--accent: #48cae4;--accentInk: #0b7f99;--accentTint: #e6f5fa;--accentHover: #08657a }:root[data-theme=teal]{--accent: #2dd4bf;--accentInk: #0f766e;--accentTint: #e6faf7;--accentHover: #115e59 }:root[data-theme=forest]{--accent: #22c55e;--accentInk: #15803d;--accentTint: #eaf7ee;--accentHover: #166534 }:root[data-theme=purple]{--accent: #a855f7;--accentInk: #7e22ce;--accentTint: #f5eafe;--accentHover: #6b21a8 }:root[data-theme=rose]{--accent: #ef4444;--accentInk: #be123c;--accentTint: #fdeaea;--accentHover: #9f1239 }:root[data-theme=pink]{--accent: #f472b6;--accentInk: #be185d;--accentTint: #fdeef5;--accentHover: #9d174d }:root[data-theme=amber]{--accent: #f59e0b;--accentInk: #b45309;--accentTint: #fdf4e6;--accentHover: #92400e }.topbar{position:sticky;top:0;z-index:30;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(var(--pageSide),3vw,34px);background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px)}.brand{display:flex;gap:9px;align-items:center;color:var(--brandInk)}.brandWord{font-family:Comfortaa,Quicksand,system-ui,sans-serif;font-weight:700;font-size:21px;letter-spacing:-.02em;text-transform:lowercase}.brandSvg{flex:none;display:block;overflow:visible}.brandTile{fill:var(--brandTile)}.brandBar{fill:var(--brandBar)}nav{display:flex;gap:2px;align-items:center}nav>a,.iconButton{display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;border-radius:var(--btn);color:var(--muted)}nav>a:hover,.iconButton:hover{background:var(--hover);color:var(--ink)}nav>a.active{color:var(--accentInk)}.primary,.secondary,.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--btn);font-weight:700;border:1px solid transparent}.primary{background:var(--accentInk);color:var(--onAccent);padding:12px 26px;font-size:15px}.primary{transition:background-color .2s,transform .12s}.primary:hover{background:var(--accentHover)}.primary:active{transform:translateY(1px)}.secondary{background:var(--card);color:var(--ink);border-color:var(--line);padding:10px 20px;font-size:14px}.secondary{transition:border-color .2s,background-color .2s,transform .12s}.secondary:hover{border-color:var(--lineStrong);background:var(--hover)}.secondary:active{transform:translateY(1px)}.pill{background:var(--card);border-color:var(--line);color:var(--ink);padding:8px 14px;font-size:13px;font-weight:600}.pill:hover{border-color:var(--lineStrong)}.pill[aria-pressed=true]{background:var(--accentTint);border-color:var(--accent);color:var(--accentInk)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.home{flex:1;text-align:center;padding:var(--pageTop) var(--pageSide) 56px;max-width:var(--maxw);margin:0 auto;width:100%}.home h1{font-size:clamp(25px,3.1vw,36px);line-height:1.35;color:var(--accent);margin:0 auto 14px;max-width:100%}.home>p{color:var(--muted);font-size:15px;line-height:1.6;max-width:54ch;margin:0 auto 26px}.caret{display:inline-block;width:2px;height:.92em;margin-left:2px;vertical-align:-.08em;background:currentColor;border-radius:1px}.caret.idle{animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.caret{animation:none}}.home .stageControls{margin:40px 0 10px}.home .primary{height:40px;padding:0 18px;font-size:15px;border-radius:12px}.ctaRow{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.reviewCta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:12px;background:var(--stReview);color:#fff;font-weight:700;font-size:15px;border:1px solid transparent;transition:filter .2s,transform .12s}.reviewCta:hover{filter:brightness(.94)}.reviewCta:active{transform:translateY(1px)}.controlBar .selectBox{display:inline-flex}.controlBar .selectTrigger{height:34px;padding:0 12px;border-radius:12px;font-size:12px;font-weight:600;background:transparent;box-shadow:none}.progressRow{display:flex;align-items:center;justify-content:center;gap:12px;max-width:460px;margin:0 auto}.progressTrack{flex:1;height:6px;background:var(--line);border-radius:var(--pill);overflow:hidden}.progressTrack i{display:block;height:100%;background:var(--accent);border-radius:var(--pill);transition:width .4s}.progressLabel{color:var(--faint);font-size:12px;font-weight:600;white-space:nowrap}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:22px 0 28px;font-size:12px;font-weight:600;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%}.practicePage{flex:1;width:100%;padding:var(--pageTop) 0 52px;display:flex;flex-direction:column;align-items:center}.practiceMain{width:100%;padding:0 clamp(var(--pageSide),2vw,28px);flex:1;display:flex;flex-direction:column}@media(min-width:768px){.practicePage{padding-block:var(--pageTop);display:grid;grid-template-columns:160px minmax(0,1200px) 160px;justify-content:center;column-gap:12px;align-items:center;align-content:center;grid-template-rows:minmax(0,1fr)}.practiceMain{grid-column:2;justify-self:center;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start}}.steps{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.steps i{width:7px;height:7px;border-radius:50%;background:var(--line)}.steps i.on{background:var(--accent)}.stage{padding:clamp(22px,4vw,38px) clamp(18px,4vw,44px);text-align:center}.stage h1{font-size:clamp(19px,2.5vw,24px);margin:0 0 4px}.stageFocus{color:var(--accentInk);font-weight:700;font-size:13px;margin:0 0 22px}.stageStats{display:flex;justify-content:center;gap:clamp(16px,4.5vw,46px);padding-bottom:18px;border-bottom:1px solid var(--line)}.stageStats span{font-size:10px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.07em}.stageStats b{display:block;font-size:21px;color:var(--ink);letter-spacing:-.02em}.speechWords{font-size:clamp(19px,2.7vw,30px);line-height:1.5;margin:36px 0;font-weight:600}.speechWords span{display:inline-block;margin-right:.3em;color:#a3adba;transition:color .15s}.speechWords .correct{color:var(--green)}.speechWords .wrong{color:var(--red);text-decoration:line-through}.speechWords .listening{color:var(--ink);background:var(--accentTint);border-radius:7px;padding:0 5px}.mic{width:70px;height:70px;border-radius:50%;border:0;background:var(--accentInk);color:var(--onAccent);box-shadow:0 0 0 8px var(--accentTint)}.mic:hover{background:var(--accentHover)}.mic.live{background:var(--red);box-shadow:0 0 0 8px #fde8ec;animation:pulse 1.5s infinite}.mic svg{display:block;margin:auto}@keyframes pulse{50%{box-shadow:0 0 0 16px #fde8ec88}}@media(prefers-reduced-motion:reduce){.mic.live{animation:none}}.speechStatus{color:var(--muted);font-size:14px;margin:16px auto 0;max-width:44ch;min-height:40px}.heard{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.heard small{display:inline-block;margin-right:9px;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--accentInk)}.note{display:flex;gap:11px;text-align:left;border-radius:var(--radiusSm);padding:14px 16px;margin:18px 0 0;line-height:1.55;font-size:14px}.note.tip{background:var(--amberTint);color:var(--tipInk)}.note.error{background:var(--errTint);color:var(--errInk)}.note svg{flex:none;margin-top:2px}.stageControls{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px}.stageRestart{display:grid;place-items:center;width:28px;height:28px;border:none;background:none;color:var(--accent);cursor:pointer;border-radius:50%}.stageRestart:hover{background:var(--hover)}.controlBar{display:inline-flex;align-items:center;gap:4px;padding:4px;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--line);border-radius:16px}.controlBar button{display:inline-flex;align-items:center;gap:5px;height:34px;border:1px solid var(--line);background:transparent;border-radius:12px;padding:0 12px;font:inherit;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s}.controlBar button:hover{background:var(--hover);border-color:var(--lineStrong)}.optionsWrap{position:relative;display:inline-flex}.optionsTrigger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:34px;padding:0;border:1px solid var(--line);background:transparent;border-radius:12px;color:var(--muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.optionsTrigger:hover{background:var(--hover);border-color:var(--lineStrong)}.optionsTrigger.on{border-color:var(--accent);color:var(--accentInk);background:var(--accentTint)}.optionsPop{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:40;width:min(300px,calc(100vw - 32px));text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px #0f172a24;padding:16px}.optionsTitle{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--accentInk)}.optionsField{display:block;margin-top:13px}.optionsField>span{display:block;margin-bottom:5px;font-size:12.5px;font-weight:600;color:var(--ink)}.optionsField .selectBox{display:block}.optionsField .selectTrigger{width:100%;justify-content:space-between}.optionsNote{margin:13px 0 0;font-size:11px;line-height:1.5;color:var(--faint)}.stageIpa{font-size:12.5px;color:var(--muted);letter-spacing:.01em;padding-left:2px}.privacyNote{text-align:center;color:var(--faint);font-size:12px;margin-top:22px}.dashboard{flex:1;padding:var(--pageTop) var(--pageSide) 52px;max-width:var(--maxw);margin:0 auto;width:100%}.dashboardHead{margin-bottom:20px}.dashboardHead h1{font-size:clamp(23px,2.4vw,30px);color:var(--accent);margin:0}.panelGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.panel{padding:22px clamp(16px,1.8vw,22px)}.panel h2{font-size:17px;margin:0 0 16px}.greeting{background:var(--accentTint);border-radius:var(--radiusSm);padding:15px 16px}.greeting h3{display:flex;align-items:center;gap:7px;margin:0 0 3px;font-size:15px;color:var(--accentInk)}.greeting p{margin:0 0 13px;color:var(--muted);font-size:12.5px;line-height:1.5}.streakRows{background:var(--card);border-radius:11px;padding:2px 12px}.streakRows div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:12.5px;font-weight:600;color:var(--muted)}.streakRows div+div{border-top:1px solid var(--line)}.streakRows div>span{display:inline-flex;align-items:center;gap:8px}.streakRows svg{color:var(--accentInk)}.streakRows b{font-size:14px;color:var(--ink)}.tripleStat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tripleStat article{background:var(--accentTint);border-radius:var(--radiusSm);padding:13px 6px;text-align:center}.tripleStat b{display:block;font-size:22px;color:var(--accentInk);line-height:1.15}.tripleStat span{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border:0;border-radius:var(--btn);font-size:14px;font-weight:700;margin:14px 0 0}.action.solid{background:var(--accentInk);color:var(--onAccent)}.action.solid:hover{background:var(--accentHover)}.action.soft{background:var(--accentTint);color:var(--accentInk)}.action.warn{background:var(--amberTint);color:var(--warnInk)}.action.soft:hover,.action.warn:hover{filter:brightness(.97)}.action[aria-disabled=true]{opacity:.5;pointer-events:none}.week{display:flex;justify-content:space-between;margin-top:18px}.week div{display:grid;grid-template-rows:auto auto auto;gap:5px;justify-items:center}.week span{font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--faint)}.week i{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}.week i.active{background:var(--accentTint);border-color:var(--accent)}.week i.today{border:1.5px dashed var(--accent)}.week i svg{color:var(--accentInk)}.week em{font-style:normal;font-size:9px;font-weight:700;color:var(--accentInk);min-height:12px}.records{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:14px}.records th{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);text-align:right;padding:0 0 8px}.records th:first-child,.records td:first-child{text-align:left;font-weight:700;color:var(--ink)}.records td{text-align:right;padding:10px 0;border-top:1px solid var(--line);color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:22px 4px 4px;font-size:13px;line-height:1.6}.empty b{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.legal{flex:1;max-width:760px;margin:0 auto;padding:var(--pageTop) var(--pageSide) 60px}.legal h1{font-size:clamp(23px,2.4vw,30px);color:var(--accent);margin:5px 0 16px}.legal h2{font-size:17px;margin:28px 0 8px}.legal p{color:var(--muted);line-height:1.75;font-size:14.5px}.updated{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accentInk)}.siteMark{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:48px 16px 0;color:var(--faint)}.siteMark p{margin:0}.siteMark>p:first-of-type{color:var(--muted);font-size:13px}.siteVersion{font-size:12px;font-variant-numeric:tabular-nums}footer{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;padding:26px 16px 32px;color:var(--faint);font-size:12.5px}footer a{white-space:nowrap}footer a:hover{color:var(--accentInk)}.drawerOverlay{position:fixed;inset:0;background:#0f172a52;z-index:40;animation:fade .18s ease-out}.drawer{position:fixed;inset:12px 12px 12px auto;width:min(408px,calc(100vw - 24px));z-index:50;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--liftPanel);overflow:hidden;display:flex;flex-direction:column;animation:slideIn .22s cubic-bezier(.2,.8,.3,1)}@keyframes fade{0%{opacity:0}}@keyframes slideIn{0%{transform:translate(calc(100% + 12px))}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.drawer,.drawerOverlay{animation:none}}.drawerHead{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 8px 20px}.drawerHead h2{font-size:16px;margin:0}.drawerBody{padding:20px;overflow-y:auto}.drawerGroup{margin-bottom:24px}.drawerGroup h3{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 10px}.drawerGroup h3 svg{color:var(--accentInk)}.drawerNote{margin:0;font-size:12.5px;color:var(--muted);line-height:1.6}.choiceRow{display:flex;flex-wrap:wrap;gap:7px}.choice{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:var(--btn);padding:8px 13px;font-size:13px;font-weight:600;color:var(--ink)}.choice:hover:not(:disabled){border-color:var(--lineStrong)}.choice[aria-pressed=true]{background:var(--accentTint);border-color:var(--accent);color:var(--accentInk)}.choice:disabled{opacity:.45;cursor:default}.choice i{width:11px;height:11px;border-radius:50%}.choice[data-theme-swatch=ocean] i{background:#48cae4}.choice[data-theme-swatch=forest] i{background:#22c55e}@media(max-width:860px){.panelGrid,.panelGrid.split{grid-template-columns:1fr}}@media(max-width:560px){:root{--pageSide: 10px }.topbar{height:58px;padding:0 var(--pageSide)}.brandWord{display:none}.sound{width:72px;height:62px}.sound b{font-size:17px}.legend{gap:11px}.speechWords{margin:28px 0}.controlBar button{padding:8px 12px}footer{gap:16px}}.iconButton.round{border-radius:50%;background:#eef2f6;color:var(--muted)}.iconButton.round:hover{background:#e2e8ee;color:var(--ink)}.drawerHead h2{font-size:19px;color:var(--accent)}.accountBox{border:1.5px dashed var(--line);border-radius:var(--radiusSm);padding:16px;margin-bottom:24px;text-align:center}.accountLead{margin:0 0 13px;font-size:13px;color:var(--muted);line-height:1.55}.accountFine{margin:11px 0 0;font-size:11.5px;color:var(--faint)}.googleButton{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--btn);padding:11px 16px;font-size:14px;font-weight:700;color:var(--ink)}.googleButton:hover:not(:disabled){border-color:var(--lineStrong);background:var(--hover)}.googleButton:disabled{opacity:.6;cursor:default}.modalError{color:var(--red);font-size:12.5px;margin:10px 0 0}.accountWho{display:flex;align-items:center;gap:11px;text-align:left}.accountWho b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis}.accountWho span{display:block;font-size:12px;color:var(--faint);overflow:hidden;text-overflow:ellipsis}.accountAvatar{flex:none;width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--accent);color:var(--onAccent);display:grid;place-items:center;font-weight:700}.accountAvatar img{width:100%;height:100%;object-fit:cover;display:block}.accountRow{margin-bottom:26px}.accountLabel{margin:0 0 10px;font-size:15px;font-weight:700;color:var(--ink)}.accountName{min-width:0;flex:1}.accountOut{flex:none;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:4px 2px;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}.accountOut:hover{color:var(--accentInk)}.field{margin-bottom:22px}.field>label{display:block;font-size:15px;font-weight:700;margin-bottom:9px}.fieldNote{margin:8px 0 0;font-size:12.5px;color:var(--faint);line-height:1.55}.swatchRow{display:flex;flex-wrap:wrap;gap:9px}.swatch{width:32px;height:32px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;color:#fff}.swatch svg{opacity:0;transition:opacity .12s}.swatch[aria-pressed=true] svg{opacity:1}.swatch:hover{transform:scale(1.08)}@media(prefers-reduced-motion:reduce){.swatch:hover{transform:none}}.stage{padding:8px 0 22px}.stage{display:flex;flex-direction:column;flex:1}.stageBottom{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}@media(max-width:767px){.stageBottom{justify-content:flex-end;padding-bottom:env(safe-area-inset-bottom,0px)}}.stageBottom .stageOrb{margin-top:0}.stageMeter{display:flex;justify-content:center;gap:clamp(20px,5vw,44px);margin-bottom:22px}.stageMeter div{display:grid;gap:5px;justify-items:center;text-align:center}.stageMeter span{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);line-height:1}.stageMeter b{font-size:22px;font-weight:800;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.stageMeter div:last-child b{color:var(--accent)}.stageWrap{position:relative;margin-top:clamp(16px,4vw,46px)}.stageView{--lines: 3;--lh: 1.75em;height:calc(var(--lines) * var(--lh));overflow:hidden;position:relative;font-weight:600;font-size:clamp(19px,3.2vw,28px);line-height:var(--lh);max-width:760px;margin:0 auto}.stageView.compact{--lh: 1.4em }.stageView.wide{max-width:100%}.stageFrame{position:relative;padding:0 clamp(20px,4vw,40px);border:2px dashed transparent;border-radius:24px;transition:border-color .15s ease}.stageWrap:hover .stageFrame,.stageWrap:focus-within .stageFrame{border-color:var(--line)}.stageTools{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:inline-flex;gap:4px;padding:4px;z-index:3;background:var(--card);border:1px solid var(--line);border-radius:12px;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}.stageWrap:hover .stageTools,.stageWrap:focus-within .stageTools{opacity:1;visibility:visible}.stageTools button{display:grid;place-items:center;width:30px;height:26px;padding:0;border:0;background:none;border-radius:8px;color:var(--muted);cursor:pointer}.stageTools button:hover{background:var(--hover);color:var(--ink)}.stageTools button.on{background:var(--accentInk);color:var(--onAccent)}.stageTrack{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .5em;transition:transform .25s ease}.stageTrack .w{position:relative;color:var(--dim);line-height:var(--lh);transition:color .1s}.stageTrack .w.said{color:var(--ink)}.stageTrack .w.miss{color:var(--red);text-decoration:underline wavy var(--red);text-underline-offset:.18em;text-decoration-thickness:2px}.stageTrack .w.at{color:var(--accentInk)}.stageTrack .w.at:before{content:"";position:absolute;left:-.18em;top:.38em;bottom:.38em;width:3px;border-radius:2px;background:var(--accent);animation:caret 1s steps(1) infinite}@keyframes caret{50%{opacity:0}}.stageProgress{height:4px;border-radius:var(--pill);background:var(--line);width:100%;max-width:630px;margin:20px auto 0;overflow:hidden}.stageProgress i{display:block;height:100%;background:var(--accent);border-radius:var(--pill);transition:width .25s linear}.stageOrb{display:flex;flex-direction:column;align-items:center;gap:11px;margin-top:46px}.orb{position:relative;width:74px;height:74px;border-radius:50%;padding:0;display:grid;place-items:center;background:var(--accentTint);border:1px solid var(--line);color:var(--accentInk);transition:background .15s,color .15s}.orb:hover{border-color:var(--accent)}.orb.on{background:var(--accentInk);border-color:var(--accentInk);color:var(--onAccent)}.orb .ring{position:absolute;inset:-1px;border-radius:50%;border:2px solid var(--accent);opacity:0;pointer-events:none}.orb.on .ring.slow{border-color:var(--accent);animation:breathe 1.8s ease-out infinite}.orb.on .ring:not(.slow){border-color:var(--accent);animation:ping .5s ease-out 1}@keyframes breathe{0%{transform:scale(1);opacity:.5}to{transform:scale(1.55);opacity:0}}@keyframes ping{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}@media(min-width:768px){.orb{width:108px;height:108px}.orb svg{width:36px;height:36px}.orb.on svg{width:30px;height:30px}}.stageSound{display:flex;flex-direction:column;align-items:center;gap:10px}.focusChip{display:inline-flex;align-items:baseline;gap:9px;margin:0;padding:9px 18px;border-radius:var(--pill);background:var(--accentTint);color:var(--accentInk);font-size:14.5px;font-weight:700;line-height:1.2;white-space:nowrap;max-width:100%}.focusChip svg{align-self:center;color:var(--accent);flex:none}.focusChip b{font-weight:700}.focusChip .stageIpa{padding:0;font-style:normal;font-weight:600;font-size:13px;letter-spacing:0;text-transform:none;color:color-mix(in srgb,var(--accentInk) 65%,transparent);font-family:Charis SIL,Doulos SIL,Gentium Plus,Segoe UI,system-ui,sans-serif}.soundState{margin:0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.soundState.live{color:var(--accentInk)}.stageHeard{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px 16px;max-width:680px;margin:18px auto 0;font-size:13px}.stageHeard .label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.stageHeard .saidWords{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;color:var(--muted)}.stageHeard .saidWords em{font-style:normal;color:var(--faint)}.hw{display:inline-grid;justify-items:center;gap:1px;line-height:1.25}.hw b{font-weight:600}.hw i{font-style:normal;font-size:11px;letter-spacing:.01em;color:var(--faint);font-family:Charis SIL,Doulos SIL,Gentium Plus,Segoe UI,system-ui,sans-serif}.saidWords .last b{color:var(--accentInk);font-weight:700}.stageHeard .wants{display:inline-flex;align-items:baseline;gap:7px;color:var(--faint)}.hw.wanted b{color:var(--ink);font-weight:700}.hw.wanted i{color:var(--muted)}.sayWord{align-self:center;display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--muted);cursor:pointer}.sayWord:hover{border-color:var(--accent);color:var(--accentInk)}.stageHint{text-align:center;color:var(--muted);font-size:13.5px;margin:18px auto 0;max-width:52ch}.stage>.stageHint{flex:none}.stageError{color:var(--red)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{background:var(--card);border:1px solid var(--line);border-radius:var(--btn);padding:8px 13px;font-size:13px;font-weight:600;color:var(--muted)}.chip:hover{border-color:var(--lineStrong);color:var(--ink)}.chip.on{background:var(--accentTint);border-color:var(--accent);color:var(--accentInk)}.practicePage .panel{margin-bottom:14px}@media(max-width:560px){.stageMeter{gap:14px}}@media(prefers-reduced-motion:reduce){.stageTrack{transition:none}.orb .ring{animation:none!important}.stageTrack .w.at:before{animation:none}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollThumb) transparent}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollThumb);border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollThumbHover);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}.drawerBody{scrollbar-gutter:stable}.avatarButton{flex:none;width:38px;height:38px;padding:0;border:0;background:transparent;border-radius:var(--btn);display:grid;place-items:center}.avatarButton:hover{background:var(--hover)}.avatarButton img,.avatarButton>span{width:22px;height:22px;border-radius:50%;object-fit:cover}.avatarButton img{display:block}.avatarButton>span{display:grid;place-items:center;background:var(--accent);color:var(--onAccent);font-size:10px;font-weight:700}:root[data-mode=dark]{--bg: #0e131a;--card: #161d26;--ink: #e8edf3;--muted: #97a5b6;--faint: #7f8fa3;--line: #263140;--lineStrong: #354354;--hover: #1e2733;--dim: #55647a;--brandTile: #ffffff;--brandBar: #0e5c66;--brandInk: #ffffff;--scrollThumb: #374454;--scrollThumbHover: #4a5a6d;--accentInk: color-mix(in srgb, var(--accent) 86%, white);--onAccent: #0d1218;--accentTint: color-mix(in srgb, var(--accent) 15%, var(--card));--accentHover: color-mix(in srgb, var(--accent) 70%, white);--amberTint: color-mix(in srgb, var(--amber) 15%, var(--card));--tipInk: #f2c073;--warnInk: #f2c073;--errTint: color-mix(in srgb, var(--red) 17%, var(--card));--errInk: #ff8fa8}:root[data-mode=dark] body:before{background:radial-gradient(20rem 20rem at 12% 18%,rgb(72 202 228 / .07),transparent 70%),radial-gradient(18rem 18rem at 86% 12%,rgb(245 158 11 / .05),transparent 70%),radial-gradient(22rem 22rem at 78% 78%,rgb(59 130 246 / .06),transparent 70%),radial-gradient(16rem 16rem at 20% 82%,rgb(22 163 74 / .05),transparent 70%)}:root[data-mode=dark] .mic.live{box-shadow:0 0 0 8px color-mix(in srgb,var(--red) 22%,var(--card))}:root[data-mode=dark] .drawerOverlay{background:#0000008c}:root[data-mode=dark] .googleButton{background:var(--hover)}:root[data-mode=dark] .googleButton:hover:not(:disabled){background:var(--line)}.selectBox{position:relative}.selectTrigger{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radiusSm);padding:12px 14px;font-size:14px;font-weight:600;color:var(--ink)}.selectTrigger:hover{border-color:var(--lineStrong)}.selectTrigger.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentTint)}.selectIcon{display:grid;color:var(--muted);flex:none}.selectValue{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectChev{display:grid;color:var(--muted);flex:none;transition:transform .15s}.selectChev.up{transform:rotate(180deg)}.selectList{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radiusSm);box-shadow:var(--liftMenu);max-height:260px;overflow-y:auto;animation:rise .13s ease-out}.selectOption{display:flex;align-items:center;gap:11px;cursor:pointer;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink)}.selectOption+.selectOption{margin-top:3px}.selectOption.active{background:var(--hover)}.selectOption.on{background:var(--accentInk);color:var(--onAccent)}.selectOption.on .selectIcon,.selectOption.on svg{color:var(--onAccent)}.selectOption.on.active{background:var(--accentHover)}@media(prefers-reduced-motion:reduce){.selectList{animation:none}.selectChev{transition:none}}.page{flex:1;max-width:900px;margin:0 auto;width:100%;padding:var(--pageTop) var(--pageSide) 60px}.page h1{font-size:clamp(23px,2.4vw,30px);color:var(--accent);margin:5px 0 14px}.page h2{font-size:19px;margin:34px 0 10px}.page>p{color:var(--muted);line-height:1.75;font-size:14.5px}.pageLead{font-size:16px!important;line-height:1.7!important;max-width:62ch}.contactCard{padding:20px 22px}.contactCard p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.7}.contactCard p+p{margin-top:10px}.page>p a,.contactCard a,.faqCard p a,.dashCard>p a{color:var(--accentInk);font-weight:600}.page>p a:hover,.contactCard a:hover,.faqCard p a:hover,.dashCard>p a:hover{text-decoration:underline}.appGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.appCard{display:block;padding:20px 22px;transition:border-color .15s}.appCard:hover{border-color:var(--accent)}.appTag{margin:0 0 6px;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accentInk)}.appCard h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:17px}.appCard h3 svg{color:var(--faint)}.appCard:hover h3 svg{color:var(--accentInk)}.appCard p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65}.donateCard{padding:24px 22px;text-align:center}.donateCard h3{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 8px;font-size:17px}.donateCard h3 svg{color:var(--accentInk)}.donateCard>p{margin:0 auto 16px;color:var(--muted);font-size:14px;line-height:1.65;max-width:52ch}@media(max-width:720px){.appGrid{grid-template-columns:1fr}}.supportHero{text-align:center;max-width:58ch;margin:0 auto 34px}.supportHeart{color:#f4606c;display:block;margin:0 auto 12px}.supportPage h1{color:var(--ink);font-size:clamp(30px,3.3vw,40px);margin:0 0 14px}.supportHero>p{color:var(--muted);font-size:16px;line-height:1.75;margin:0}.supportGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.dashCard{position:relative;display:block;border:4px dashed var(--line);border-radius:24px;padding:26px 28px;background:transparent;transition:border-color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}a.dashCard:hover{border-color:var(--accent);background:var(--accentTint);transform:translateY(-2px)}a.dashCard:hover .dashIcon{transform:scale(1.06)}.dashIcon{transition:transform .25s cubic-bezier(.4,0,.2,1)}.dashHead{display:flex;align-items:center;gap:18px;margin-bottom:18px}.dashIcon{flex:none;width:80px;height:80px;border-radius:16px;display:grid;place-items:center;color:var(--accentInk);background:var(--card);border:1px solid var(--line);overflow:hidden}.dashIcon img{width:60px;height:60px;display:block;border-radius:12px}.dashIcon.coffee{background:var(--amberTint);border-color:transparent;color:var(--amber)}.dashCard h2{display:flex;align-items:center;gap:8px;margin:0;font-size:24px;font-weight:600;line-height:1.2}.dashCard h2 svg{color:var(--faint)}a.dashCard:hover h2 svg{color:var(--accentInk)}.dashSub{margin:5px 0 0;font-size:14px;color:var(--muted)}.dashCard>p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.dashCard>p+p{margin-top:10px}.dashCta{margin-top:16px}.dashFine{font-size:13.5px!important;color:var(--faint)!important}.dashCentred{text-align:center}.dashCentred h2{justify-content:center;margin-bottom:12px}.supportSection{text-align:center;margin:40px 0 16px!important;font-size:19px}@media(max-width:720px){.supportGrid{grid-template-columns:1fr}}.dashLink{display:inline-block;margin-top:16px;font-size:14.5px;font-weight:600;color:var(--accentInk)}.dashLink:hover{text-decoration:underline}.promos{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:820px;margin:44px auto 0;text-align:left;align-items:stretch}.promo{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:150px;border:2px dashed var(--line);border-radius:12px;background:#80808005;padding:11px 12px 9px;cursor:pointer;transition:border-color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}.promo:hover{border-color:var(--accent);background:var(--accentTint)}.promoEmpty{align-items:center;justify-content:center;gap:4px;text-align:center;font:inherit;color:var(--faint)}.promoEmptyLabel{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.promoEmptyHint{font-size:10px}.promoClose{position:absolute;top:5px;right:5px;z-index:2;width:20px;height:20px;padding:0;display:grid;place-items:center;border:0;background:transparent;border-radius:5px;color:var(--faint);transition:background-color .15s,color .15s}.promoClose:hover{background:var(--hover);color:var(--ink)}.promoLogo{display:block;width:18px;height:18px;border-radius:4px;margin-bottom:7px}.promoTitle{overflow:hidden;white-space:nowrap;margin-bottom:4px;padding-right:16px;font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4px,#000 calc(100% - 8px),transparent);mask-image:linear-gradient(90deg,transparent,#000 4px,#000 calc(100% - 8px),transparent)}.promoTrack{display:inline-flex;white-space:nowrap}.promoTrack.scrolling{will-change:transform;animation:promoScroll 9s linear infinite}.promoTrack.scrolling span{padding-right:2.5em}.promoTrack span{display:inline-block;flex-shrink:0}.promo:hover .promoTrack.scrolling{animation-play-state:paused}@keyframes promoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.promoBlurb{margin:0 0 10px;font-size:11px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.promoFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.promoFoot>span{font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}.promoLink{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--accentInk);transition:color .2s,text-decoration .2s}.promoLink:after{content:"";position:absolute;inset:0;z-index:1}.promo:hover .promoLink{text-decoration:underline}.promoRail{display:none}.promoRail .promo{height:150px;min-height:0;width:160px}@media(min-width:768px){.promoRail{display:flex;flex-direction:column;align-items:center;gap:8px;width:160px;padding-top:20px;position:sticky;top:0;height:fit-content;max-height:100dvh;z-index:20}.promoRail.left{grid-column:1}.promoRail.right{grid-column:3}}@media(max-width:900px){.promos{grid-template-columns:repeat(3,1fr);max-width:520px}}@media(max-width:560px){.promos{grid-template-columns:repeat(2,1fr);max-width:340px}.promos>:nth-child(n+5){display:none}}@media(prefers-reduced-motion:reduce){.promoTrack.scrolling{animation:none}}.adsBox{border:1.5px dashed var(--line);border-radius:var(--radiusSm);padding:18px;margin-bottom:24px;text-align:center}.adsMark{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--accent);text-decoration:line-through}.adsPitch{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--ink)}.adsCta{width:100%}.adsFine{margin:12px 0 0;font-size:11.5px;line-height:1.6;color:var(--faint)}.adsOwned{border-style:solid;border-color:var(--accent);background:var(--accentTint)}.adsOwned p{margin:0;font-size:13.5px;color:var(--accentInk)}.storeHero{text-align:center;margin-bottom:0}.storePage h1{color:var(--ink);font-size:clamp(26px,2.9vw,35px);margin:0 0 10px}.storeHero>p{color:var(--muted);font-size:16px;margin:0 0 18px}.trustRow{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.trustRow .pill{gap:6px;color:var(--muted);border-radius:var(--pill);padding:4px 12px;font-size:12px;font-weight:500;min-height:28px}.storeFrame{position:relative;border:1.5px solid var(--accent);border-radius:var(--radius);padding:30px 22px 24px;background:var(--accentTint);margin:56px 0 60px}.bestValue{position:absolute;top:-13px;left:22px;padding:5px 13px;border-radius:var(--pill);background:var(--accentInk);color:var(--onAccent);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.bundleCta{position:absolute;top:-19px;right:22px;display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:var(--btn);font-size:14px;font-weight:700;background:var(--accentInk);color:var(--onAccent)}.bundleCta:hover{background:var(--accentHover)}.bundleCta.muted,.bundleCta.owned{background:var(--card);color:var(--accentInk);border:1px solid var(--accent)}.storeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;grid-template-rows:auto auto auto auto auto}.storeCard{background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:20px;display:grid;grid-row:span 5;grid-template-rows:subgrid;align-content:start;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.storeCard:hover{border-color:var(--accent);box-shadow:var(--liftMenu);transform:translateY(-3px)}.storeCard:hover .storeIcon{transform:scale(1.08)}.storeIcon{transition:transform .25s cubic-bezier(.4,0,.2,1)}.storeTop{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.storeIcon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center}.storePrice{font-size:20px;font-weight:700;letter-spacing:-.01em}.storeCard h2{font-size:18px;font-weight:700;margin:0 0 6px}.storeBlurb{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.6}.soonTag{display:inline-block;margin:10px 0 0;padding:4px 10px;border-radius:var(--pill);background:var(--amberTint);color:var(--warnInk);font-size:11px;font-weight:700}.storeFeatures{list-style:none;margin:0 0 18px;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}.storeFeatures li{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);line-height:1.5}.storeFeatures li>i{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.buyCta{width:100%;height:40px;padding:0 16px;font-size:16px;font-weight:600;border-radius:12px}.ownedTag{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:12px;font-size:14px;font-weight:700;color:var(--green)}.storeFine{text-align:center;color:var(--faint);font-size:12.5px;line-height:1.7;margin:36px auto 0;max-width:68ch;text-wrap:pretty}.storeFine a{color:var(--accentInk);font-weight:600}@media(max-width:980px){.storeGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.storeGrid{grid-template-columns:1fr}.bundleCta{position:static;display:flex;justify-content:center;margin:0 0 18px}.storeFrame{padding-top:26px}}@media(prefers-reduced-motion:reduce){.dashCard,.storeCard,.faqRow,.promo,.primary,.secondary,.dashIcon,.storeIcon{transition:none!important;transform:none!important}}.dashClickable{cursor:pointer}.dashClickable:hover{border-color:var(--accent);transform:translateY(-2px)}.dashClickable .dashLink:after{content:"";position:absolute;inset:0}.dashClickable:hover .dashLink{text-decoration:underline}.dashClickable:hover .dashIcon{transform:scale(1.06)}.supportPage{max-width:1000px}.supportHero{max-width:700px}.storePage{max-width:var(--maxw);padding-left:var(--pageSide);padding-right:var(--pageSide)}.storeHero{max-width:640px;margin-left:auto;margin-right:auto}.storePage h1{max-width:100%;text-wrap:balance}.faqHeading{text-align:center;font-size:20px;font-weight:700;margin:0 0 16px}.faqList{display:flex;flex-direction:column;gap:8px;max-width:680px;margin:0 auto}.faqRow{border:1px solid var(--line);border-radius:16px;background:var(--bg);transition:border-color .25s cubic-bezier(.4,0,.2,1)}.faqRow:hover{border-color:var(--accent)}.faqRow summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:15px 18px;font-size:15px;font-weight:700;line-height:1.4;list-style:none}.faqRow summary::-webkit-details-marker{display:none}.faqRow summary::marker{content:""}.faqQ{flex:1}.faqIcon{flex:none;color:var(--accentInk);display:grid}.faqChevron{flex:none;color:var(--faint);transition:transform .2s cubic-bezier(.4,0,.2,1)}.faqRow[open] .faqChevron{transform:rotate(180deg)}.faqRow p{margin:0;padding:0 18px 16px 46px;color:var(--muted);font-size:14px;line-height:1.65}@media(prefers-reduced-motion:reduce){.faqChevron{transition:none}}@supports not (grid-template-rows: subgrid){.storeCard{display:flex;flex-direction:column}.storeBody{min-height:76px}.storeFeatures{margin-top:auto}}.storeTerms{text-align:center;margin:-34px auto 56px;max-width:60ch;color:var(--faint);font-size:12.5px;line-height:1.7}.storeTerms a{color:var(--accentInk);font-weight:600}.storeTerms a:hover{text-decoration:underline}.timeline{list-style:none;margin:18px 0 0;padding:0 0 0 18px;position:relative}.timeline:before{content:"";position:absolute;left:4px;top:6px;bottom:14px;width:1px;background:var(--line)}.timeline li{position:relative;padding-bottom:16px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-18px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--card);border:1.5px solid var(--accent)}.timelineHead{margin:0 0 9px;font-size:13px;font-weight:700;color:var(--ink)}.timelineCount{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:var(--pill);background:var(--accentTint);color:var(--accentInk);font-size:10px;font-weight:700}.chipRow{display:flex;flex-wrap:wrap;gap:7px}.soundChip{position:relative;display:grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:12px;font-weight:700;transition:border-color .2s,transform .12s}.soundChip:hover{border-color:var(--accent);transform:translateY(-1px)}.soundChip i{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--card)}.soundChip i.learning{background:var(--stLearning)}.soundChip i.mastered{background:var(--stMastered)}.soundChip i.review{background:var(--stReview)}.soundChip i.practice{background:var(--stPractice)}.chipMore{border:1px solid var(--line);background:var(--hover);color:var(--muted);border-radius:8px;padding:0 9px;height:30px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chipMore:hover{background:var(--lineStrong);color:var(--ink);border-color:var(--lineStrong)}.panelGrid.split{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);margin-top:22px}@media(max-width:860px){.panelGrid.split{grid-template-columns:1fr}}.tripleStat.pair{grid-template-columns:repeat(2,1fr)}.calendar{margin-top:16px}.calMonths{display:grid;margin:0 0 6px 30px;font-size:11px;font-weight:600;color:var(--faint);letter-spacing:.02em}.calBody{display:flex;gap:6px;min-width:0}.calDays{display:grid;grid-template-rows:repeat(7,1fr);gap:4px;width:24px;font-size:10px;color:var(--faint);align-items:center;text-align:right}.calGrid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:repeat(7,auto);gap:4px;flex:1;min-width:0}.calGrid i{width:100%;height:auto;aspect-ratio:1;min-width:0;border-radius:3px;background:var(--hover);transition:transform .12s}.calGrid i:hover{transform:scale(1.25)}.calGrid i.lv1{background:color-mix(in srgb,var(--accent) 28%,var(--hover))}.calGrid i.lv2{background:color-mix(in srgb,var(--accent) 52%,var(--hover))}.calGrid i.lv3{background:color-mix(in srgb,var(--accent) 76%,var(--hover))}.calGrid i.lv4{background:var(--accent)}.calGrid i.now{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--accent)}.chart{margin-top:16px}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .gridline{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.chart .axis{fill:var(--faint);font-size:10px}.lineWpm{fill:none;stroke:var(--stLearning);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.lineAccuracy{fill:none;stroke:var(--stMastered);stroke-width:2;stroke-dasharray:5 4;stroke-linecap:round}.dotWpm{fill:var(--stLearning)}.chartLegend{display:flex;justify-content:center;gap:20px;margin:10px 0 0;font-size:12px;color:var(--muted)}.chartLegend span{display:inline-flex;align-items:center;gap:6px}.chartLegend i{width:8px;height:8px;border-radius:50%}.keyWpm{background:var(--stLearning)}.keyAccuracy{background:var(--stMastered)}.panel.wide{margin-top:22px}.promoBanner+.panel.wide{margin-top:0}.promos+.promoBanner,.panelGrid+.promoBanner{margin-top:22px}.promoBannerEmpty{margin-top:inherit}.achievements{margin-top:22px}.achTrack{list-style:none;display:flex;margin:0;padding:0}.achTrack li{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.achTrack li:not(:last-child):after{content:"";position:absolute;top:26px;height:1px;background:var(--line);left:calc(50% + 32px);right:calc(-50% + 32px)}.achDot{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px dashed var(--lineStrong);background:var(--hover);color:var(--faint);transition:transform .15s}.achTrack li:hover .achDot{transform:scale(1.06)}.achTrack li.next .achDot{border-color:var(--accent);color:var(--accentInk);background:color-mix(in srgb,var(--accent) 22%,var(--card))}.achTrack li.won .achDot{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--onAccent)}.achTrack p{margin:0;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--muted)}.achTrack li.next p,.achTrack li.won p{color:var(--ink)}.achNote{margin:26px 0 4px;text-align:center;font-size:12.5px;color:var(--muted)}.certModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;background:var(--card);border-radius:22px;padding:26px 24px 22px;box-shadow:0 26px 60px #0f172a3d;text-align:center}.certHeading{margin:4px 0 0;font-size:26px;font-weight:800;color:var(--accent)}.certLead{margin:8px auto 0;max-width:34ch;font-size:13.5px;line-height:1.6;color:var(--muted)}.certName{width:100%;margin-top:16px;padding:11px 14px;font:inherit;font-size:14px;border:1.5px solid var(--accent);border-radius:10px;background:var(--bg);color:var(--ink);text-align:center}.certName:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.certCanvas{display:block;width:100%;height:auto;margin-top:16px;border:1px solid var(--line);border-radius:14px}.certSave{margin-top:18px;width:100%}.certOpen{margin-top:18px}.lessonsGate{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 0;padding:11px 14px;border-radius:12px;background:var(--accentTint);color:var(--accentInk);font-size:13px}.lessonsGate a{color:var(--accentInk);font-weight:700;text-decoration:underline}.stageBlock{margin-top:30px}.stageBlock h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:15px;font-weight:700;color:var(--ink)}.stageNo{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accentInk);background:var(--accentTint);padding:3px 8px;border-radius:999px}.stageCount{margin-left:auto;font-size:12px;font-weight:600;color:var(--muted)}.lessonList{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lessonHit{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);font:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,transform .12s}.lessonHit:hover{border-color:var(--accent);transform:translateY(-1px)}.lessonNo{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--hover);color:var(--muted);font-size:11.5px;font-weight:700}.lessonBody{display:grid;gap:2px;min-width:0;flex:1}.lessonTarget{font-size:11px;font-weight:700;color:var(--accentInk);letter-spacing:.01em}.lessonText{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lessonMeta{flex:none;display:flex;align-items:center;gap:8px}.levelTag{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--hover);color:var(--muted)}.levelTag.medium{background:var(--amberTint);color:var(--warnInk)}.levelTag.hard{background:var(--errTint);color:var(--errInk)}.lessonGo{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--onAccent);background:var(--accentInk);padding:4px 10px;border-radius:999px}.lessonRow.passed .lessonNo{background:var(--accent);color:var(--onAccent)}.lessonRow.next .lessonHit{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentTint)}.lessonRow.locked .lessonHit{background:transparent;border-style:dashed}.lessonRow.locked .lessonText,.lessonRow.locked .lessonTarget{opacity:.55}@media(max-width:560px){.lessonHit{padding:10px 11px;gap:9px}.lessonMeta .levelTag{display:none}}.runResult{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;width:min(440px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto;background:var(--card);border-radius:20px;padding:26px 24px 22px;box-shadow:0 26px 60px #0f172a38;text-align:center}.runResult:focus{outline:none}.runClose{position:absolute;top:12px;right:12px}.runEmoji{margin:6px 0 0;font-size:44px;line-height:1}.runResult h2{margin:12px 0 0;font-size:23px;font-weight:700;color:var(--ink)}.runStats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.runStats article{position:relative;padding:20px 10px 14px;border:2px dashed var(--line);border-radius:14px}.runStats b{display:block;font-size:30px;font-weight:700;color:var(--accentInk);line-height:1.1}.runStats article>span:last-child{display:block;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.runGoal{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--card);padding:0 8px;white-space:nowrap;font-size:11px;font-weight:600;color:var(--muted)}.runStats article.missed{border-color:color-mix(in srgb,var(--stPractice) 55%,var(--card))}.runStats article.missed b{color:var(--stPractice)}.runMiss{display:flex;align-items:flex-start;gap:9px;text-align:left;margin:14px 0 0;padding:13px 15px;border-radius:12px;background:var(--errTint);color:var(--errInk);font-size:13.5px;line-height:1.5}.runMiss svg{flex:none;margin-top:1px}.runResult .promoBanner{margin:14px 0 0;text-align:left}.runActions{display:flex;align-items:center;gap:10px;margin-top:18px}.runPrimary{flex:1;justify-content:center;margin:0}.runActions .iconButton.round{flex:none;border:1px solid var(--line)}.infiniteWrap{position:relative;display:inline-flex;margin-top:26px}.infiniteBtn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--radiusSm);background:color-mix(in srgb,var(--accent) 10%,var(--card));color:color-mix(in srgb,var(--accentInk) 55%,var(--card));padding:11px 20px;font:inherit;font-size:14px;font-weight:600}.infiniteBtn[aria-disabled=true]{cursor:default}.infiniteBtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.infiniteWrap:hover .infiniteBtn,.infiniteWrap:focus-within .infiniteBtn{background:color-mix(in srgb,var(--accent) 16%,var(--card))}.infinitePop{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,6px);width:min(330px,calc(100vw - 32px));z-index:40;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px #0f172a21;padding:18px 18px 16px;text-align:left;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s}.infiniteWrap:hover .infinitePop,.infiniteWrap:focus-within .infinitePop{opacity:1;visibility:visible;transform:translate(-50%)}.infinitePop:before,.infinitePop:after{content:"";position:absolute;top:100%;left:50%;margin-left:-9px;border:9px solid transparent}.infinitePop:before{border-top-color:var(--line)}.infinitePop:after{margin-top:-1px;border-top-color:var(--card)}.infiniteTitle{margin:0;font-size:16px;font-weight:700;color:var(--accentInk)}.infiniteLead{display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink)}.infiniteMeter{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 7px;font-size:12.5px;color:var(--muted)}.infiniteMeter b{color:var(--accentInk);font-weight:600}.infiniteOr{margin:0;padding-top:15px;border-top:1px solid var(--line);font-size:13px;color:var(--ink)}.infinitePop .progressTrack+.infiniteOr{margin-top:15px}.infiniteCta{display:block;margin-top:11px;padding:11px 14px;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--hover);font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;transition:background .15s,border-color .15s}.infiniteCta:hover{background:var(--lineStrong);border-color:var(--lineStrong)}.infiniteFine{margin:10px 0 0;font-size:11px;line-height:1.5;text-align:center;color:var(--faint)}.infiniteFine a{color:var(--faint);text-decoration:underline}@media(prefers-reduced-motion:reduce){.infinitePop{transition:none}}.panel.pitch{margin-top:22px;padding:16px}.pitchBox{border:2px dashed var(--line);border-radius:12px;padding:30px 22px;text-align:center;background:#80808005}.pitchName{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:15px;font-weight:700;color:var(--accentInk)}.pitchBox h2{margin:12px 0 0;font-size:18px;font-weight:700;color:var(--ink)}.pitchLead{margin:12px auto 0;max-width:56ch;font-size:13.5px;line-height:1.65;color:var(--muted)}.pitchCta{display:inline-flex;margin-top:20px;padding:11px 22px;font-size:14px}.pitchFine{margin:12px 0 0;font-size:11.5px;color:var(--faint)}.pitchFine+.pitchFine{margin-top:6px}.pitchFine a{color:var(--faint);text-decoration:underline}@media(max-width:780px){.achTrack{overflow-x:auto;padding-bottom:6px}.achTrack li{flex:0 0 92px}}.promoBanner{position:relative;display:flex;align-items:center;gap:14px;border:1px solid transparent;border-radius:var(--radiusSm);background:var(--hover);padding:13px 42px 13px 16px;margin-bottom:16px}.promoBanner img{flex:none;border-radius:7px}.promoBannerLead{margin:0;font-size:13.5px;color:var(--ink);line-height:1.5}.promoBannerLink{margin:3px 0 0;font-size:12.5px;color:var(--muted)}.promoBannerLink a{color:var(--accentInk);font-weight:600;text-decoration:underline}.promoBannerTag{position:absolute;right:14px;bottom:10px;font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}@media(max-width:620px){.promoBannerTag{display:none}}.promoBannerEmpty{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:71px;margin-bottom:16px;border:2px dashed var(--line);border-radius:var(--radiusSm);background:var(--hover);color:var(--faint);font:inherit;cursor:pointer;transition:border-color .25s,background-color .25s}.promoBannerEmpty:hover{border-color:var(--lineStrong);background:var(--hover)}.courseList{max-width:720px;margin:14px auto 0}.courseList .stageBlock:first-child{margin-top:0}.courseGrid{--roadX: 22px;--roadY: 28px;--roadHead: 9px;display:grid;gap:var(--roadY) var(--roadX);margin-top:14px;isolation:isolate}.tile.roadRight:after,.tile.roadLeft:after,.tile.roadDown:after{content:"";position:absolute;z-index:-1;background-repeat:no-repeat}.tile{--roadInk: var(--line) }.tile.passed{--roadInk: var(--accent) }.tile{--ring: radial-gradient(circle at center, transparent 0 2.9px, var(--roadInk) 3.1px 4.3px, transparent 4.5px)}.tile.roadRight:after,.tile.roadLeft:after{top:50%;transform:translateY(-50%);width:calc(var(--roadX) + var(--roadHead));height:var(--roadHead);background-image:var(--ring),var(--ring),linear-gradient(var(--roadInk),var(--roadInk));background-position:left center,right center,center;background-size:var(--roadHead) var(--roadHead),var(--roadHead) var(--roadHead),calc(var(--roadX) - var(--roadHead)) 1.5px}.tile.roadRight:after{left:calc(100% - var(--roadHead) / 2)}.tile.roadLeft:after{right:calc(100% - var(--roadHead) / 2)}.tile.roadDown:after{left:50%;top:calc(100% - var(--roadHead) / 2);transform:translate(-50%);width:var(--roadHead);height:calc(var(--roadY) + var(--roadHead));background-image:var(--ring),var(--ring),linear-gradient(var(--roadInk),var(--roadInk));background-position:center top,center bottom,center;background-size:var(--roadHead) var(--roadHead),var(--roadHead) var(--roadHead),1.5px calc(var(--roadY) - var(--roadHead))}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:74px;padding:12px 8px 10px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);font:inherit;cursor:pointer;transition:border-color .14s ease,transform .14s ease}.tile b{display:flex;align-items:center;justify-content:center;min-height:22px;font-size:17px;font-weight:800;line-height:1;color:var(--ink)}.tileMore{border-style:dashed;background:transparent}.tileMore b{color:var(--muted)}.tileMore span{color:var(--muted);font-weight:700}.tileMore:hover b,.tileMore:hover span{color:var(--accentInk)}.tile span{font-size:10px;font-weight:600;line-height:1.35;color:var(--faint);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile>i{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%}.tileLock{position:absolute;top:7px;left:7px;color:var(--faint)}.tile>i.learning{background:var(--stLearning)}.tile>i.mastered{background:var(--stMastered)}.tile>i.review{background:var(--stReview)}.tile>i.practice{background:var(--stPractice)}.tile:hover{border-color:var(--accent);transform:translateY(-1px)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile.passed b{color:var(--accent)}.tile.next{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentTint)}.tile.locked{background:transparent;border-style:dashed}.tile.locked b,.tile.locked span{color:var(--faint);opacity:.7}.sheetBack{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:14px;background:#0f172a61;animation:fade .18s ease-out}.sheet{position:relative;width:min(560px,100%);max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto;background:var(--card);border-radius:22px;padding:26px 24px 20px;box-shadow:0 26px 60px #0f172a3d}.sheet h2{margin:0 0 16px;font-size:22px;font-weight:800;color:var(--accent)}.sheetClose{position:absolute;top:12px;right:12px}.myText textarea{width:100%;min-height:190px;resize:vertical;padding:14px;font:inherit;font-size:14px;line-height:1.65;border:1.5px solid var(--accent);border-radius:14px;background:var(--bg);color:var(--ink)}.myText textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.myTextFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 18px;font-size:12px;color:var(--muted)}.myTextPaste{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:9px;background:transparent;font:inherit;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}.myTextPaste:hover{border-color:var(--accent);color:var(--accentInk)}.toggleRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.toggle{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:transparent;font:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}.toggle i{margin-left:auto;flex:none;position:relative;width:38px;height:22px;border-radius:999px;background:var(--line);transition:background .16s ease}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--card);transition:transform .16s ease}.toggle.on{border-color:var(--accent);color:var(--accentInk)}.toggle.on i{background:var(--accent)}.toggle.on i:after{transform:translate(16px)}.sheetActions{display:flex;align-items:center;gap:10px;margin-top:22px}.myTextLines{margin-right:auto;font-size:12px;font-weight:700;color:var(--muted)}.sheetActions .primary:disabled{opacity:.5;cursor:not-allowed}.practiceEmpty,.practiceGate{max-width:620px;text-align:center}.practiceEmpty .primary,.practiceGate .ctaRow,.practiceGate .progressRow{margin-top:22px}@media(max-width:560px){.toggleRow{grid-template-columns:1fr}.sheet{padding:22px 16px 16px}}.stageTrack{font-family:var(--practiceFont, inherit)}.fontWrap{position:relative;display:inline-flex}.fontTrigger{display:inline-flex;align-items:center;gap:5px}.fontTrigger>span{font-size:15px;font-weight:700;line-height:1}.fontPop{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:30;width:min(280px,calc(100vw - 24px));background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 14px 14px;box-shadow:var(--liftPanel);text-align:left}.fontList{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.fontList button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:transparent;font-size:15px;color:var(--ink);cursor:pointer;text-align:left}.fontList button:hover{border-color:var(--accent)}.fontList button.on{background:var(--accent);border-color:var(--accent);color:var(--onAccent)}.fontHint{margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.fontHint a{color:var(--accentInk);font-weight:700;text-decoration:underline}.fontField{display:flex;align-items:center;gap:6px}.fontField input{flex:1;min-width:0;padding:9px 11px;font:inherit;font-size:13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.fontField input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fontField button{flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.fontField button:hover{border-color:var(--accent);color:var(--accentInk)}.tipWrap{display:contents}.tip{position:fixed;z-index:80;pointer-events:none;max-width:min(260px,calc(100vw - 16px));display:grid;gap:4px;padding:9px 12px;background:var(--ink);color:var(--bg);border-radius:12px;box-shadow:var(--liftMenu);font-size:12px;line-height:1.5;text-align:left;animation:tipIn .12s ease-out}.tip.live{pointer-events:auto}.tip.live:after{content:"";position:absolute;left:0;right:0;height:10px}.tip.live:not(.below):after{top:100%}.tip.live.below:after{bottom:100%}.tip a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.15em}.tip a:hover{text-decoration-thickness:2px}.tipTitle{font-size:11px;font-weight:700;opacity:.75;letter-spacing:.02em}.tipText{font-size:13px;font-weight:600}.tipGate{margin-top:3px;padding-top:6px;border-top:1px solid rgb(255 255 255 / .18);opacity:.9}@keyframes tipIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tip{animation:none}}.danger{margin-top:26px}.dangerHead{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;cursor:pointer;font:inherit;font-size:14px;font-weight:700;color:var(--red)}.dangerHead svg{transition:transform .16s ease}.dangerHead svg.up{transform:rotate(180deg)}.dangerBox{margin-top:12px;padding:16px 16px 14px;border:1.5px dashed var(--red);border-radius:16px}.dangerWarn{display:flex;align-items:flex-start;gap:11px;margin:0;font-size:12.5px;line-height:1.6;color:var(--ink)}.dangerWarn svg{flex:none;margin-top:1px;color:var(--stReview)}.dangerAct{margin-top:14px;padding:0;border:0;background:transparent;font:inherit;font-size:13.5px;font-weight:700;color:var(--red);text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.dangerAct:hover{text-decoration-thickness:2px}.dangerConfirm{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 0;font-size:13px;font-weight:700;color:var(--ink)}.dangerConfirm span{margin-right:auto}.dangerGo,.dangerNo{padding:7px 12px;border-radius:10px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.dangerGo{border:1.5px solid var(--red);background:var(--red);color:#fff}.dangerNo{border:1.5px solid var(--line);background:transparent;color:var(--muted)}.dangerNo:hover{border-color:var(--accent);color:var(--accentInk)}.controlBar button[aria-disabled=true]{opacity:.38;cursor:not-allowed}.controlBar button[aria-disabled=true]:hover{border-color:var(--line);color:inherit}
