*{margin:0;padding:0;box-sizing:border-box}html,body,#app{min-height:100%}html{--top-bands-h: calc(var(--viewing-as-h, 0px) + var(--own-play-banner-h, 0px))}html.is-viewing-as body,html.has-own-play-banner body{padding-top:var(--top-bands-h, 0px)}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease;overscroll-behavior:none}body{overflow:hidden;touch-action:none}@supports (-webkit-touch-callout: none){@media(display-mode:standalone){body{overflow:visible;touch-action:auto}}}.page-scroll{height:calc(100vh - var(--top-bands-h, 0px));height:calc(100dvh - var(--top-bands-h, 0px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;background:var(--bg-primary);padding-bottom:var(--learner-nav-space, 0px)}@media(display-mode:standalone){body{-webkit-user-select:none;user-select:none}.text-zone,.known-text,.target-text{-webkit-user-select:text;user-select:text}}button{font-family:inherit;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;background:var(--bg-primary)}html.has-own-play-banner{--shell-inset-top: 0px}:root{--ssi-brand-red: #DB1E17;--ssi-red: #c23a3a;--ssi-red-dark: #9a2e2e;--ssi-red-light: #e54545;--ssi-red-soft: rgba(194, 58, 58, .15);--ssi-gold: #d4a853;--ssi-gold-dark: #b8923d;--ssi-gold-light: #e5c078;--accent: var(--ssi-red);--accent-light: #d44545;--accent-dark: #b83232;--accent-glow: rgba(194, 58, 58, .4);--gold: var(--ssi-gold);--gold-glow: rgba(212, 168, 83, .4);--success: #4ade80;--success-muted: rgba(74, 222, 128, .15);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .15);--error: #ef4444;--error-muted: rgba(239, 68, 68, .15);--info: #60a5fa;--info-muted: rgba(96, 165, 250, .15);--belt-white: #ffffff;--belt-white-dark: #e0e0e0;--belt-yellow: #fcd34d;--belt-yellow-dark: #f59e0b;--belt-orange: #fb923c;--belt-orange-dark: #ea580c;--belt-green: #4ade80;--belt-green-dark: #16a34a;--belt-blue: #60a5fa;--belt-blue-dark: #2563eb;--belt-purple: #a78bfa;--belt-purple-dark: #7c3aed;--belt-brown: #a8856c;--belt-brown-dark: #78350f;--belt-black: #d4a853;--belt-black-dark: #b8860b;--font-brand: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: var(--font-brand);--font-coverage: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Noto Sans JP", "DM Sans", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-known-line: "JetBrains Mono", "SF Mono", Consolas, monospace;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 50;--z-sticky: 80;--z-nav: 100;--z-modal-backdrop: 150;--z-modal: 200;--z-toast: 300;--z-tooltip: 400;--nav-height: 80px;--nav-height-safe: calc(80px + var(--shell-inset-bottom));--shell-inset-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--shell-inset-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--shell-nav-clearance: max(calc(var(--shell-inset-bottom) / 2), 12px);--float-row-bottom: calc(var(--shell-nav-clearance) + 72px + 12px);--float-col-right: calc(max(1rem, (100vw - 400px) / 2) + 16px) ;--float-bar-left: max(1rem, (100vw - 400px) / 2);--mode-btn-size: 44px;--container-max: 1400px;--sidebar-width: 280px;--bg-primary: #e8e3dd;--bg-secondary: #e0dbd5;--bg-card: #ffffff;--bg-card-hover: #faf9f8;--bg-elevated: #ffffff;--bg-input: #e8e4df;--bg-overlay: rgba(26, 22, 20, .7);--text-primary: #2C2622;--text-secondary: #4A4440;--text-muted: #8A8078;--text-inverse: #ffffff;--pinyin-face-style: italic;--pinyin-face-weight: 700;--pinyin-face-color: #1A1512;--pinyin-face-scale: 1.12;--border-subtle: rgba(0, 0, 0, .1);--border-medium: rgba(0, 0, 0, .14);--border-strong: rgba(0, 0, 0, .2);--border-focus: var(--ssi-red);--shadow-sm: 0 1px 3px rgba(44, 38, 34, .1), 0 4px 12px rgba(44, 38, 34, .07);--shadow-md: 0 2px 6px rgba(44, 38, 34, .12), 0 8px 24px rgba(44, 38, 34, .08);--shadow-lg: 0 4px 12px rgba(44, 38, 34, .14), 0 16px 48px rgba(44, 38, 34, .1);--shadow-xl: 0 4px 16px rgba(44, 38, 34, .16), 0 24px 64px rgba(44, 38, 34, .12);--shadow-glow: 0 0 24px rgba(194, 58, 58, .25);--shadow-glow-gold: 0 0 24px rgba(212, 168, 83, .28);--nav-shadow: 0 2px 4px rgba(44, 38, 34, .14), 0 8px 24px rgba(44, 38, 34, .1);--card-glow: 0 0 0 1px rgba(0, 0, 0, .04), 0 2px 6px rgba(44, 38, 34, .12), 0 8px 24px rgba(44, 38, 34, .08);--pill-bg: rgba(255, 255, 255, .7);--pill-bg-hover: rgba(255, 255, 255, .9);--pill-border: 1px solid rgba(0, 0, 0, .1);--pill-shadow: 0 1px 3px rgba(44, 38, 34, .1), 0 4px 12px rgba(44, 38, 34, .07);--accent-glow: rgba(194, 58, 58, .18);--gold-glow: rgba(212, 168, 83, .22);--gradient-accent: linear-gradient(145deg, #d94545 0%, #a83232 100%);--glow-accent: 0 4px 16px rgba(194, 58, 58, .18);--glow-soft: rgba(122, 110, 98, .03);--nav-bg: rgba(255, 255, 255, .92);--nav-bg-blur: rgba(255, 255, 255, .85);--card-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 2px 6px rgba(44, 38, 34, .12), 0 8px 24px rgba(44, 38, 34, .08);--card-border: 1px solid rgba(0, 0, 0, .04);--chip-bg: #ffffff;--chip-border: 1px solid rgba(0, 0, 0, .06);--modal-backdrop: rgba(26, 22, 20, .4);--network-bg: radial-gradient(ellipse at 50% 50%, rgba(122, 110, 98, .08) 0%, transparent 50%);--network-node-fill: rgba(44, 38, 34, .7);--network-node-stroke: rgba(44, 38, 34, .35);--network-edge-stroke: rgba(122, 110, 98, .12);--network-active-edge: #8B5E3C;--network-label-fill: rgba(44, 38, 34, .5);--mountain-opacity: .18;--overlay-gradient: linear-gradient(180deg, rgba(232, 227, 221, 0) 0%, rgba(232, 227, 221, .9) 100%);--theme-mode: light}.pinyin-face{font-style:var(--pinyin-face-style);font-weight:var(--pinyin-face-weight);color:var(--pinyin-face-color);font-size:calc(var(--pinyin-face-scale) * 1em)}.belt-white{background:linear-gradient(135deg,var(--belt-white),var(--belt-white-dark));color:#333}.belt-yellow{background:linear-gradient(135deg,var(--belt-yellow),var(--belt-yellow-dark));color:#333}.belt-orange{background:linear-gradient(135deg,var(--belt-orange),var(--belt-orange-dark));color:#fff}.belt-green{background:linear-gradient(135deg,var(--belt-green),var(--belt-green-dark));color:#fff}.belt-blue{background:linear-gradient(135deg,var(--belt-blue),var(--belt-blue-dark));color:#fff}.belt-purple{background:linear-gradient(135deg,var(--belt-purple),var(--belt-purple-dark));color:#fff}.belt-brown{background:linear-gradient(135deg,var(--belt-brown),var(--belt-brown-dark));color:#fff}.belt-black{background:linear-gradient(135deg,var(--belt-black),var(--belt-black-dark));color:#fff}[lang]{--font-body: var(--font-brand);font-family:var(--font-body)}:lang(ben),:lang(bg),:lang(bn),:lang(bul),:lang(cmn),:lang(el),:lang(ell),:lang(hi),:lang(hin),:lang(mar),:lang(mk),:lang(mkd),:lang(mr),:lang(ne),:lang(nep),:lang(pa),:lang(pan),:lang(rgn),:lang(ru),:lang(rus),:lang(scn),:lang(se),:lang(sme),:lang(uk),:lang(ukr),:lang(yo),:lang(yor),:lang(zh),:lang(zho){--font-body: var(--font-coverage);--font-known-line: var(--font-coverage);--font-display: var(--font-coverage);font-family:var(--font-coverage)}.brand-text,.brand-text *{font-family:var(--font-brand)}:lang(ar),:lang(ara),:lang(ben),:lang(bn),:lang(cmn),:lang(fa),:lang(fas),:lang(gu),:lang(guj),:lang(hak),:lang(he),:lang(heb),:lang(hi),:lang(hin),:lang(hy),:lang(hye),:lang(ja),:lang(jpn),:lang(kan),:lang(kn),:lang(ko),:lang(kor),:lang(mar),:lang(mr),:lang(nan),:lang(ne),:lang(nep),:lang(pa),:lang(pan),:lang(si),:lang(sin),:lang(ta),:lang(tam),:lang(te),:lang(tel),:lang(th),:lang(tha),:lang(ur),:lang(urd),:lang(yi),:lang(yid),:lang(yue),:lang(zh),:lang(zho){font-style:normal!important}:root[data-shell-android="1"]{--shell-nav-clearance: max( calc(var(--shell-inset-bottom) + 16px), var(--shell-nav-floor, 24px) )}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow-x:hidden}ul,ol{list-style:none}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,textarea,select{font:inherit;color:inherit}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5,h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--ssi-red);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--ssi-red);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--bg-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation:fadeInUp .5s ease forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.delay-4{animation-delay:.4s;opacity:0}.delay-5{animation-delay:.5s;opacity:0}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-ssi-red{color:var(--ssi-red)}.text-ssi-gold{color:var(--ssi-gold)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wider)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.status-pill[data-v-54376af7]{position:fixed;top:calc(var(--top-bands-h, 0px) + max(12px,env(safe-area-inset-top,0px)) + 44px);left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));display:flex;justify-content:center;z-index:2147483647;pointer-events:none}.status-pill--by-bar[data-v-54376af7]{top:auto;bottom:var(--float-row-bottom, calc(var(--shell-nav-clearance, 12px) + 84px));left:var(--float-bar-left, 1rem);right:calc(var(--float-col-right, 32px) + var(--mode-btn-size, 44px) + 12px);justify-content:flex-start;align-items:flex-end}.status-pill__body[data-v-54376af7]{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:32px;padding:6px 14px;border-radius:20px;background:#ffffffd1;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));box-shadow:var(--shadow-sm, 0 1px 3px rgba(44, 38, 34, .1), 0 4px 12px rgba(44, 38, 34, .07));color:var(--text-secondary, #4A4440);pointer-events:auto}.status-pill__body--alert[data-v-54376af7]{color:var(--text-primary, #2C2622);border-color:var(--border-strong, rgba(0, 0, 0, .2))}.status-pill__text[data-v-54376af7]{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:500;line-height:1.3}.status-pill__words[data-v-54376af7]{display:flex;align-items:center;gap:6px}.status-pill__build[data-v-54376af7]{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:11px;font-weight:400;color:var(--text-muted, #8A8078)}.status-pill__pulse[data-v-54376af7]{flex:none;width:6px;height:6px;border-radius:50%;background:var(--text-muted, #8A8078);animation:status-pill-pulse-54376af7 1.2s ease-in-out infinite}@keyframes status-pill-pulse-54376af7{0%,to{opacity:.3}50%{opacity:1}}.status-pill__bar[data-v-54376af7]{display:block;height:3px;border-radius:2px;background:var(--bg-secondary, #e0dbd5);overflow:hidden}.status-pill__bar-fill[data-v-54376af7]{display:block;height:100%;background:var(--text-muted, #8A8078);transition:width .3s ease}.status-pill__actions[data-v-54376af7]{display:flex;gap:6px;flex:none}.status-pill__quiet[data-v-54376af7],.status-pill__action[data-v-54376af7]{min-height:28px;padding:4px 12px;border-radius:999px;font-size:13px;cursor:pointer;transition:background .15s ease}.status-pill__quiet[data-v-54376af7]{background:transparent;border:1px solid var(--border-subtle, rgba(0, 0, 0, .1));color:var(--text-muted, #8A8078)}.status-pill__action[data-v-54376af7]{background:var(--text-primary, #2C2622);border:none;color:var(--text-inverse, #fff);font-weight:600}.pill-fade-enter-active[data-v-54376af7],.pill-fade-leave-active[data-v-54376af7]{transition:opacity .35s ease,transform .35s ease}.pill-fade-enter-from[data-v-54376af7],.pill-fade-leave-to[data-v-54376af7]{opacity:0;transform:translateY(-4px)}.app-escape[data-v-58577847]{position:fixed;top:calc(var(--top-bands-h, 0px) + max(12px,env(safe-area-inset-top,0px)));left:max(12px,env(safe-area-inset-left,0px));z-index:60;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 12px;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary, #5b5650);background:#ffffffb3;backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);border:1px solid rgba(44,38,34,.1);border-radius:999px;box-shadow:inset 0 1px #fffc,0 1px 2px #2c26220f,0 6px 18px #2c26221a;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.app-escape[data-v-58577847]:hover{background:#ffffffeb;border-color:#2c262229}.app-escape[data-v-58577847]:active{transform:translateY(.5px)}.app-escape[data-v-58577847]:focus-visible{outline:none;box-shadow:0 0 0 3px #60a5fa66}.app-escape__chev[data-v-58577847]{font-size:14px;line-height:1}@media(prefers-reduced-transparency:reduce){.app-escape[data-v-58577847]{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.app-escape[data-v-58577847]{transition:none}}.mode-tray-container[data-v-c0cefe5d]{position:absolute;right:16px;bottom:calc(100% + 12px);z-index:103}.mode-dl-ring[data-v-c0cefe5d]{position:absolute;inset:-5px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--dl-color, #16a34a) calc(var(--dl-pct, 0) * 1%),rgba(0,0,0,.13) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));transition:background .3s ease}.mode-dl-ring.is-preparing[data-v-c0cefe5d]{animation:mode-dl-pulse-c0cefe5d 1s ease-in-out infinite}@keyframes mode-dl-pulse-c0cefe5d{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.mode-dl-ring.is-preparing[data-v-c0cefe5d]{animation:none}}.mode-trigger[data-v-c0cefe5d]{position:relative;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(0,0,0,.2);background:#ffffffeb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;color:#6b6560;box-shadow:0 2px 8px #00000026}.mode-trigger svg[data-v-c0cefe5d]{width:20px;height:20px}.mode-trigger[data-v-c0cefe5d]:active{transform:scale(.9)}.mode-trigger.active[data-v-c0cefe5d]{background:#f0fff5f2;border-color:#16a34a66;color:#16a34a}.mode-trigger.open[data-v-c0cefe5d]{background:#00000014;border-color:#00000059;box-shadow:0 2px 8px #00000026,0 0 0 3px #0000000f}.mode-tray[data-v-c0cefe5d]{position:absolute;bottom:calc(100% + 8px);right:0;width:280px;background:#fffffff5;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1.5px solid rgba(0,0,0,.12);border-radius:16px;padding:6px;box-shadow:0 4px 16px #00000026,0 12px 32px #0000001a;z-index:103}.tray-item[data-v-c0cefe5d]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:background .15s ease;text-align:left;color:#6b6560}.tray-item[data-v-c0cefe5d]:hover{background:#0000000a}.tray-item[data-v-c0cefe5d]:active{background:#00000014}.tray-item+.tray-item[data-v-c0cefe5d]{margin-top:4px}.tray-item.selected[data-v-c0cefe5d],.tray-item.selected[data-v-c0cefe5d]:hover,.tray-item.selected[data-v-c0cefe5d]:active{background:#16a34a;color:#fff}.tray-icon[data-v-c0cefe5d]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0000000a;flex-shrink:0}.tray-item.selected .tray-icon[data-v-c0cefe5d]{background:#fff3}.tray-item.selected .tray-desc[data-v-c0cefe5d]{color:#ffffffd9}.tray-icon svg[data-v-c0cefe5d]{width:18px;height:18px}.tray-label[data-v-c0cefe5d]{flex:1;min-width:0}.tray-name[data-v-c0cefe5d]{display:block;font-size:13px;font-weight:600;color:inherit;line-height:1.2}.tray-desc[data-v-c0cefe5d]{display:block;font-size:11px;color:#a09a94;line-height:1.3;margin-top:1px}.tray-backdrop[data-v-c0cefe5d]{position:fixed;inset:0;z-index:102;background:#00000026}.tray-enter-active[data-v-c0cefe5d],.tray-leave-active[data-v-c0cefe5d]{transition:all .2s ease}.tray-enter-from[data-v-c0cefe5d],.tray-leave-to[data-v-c0cefe5d]{opacity:0;transform:translateY(8px) scale(.95)}.backdrop-enter-active[data-v-c0cefe5d],.backdrop-leave-active[data-v-c0cefe5d]{transition:opacity .2s ease}.backdrop-enter-from[data-v-c0cefe5d],.backdrop-leave-to[data-v-c0cefe5d]{opacity:0}.bottom-nav[data-v-4dc8c689]{position:fixed;bottom:var(--shell-nav-clearance, max( calc(env(safe-area-inset-bottom, 0px)/2) , 12px));left:50%;right:auto;transform:translate(-50%);width:calc(100% - 2rem);max-width:400px;z-index:3000;overflow:visible}.nav-backdrop[data-v-4dc8c689]{position:absolute;inset:0;background:#0a0a12d1;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1.5px solid rgba(255,255,255,.35);border-radius:32px;box-shadow:0 2px 8px #00000080,0 8px 24px #0006,0 20px 48px #00000040;z-index:100}.nav-content[data-v-4dc8c689]{position:relative;z-index:102;display:flex;align-items:center;justify-content:space-evenly;width:100%;max-width:400px;margin:0 auto;height:72px;padding:0 10px}.pill-btn[data-v-4dc8c689]{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-muted);transition:color .2s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.pill-btn svg[data-v-4dc8c689]{position:relative;z-index:1;width:24px;height:24px}.pill-btn[data-v-4dc8c689]:active,.pill-btn.tapped[data-v-4dc8c689]{transform:scale(.88)}.pill-btn-bg[data-v-4dc8c689]{position:absolute;inset:4px;border-radius:50%;background:transparent;transition:background .2s ease}.pill-btn.active .pill-btn-bg[data-v-4dc8c689]{background:#ffffff1f}.pill-btn.active[data-v-4dc8c689]{color:var(--text-primary)}.pill-btn.cue-listening[data-v-4dc8c689]{color:#ffffffd9}.pill-btn.cue-listening .pill-btn-bg[data-v-4dc8c689]{background:#ffffff0f;animation:skip-cue-pulse-4dc8c689 2.4s ease-in-out infinite}@keyframes skip-cue-pulse-4dc8c689{0%,to{background:#ffffff0a}50%{background:#ffffff24}}@media(prefers-reduced-motion:reduce){.pill-btn.cue-listening .pill-btn-bg[data-v-4dc8c689]{animation:none;background:#ffffff1a}}@media(hover:hover){.pill-btn:hover:not(.active) .pill-btn-bg[data-v-4dc8c689]{background:#ffffff14}.pill-btn[data-v-4dc8c689]:hover:not(.active){color:#ffffffb3}}.center-btn[data-v-4dc8c689]{position:relative;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(145deg,var(--ssi-red-light) 0%,var(--ssi-red) 100%);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #c23a3a66,0 8px 24px #c23a3a33;-webkit-tap-highlight-color:transparent;flex-shrink:0}.center-btn[data-v-4dc8c689]:active,.center-btn.pressed[data-v-4dc8c689]{transform:scale(.9)}.center-btn-inner[data-v-4dc8c689]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff}.center-btn-inner svg[data-v-4dc8c689]{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.center-btn:not(.is-stop):not(.is-disabled):not(.is-return) .center-btn-inner svg[data-v-4dc8c689]{margin-left:2px}.center-btn.is-disabled[data-v-4dc8c689]{background:linear-gradient(145deg,var(--ssi-red-light) 0%,var(--ssi-red) 100%);box-shadow:0 2px 8px #c23a3a33;cursor:default;animation:play-pulse-4dc8c689 1.8s ease-in-out infinite}.center-btn.is-disabled .center-btn-inner[data-v-4dc8c689]{opacity:.6}.center-btn.is-disabled .center-btn-inner[data-v-4dc8c689]:has(>.center-btn-spinner){opacity:1}.center-btn-spinner[data-v-4dc8c689]{display:block;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:center-btn-spin-4dc8c689 .9s linear infinite}@keyframes center-btn-spin-4dc8c689{to{transform:rotate(360deg)}}@keyframes play-pulse-4dc8c689{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.75;transform:scale(1.04)}}.center-btn.is-return[data-v-4dc8c689]{background:var(--bg-elevated);box-shadow:0 2px 8px #0003}.center-btn.is-return .center-btn-inner[data-v-4dc8c689]{color:var(--text-primary)}.safe-area-spacer[data-v-4dc8c689]{display:none}@media(orientation:landscape)and (max-height:500px){.nav-content[data-v-4dc8c689]{height:52px;max-width:380px}.pill-btn[data-v-4dc8c689]{width:40px;height:40px}.pill-btn svg[data-v-4dc8c689]{width:18px;height:18px}.center-btn[data-v-4dc8c689]{width:42px;height:42px}.center-btn-inner svg[data-v-4dc8c689]{width:18px;height:18px}.safe-area-spacer[data-v-4dc8c689]{min-height:2px}}:root[data-theme=mist] .nav-backdrop[data-v-4dc8c689]{background:#fffffff5;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1.5px solid rgba(0,0,0,.35);box-shadow:0 2px 4px #2c262224,0 8px 24px #2c26221a,0 20px 48px #2c26220f}:root[data-theme=mist] .pill-btn[data-v-4dc8c689]{color:#6b6560}:root[data-theme=mist] .pill-btn.active .pill-btn-bg[data-v-4dc8c689]{background:#0000000f}:root[data-theme=mist] .pill-btn.active[data-v-4dc8c689]{color:#2c2622}:root[data-theme=mist] .pill-btn.cue-listening[data-v-4dc8c689]{color:#2c2622}:root[data-theme=mist] .pill-btn.cue-listening .pill-btn-bg[data-v-4dc8c689]{animation-name:skip-cue-pulse-mist-4dc8c689}@keyframes skip-cue-pulse-mist-4dc8c689{0%,to{background:#00000008}50%{background:#0000001a}}@media(prefers-reduced-motion:reduce){:root[data-theme=mist] .pill-btn.cue-listening .pill-btn-bg[data-v-4dc8c689]{animation:none;background:#00000012}}@media(hover:hover){:root[data-theme=mist] .pill-btn[data-v-4dc8c689]:hover:not(.active){color:#2c2622}:root[data-theme=mist] .pill-btn:hover:not(.active) .pill-btn-bg[data-v-4dc8c689]{background:#0000000a}}:root[data-theme=mist] .center-btn.is-disabled[data-v-4dc8c689]{background:linear-gradient(145deg,var(--ssi-red-light) 0%,var(--ssi-red) 100%);box-shadow:0 2px 4px #c23a3a26}:root[data-theme=mist] .center-btn.is-return[data-v-4dc8c689]{background:#0000000f;box-shadow:0 2px 4px #2c26221a}:root[data-theme=mist] .center-btn.is-return .center-btn-inner[data-v-4dc8c689]{color:#2c2622}.leave-scrim[data-v-356bb343]{position:fixed;inset:0;z-index:3100;background:#14100c66;display:flex;align-items:flex-end;justify-content:center}.leave-sheet[data-v-356bb343]{width:100%;max-width:640px;background:#fff;color:var(--ink-primary, #2C2622);border-radius:16px 16px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px}.leave-title[data-v-356bb343]{font-size:18px;font-weight:600;margin:0}.leave-body[data-v-356bb343]{font-size:15px;color:var(--ink-secondary, #6B635C);margin:0 0 6px}.leave-btn[data-v-356bb343]{min-height:48px;border-radius:12px;font-size:16px;font-weight:600;border:1.5px solid var(--ink-primary, #2C2622);cursor:pointer}.leave-btn.stay[data-v-356bb343]{background:var(--ink-primary, #2C2622);color:#fff}.leave-btn.go[data-v-356bb343]{background:transparent;color:#b3261e;border-color:#b3261e}.playing-as-yourself[data-v-5b491004]{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding:calc(8px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 8px max(14px,env(safe-area-inset-left,0px));background:#b45309;color:#fff;font-size:14px;line-height:1.35;text-align:center}.playing-as-yourself-link[data-v-5b491004]{color:#fff;font-weight:600;text-decoration:underline;white-space:nowrap}.app-root[data-v-cb0aff68]{min-height:calc(100vh - var(--top-bands-h, 0px));min-height:calc(100dvh - var(--top-bands-h, 0px));background:var(--bg-primary)}.slow-network-notice[data-v-cb0aff68]{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));background:var(--bg-primary)}.slow-network-card[data-v-cb0aff68]{max-width:320px;text-align:center}.slow-network-pulse[data-v-cb0aff68]{width:10px;height:10px;margin:0 auto 20px;border-radius:50%;background:var(--text-secondary, #6b6560);animation:slow-network-breathe-cb0aff68 1.8s ease-in-out infinite}@keyframes slow-network-breathe-cb0aff68{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.9;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.slow-network-pulse[data-v-cb0aff68]{animation:none;opacity:.6}}.slow-network-title[data-v-cb0aff68]{margin:0 0 8px;font-size:17px;font-weight:600;color:var(--text-primary, #2b2724)}.slow-network-body[data-v-cb0aff68]{margin:0;font-size:15px;line-height:1.5;color:var(--text-secondary, #6b6560)}.kill-switch-overlay[data-v-cb0aff68]{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;background:#14100eeb;color:#fff}.kill-switch-overlay p[data-v-cb0aff68]{max-width:420px;font-size:16px;line-height:1.5}