:root{--ground: #f3f4f9;--glow-a: rgba(91, 108, 255, .22);--glow-b: rgba(61, 169, 252, .16);--surface: rgba(255, 255, 255, .82);--surface-solid: #ffffff;--surface-border: rgba(18, 20, 28, .07);--ink: #12141c;--ink-2: #3c4152;--muted: #6b7185;--line: rgba(18, 20, 28, .09);--accent: #4f5bff;--accent-2: #3da9fc;--accent-ink: #ffffff;--got: #149a5b;--got-soft: rgba(20, 154, 91, .13);--almost: #d2740a;--almost-soft: rgba(210, 116, 10, .14);--listen: #e8445e;--listen-soft: rgba(232, 68, 94, .16);--pill: rgba(18, 20, 28, .06);--pill-hover: rgba(18, 20, 28, .1);--ring-track: rgba(18, 20, 28, .1);--ring-fill: var(--accent);--shadow-1: 0 1px 2px rgba(18, 20, 28, .05), 0 10px 30px rgba(18, 20, 28, .08);--shadow-orb: 0 20px 50px rgba(79, 91, 255, .38);--font-word: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Manrope", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0b0d14;--glow-a: rgba(109, 93, 252, .32);--glow-b: rgba(61, 169, 252, .18);--surface: rgba(255, 255, 255, .055);--surface-solid: #151826;--surface-border: rgba(255, 255, 255, .08);--ink: #f4f5fa;--ink-2: #c9cddb;--muted: #8b92a5;--line: rgba(255, 255, 255, .09);--accent: #6d7bff;--accent-2: #4fc3ff;--accent-ink: #0b0d14;--got: #3cd68a;--got-soft: rgba(60, 214, 138, .16);--almost: #ffb547;--almost-soft: rgba(255, 181, 71, .16);--listen: #ff5c7a;--listen-soft: rgba(255, 92, 122, .18);--pill: rgba(255, 255, 255, .07);--pill-hover: rgba(255, 255, 255, .12);--ring-track: rgba(255, 255, 255, .1);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 36px rgba(0, 0, 0, .45);--shadow-orb: 0 22px 56px rgba(109, 123, 255, .5);color-scheme:dark}}:root[data-theme=dark]{--ground: #0b0d14;--glow-a: rgba(109, 93, 252, .32);--glow-b: rgba(61, 169, 252, .18);--surface: rgba(255, 255, 255, .055);--surface-solid: #151826;--surface-border: rgba(255, 255, 255, .08);--ink: #f4f5fa;--ink-2: #c9cddb;--muted: #8b92a5;--line: rgba(255, 255, 255, .09);--accent: #6d7bff;--accent-2: #4fc3ff;--accent-ink: #0b0d14;--got: #3cd68a;--got-soft: rgba(60, 214, 138, .16);--almost: #ffb547;--almost-soft: rgba(255, 181, 71, .16);--listen: #ff5c7a;--listen-soft: rgba(255, 92, 122, .18);--pill: rgba(255, 255, 255, .07);--pill-hover: rgba(255, 255, 255, .12);--ring-track: rgba(255, 255, 255, .1);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 36px rgba(0, 0, 0, .45);--shadow-orb: 0 22px 56px rgba(109, 123, 255, .5);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body,#root{min-height:100%}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 45% at 15% 0%,var(--glow-a),transparent 70%),radial-gradient(50% 40% at 100% 100%,var(--glow-b),transparent 70%)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}a{color:inherit}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}textarea{font:inherit;color:inherit}svg{display:block}.screen{min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;padding:calc(var(--sat, env(safe-area-inset-top, 0px)) + 16px) 20px calc(var(--sab, env(safe-area-inset-bottom, 0px)) + 24px);display:flex;flex-direction:column}.serif{font-family:var(--font-word);font-variation-settings:"opsz" 72,"SOFT" 30;font-weight:500;letter-spacing:-.015em}.title{font-family:var(--font-word);font-variation-settings:"opsz" 48,"SOFT" 30;font-weight:500;font-size:32px;line-height:1.15;letter-spacing:-.015em;margin:0}.hero-title{font-family:var(--font-word);font-variation-settings:"opsz" 96,"SOFT" 40;font-weight:500;font-size:40px;line-height:1.05;letter-spacing:-.02em;margin:22px 0 0}.hero-title em{font-style:italic;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);margin:6px 0 0}.muted{color:var(--muted)}.small{font-size:14px;line-height:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:16px;background:var(--pill);font-weight:700;letter-spacing:-.005em;transition:transform .12s ease,background .2s ease,box-shadow .2s ease}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);box-shadow:0 10px 28px #4f5bff52}.btn.quiet{background:transparent;color:var(--muted);font-weight:600}.btn.block{width:100%}.stack{display:flex;flex-direction:column;gap:10px}.stack>.btn{width:100%}.icon-btn{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--pill);color:var(--ink-2)}.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:600;color:var(--ink);transition:transform .12s ease}.chip:active{transform:scale(.97)}.logo{display:inline-flex;align-items:center;gap:calc(var(--logo, 30px) * .33)}.logo .mark{flex:none;filter:drop-shadow(0 4px 10px rgba(79,91,255,.28))}.wordmark{font-family:var(--font-word);font-variation-settings:"opsz" 48,"SOFT" 50;font-weight:600;font-size:calc(var(--logo, 30px) * .8);line-height:1;letter-spacing:-.02em;color:var(--ink);transform:translateY(-1px)}.hero-card{position:relative;overflow:hidden;margin-top:26px;padding:22px 22px 20px;border-radius:24px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 18px 44px #4f5bff59}.hero-card:after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%)}.hero-card .kicker{font-size:13px;font-weight:700;opacity:.85}.hero-card .big{font-family:var(--font-word);font-variation-settings:"opsz" 72,"SOFT" 40;font-weight:500;font-size:30px;line-height:1.1;letter-spacing:-.02em;margin:6px 0 14px;position:relative}.hero-card .btn{background:#fff;color:#1c2550;box-shadow:0 8px 20px #0000002e;position:relative}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.stat{padding:14px 14px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stat b{display:block;font-size:24px;line-height:1;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat span{display:block;margin-top:6px;font-size:12.5px;color:var(--muted);font-weight:600}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:30px 0 10px}.section-head h2{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em}.list-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 14px 14px 16px;margin-bottom:10px;border-radius:20px;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .12s ease}.list-card:active{transform:scale(.985)}.list-card .ring{flex:none;position:relative}.list-card .ring .pct{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.list-card .body{min-width:0;flex:1}.list-card .name{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card .sub{display:block;margin-top:2px;color:var(--muted);font-size:13.5px}.list-card .chev{color:var(--muted);flex:none}.list-card.done{--ring-fill: var(--got)}.empty{margin-top:34px;text-align:center;color:var(--muted)}.empty .ex{font-family:var(--font-word);font-variation-settings:"opsz" 36,"SOFT" 50;font-size:26px;line-height:1.25;color:var(--ink);margin:10px 0 14px}.notice{margin-top:16px;padding:12px 14px;border-radius:14px;background:var(--almost-soft);color:var(--almost);font-size:14px;line-height:20px;font-weight:600}.topbar{display:flex;align-items:center;gap:12px}.topbar .grow{flex:1}.card{padding:6px;border-radius:22px;margin-top:18px;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.textarea{width:100%;min-height:170px;padding:14px 16px;resize:vertical;border:0;border-radius:16px;background:transparent;line-height:1.6;font-size:17px}.textarea:focus{outline:none}.card:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent),var(--shadow-1)}.counter{display:flex;justify-content:space-between;margin:10px 4px 0;font-size:13.5px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}.counter .over{color:var(--almost)}.preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.preview .tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-word);font-variation-settings:"opsz" 24,"SOFT" 50;font-size:17px;font-weight:500;padding:6px 10px 6px 14px;border-radius:999px;background:var(--pill);animation:rise .25s ease both}.preview .tag svg{color:var(--muted)}.preview .tag.extra{opacity:.4;text-decoration:line-through}.sticky-bottom{position:sticky;bottom:0;margin:auto -20px 0;padding:28px 20px calc(var(--sab, env(safe-area-inset-bottom, 0px)) + 12px);background:linear-gradient(to top,var(--ground) 72%,transparent)}.add-row{display:flex;gap:8px;margin-top:10px}.add-input{flex:1;min-width:0;font:inherit;font-size:20px;font-family:var(--font-word);font-variation-settings:"opsz" 24,"SOFT" 50;font-weight:500;color:var(--ink);padding:12px 16px;border-radius:16px;border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.add-input::placeholder{font-family:var(--font-ui);font-size:17px;font-weight:500;color:var(--muted)}.add-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent),var(--shadow-1)}.add-btn{width:54px;min-height:54px;padding:0;border-radius:16px;flex:none}.suggestions{list-style:none;margin:8px 0 0;padding:6px;border-radius:18px;background:var(--surface-solid);border:1px solid var(--surface-border);box-shadow:var(--shadow-1);animation:rise .2s ease}.suggestions li button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;min-height:46px;padding:8px 12px;border-radius:12px;font-family:var(--font-word);font-variation-settings:"opsz" 24,"SOFT" 50;font-weight:500;font-size:19px;color:var(--ink)}.suggestions li button .w{min-width:0;overflow-wrap:anywhere}.suggestions li button b{font-weight:700;color:var(--accent)}.suggestions li button .plus{color:var(--muted);flex:none}.suggestions li button:active{background:var(--pill)}.suggestions li+li button{border-top:1px solid var(--line);border-radius:0 0 12px 12px}.suggestions li button .small{font-family:var(--font-ui)}.practice{min-height:100%}.segments{display:flex;gap:4px;flex:1}.segments i{flex:1;height:5px;border-radius:3px;background:var(--line);transition:background .3s,box-shadow .3s}.segments i.got{background:var(--got)}.segments i.skipped{background:var(--almost)}.segments i.now{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent)}.count{font-size:13.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.stage{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 0}.glow{position:absolute;left:50%;top:42%;width:380px;height:380px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:-1;filter:blur(40px);opacity:.55;background:radial-gradient(circle,var(--glow-color, var(--glow-a)),transparent 65%);transition:background .5s ease,opacity .5s ease}.stage[data-state=listening] .glow{--glow-color: var(--listen-soft);opacity:1}.stage[data-state=got] .glow{--glow-color: var(--got-soft);opacity:1}.stage[data-state=almost] .glow{--glow-color: var(--almost-soft);opacity:.9}.word{-webkit-user-select:none;user-select:none;font-family:var(--font-word);font-variation-settings:"opsz" 144,"SOFT" 40;font-weight:500;font-size:clamp(42px,15vw,76px);line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere;max-width:100%;margin:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),color .3s ease;animation:word-in .45s cubic-bezier(.2,.8,.2,1)}@keyframes word-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.stage[data-state=got] .word{color:var(--got);transform:scale(.97)}.listen-row{display:flex;gap:10px;margin-top:26px}.chip.speaking{border-color:color-mix(in srgb,var(--accent) 60%,transparent);color:var(--accent)}.soundbars{display:inline-flex;align-items:flex-end;gap:2px;width:18px;height:16px}.soundbars i{width:4px;height:6px;border-radius:2px;background:currentColor;animation:sbar .7s ease-in-out infinite}.soundbars i:nth-child(2){animation-delay:.15s}.soundbars i:nth-child(3){animation-delay:.3s}@keyframes sbar{0%,to{height:5px}50%{height:16px}}.word-wrap{position:relative;display:inline-block;max-width:100%}.burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.burst i{position:absolute;left:0;top:0;border-radius:50%;background:var(--got);opacity:0;animation:burst .8s cubic-bezier(.1,.8,.3,1) forwards}.burst i:nth-child(3n){background:var(--accent-2)}.burst i:nth-child(4n){background:#fff}@keyframes burst{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}.feedback-slot{width:100%;min-height:128px;margin-top:22px}.feedback{display:flex;gap:12px;align-items:flex-start;width:100%;padding:14px 16px;border-radius:18px;text-align:left;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:rise .35s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.feedback .badge{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.feedback.got .badge{background:var(--got-soft);color:var(--got)}.feedback.almost .badge{background:var(--almost-soft);color:var(--almost)}.feedback .head{font-weight:800;font-size:17px;letter-spacing:-.01em}.feedback.got .head{color:var(--got)}.feedback.almost .head{color:var(--almost)}.feedback .body{margin-top:2px;color:var(--ink-2)}.feedback .heard{margin-top:6px;color:var(--muted);font-size:13.5px}.feedback .check path{stroke-dasharray:24;stroke-dashoffset:24;animation:draw .5s .1s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.mic-area{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:6px}.orb-wrap{position:relative;width:132px;height:132px;display:grid;place-items:center}.orb-wrap .ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--listen);opacity:0;pointer-events:none}.orb-wrap.listening .ripple{animation:ripple 1.8s ease-out infinite}.orb-wrap.listening .ripple:nth-child(2){animation-delay:.6s}.orb-wrap.listening .ripple:nth-child(3){animation-delay:1.2s}@keyframes ripple{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.6);opacity:0}}.orb{position:relative;width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#fff;box-shadow:var(--shadow-orb);transition:transform .1s ease,background .25s ease,box-shadow .25s ease;transform:scale(calc(1 + var(--lvl, 0) * .14))}.orb:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:1px solid rgba(255,255,255,.35);pointer-events:none}.orb:active{transform:scale(.96)}.orb.listening{background:linear-gradient(145deg,var(--listen),#ff8a65);box-shadow:0 20px 50px #e8445e73,0 0 0 calc(var(--lvl, 0) * 22px) #e8445e2e}.orb.busy{background:linear-gradient(145deg,#7b8194,#9aa1ad);box-shadow:none}.orb.success{background:linear-gradient(145deg,var(--got),#7ee2b0);color:#fff;box-shadow:0 20px 50px #149a5b66;opacity:1!important}.orb .bars{display:flex;align-items:center;gap:4px;height:36px}.orb .bars i{width:5px;height:8px;border-radius:3px;background:#fff;transition:height .08s}.orb.anim .bars i{animation:bar .9s ease-in-out infinite}.orb.anim .bars i:nth-child(2){animation-delay:.15s}.orb.anim .bars i:nth-child(3){animation-delay:.3s}.orb.anim .bars i:nth-child(4){animation-delay:.45s}.orb.anim .bars i:nth-child(5){animation-delay:.6s}@keyframes bar{0%,to{height:8px}50%{height:32px}}.mic-label{font-weight:700;font-size:15px;color:var(--ink-2)}.mic-hint{color:var(--muted);font-size:14px;line-height:20px;min-height:40px;text-align:center;max-width:300px}.skip{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;min-height:44px;padding:0 16px;border-radius:12px}.finish{align-items:stretch}.finish .list{padding-bottom:8px}.score-wrap{position:relative;width:168px;height:168px;margin:24px auto 10px;display:grid;place-items:center}.score-wrap .ringsvg{position:absolute;top:0;right:0;bottom:0;left:0}.score{font-family:var(--font-word);font-variation-settings:"opsz" 144,"SOFT" 40;font-weight:500;font-size:56px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.score small{font-size:22px;color:var(--muted);letter-spacing:0}.score-sub{text-align:center;color:var(--muted);margin:0 auto 24px;max-width:300px}.result-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;border-radius:16px;background:var(--surface);border:1px solid var(--surface-border);animation:rise .4s cubic-bezier(.2,.8,.2,1) both}.result-row:nth-child(2){animation-delay:.05s}.result-row:nth-child(3){animation-delay:.1s}.result-row:nth-child(4){animation-delay:.15s}.result-row:nth-child(5){animation-delay:.2s}.result-row:nth-child(6){animation-delay:.25s}.result-row:nth-child(7){animation-delay:.3s}.result-row:nth-child(8){animation-delay:.35s}.result-row:nth-child(9){animation-delay:.4s}.result-row:nth-child(10){animation-delay:.45s}.result-row .w{font-family:var(--font-word);font-variation-settings:"opsz" 24,"SOFT" 50;font-size:19px;font-weight:500}.result-row .mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none}.result-row .mark.got{background:var(--got-soft);color:var(--got)}.result-row .mark.skipped{background:var(--almost-soft);color:var(--almost)}.home-foot{margin-top:auto;padding-top:28px;text-align:center}.about-hero{text-align:center;margin-top:10px}.about-hero .hero-title{font-size:34px;margin-top:16px}.about-hero .tagline{max-width:320px;margin:10px auto 0}.about-mark{display:flex;justify-content:center}.about-mark .mark{filter:drop-shadow(0 14px 30px rgba(79,91,255,.35))}.about-card{margin-top:26px;padding:20px 20px 8px;border-radius:22px;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.about-card.creator{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.eyebrow{font-size:13px;font-weight:700;color:var(--muted)}.creator-name{font-family:var(--font-word);font-variation-settings:"opsz" 72,"SOFT" 40;font-weight:500;font-size:34px;line-height:1.1;letter-spacing:-.02em;margin:4px 0 8px;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.about p{margin:0 0 12px;color:var(--ink-2)}.about-section{margin-top:30px}.about-section h2{font-family:var(--font-word);font-variation-settings:"opsz" 48,"SOFT" 30;font-weight:500;font-size:26px;letter-spacing:-.015em;margin:0 0 10px}.steps{margin:0;padding-left:22px;color:var(--ink-2)}.steps li{margin-bottom:8px;padding-left:4px}.steps b{color:var(--ink)}.link-list{display:flex;flex-direction:column;gap:8px}.link-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-top:6px;border-radius:18px;text-decoration:none;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-1)}.link-card>span:first-child{display:flex;flex-direction:column;min-width:0}.link-card b{font-weight:700}.link-card .chev{font-size:22px;color:var(--muted);flex:none}.about-foot{margin-top:36px;text-align:center}.install{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 12px 12px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-1)}.install-body{flex:1;display:flex;flex-direction:column;min-width:0}.install-body b{font-weight:700}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;background:var(--pill)}.toggle-row>span:first-child{display:flex;flex-direction:column}.toggle{position:relative;width:48px;height:29px;border-radius:999px;background:var(--line);transition:background .2s;flex:none}.toggle i{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.toggle.on{background:var(--got)}.toggle.on i{transform:translate(19px)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080a128c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:480px;max-height:86vh;overflow:auto;padding:10px 20px calc(var(--sab, env(safe-area-inset-bottom, 0px)) + 20px);border-radius:28px 28px 0 0;background:var(--surface-solid);color:var(--ink);box-shadow:0 -20px 60px #00000059;animation:slide-up .3s cubic-bezier(.2,.8,.2,1)}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.sheet-grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 10px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sheet-head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em}.setting{margin-top:18px}.setting-label{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:var(--pill)}.segmented button{min-height:40px;border-radius:11px;font-weight:700;color:var(--muted);transition:background .2s,color .2s}.segmented button.on{background:var(--surface-solid);color:var(--ink);box-shadow:var(--shadow-1)}.voice-list{display:flex;flex-direction:column;gap:6px}.engine{margin-left:8px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--pill);color:var(--muted);vertical-align:1px}.engine.cloud{background:var(--got-soft);color:var(--got)}.ios-tip{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--pill);line-height:19px}.ios-tip b{color:var(--ink)}.url-row{display:flex;gap:8px}.url-input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--ink);padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-solid)}.url-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.voice{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:10px 14px;border-radius:14px;background:var(--pill);border:1.5px solid transparent}.voice>span{display:flex;flex-direction:column}.voice b{font-weight:700}.voice.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.voice svg{color:var(--muted);flex:none}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}