:root{--ease: cubic-bezier(.22, .61, .36, 1);--radius-s: 10px;--radius: 14px;--radius-l: 20px;--fs-xs: 11px;--fs-s: 12px;--fs-m: 13px;--fs-l: 15px;--fs-xl: 18px;--fs-xxl: 22px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}[data-theme=mono]{--bg: #0b1220;--bg-2: #101a2e;--surface: #16203a;--surface-2: #1c2947;--surface-3: #243356;--text: #eaf1ff;--text-2: #a7b8d9;--text-3: #7386ab;--border: #22304f;--border-strong: #2e4068;--accent: #60a5fa;--accent-2: #93c5fd;--on-accent: #06122a;--accent-soft: rgba(96, 165, 250, .16);--grad: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);--grad-2: linear-gradient(135deg, #1e40af 0%, #38bdf8 100%);--danger: #f87171;--warn: #fbbf24;--success: #34d399;--info: #60a5fa;--shadow: 0 8px 28px rgba(6, 18, 45, .55);--glass: rgba(255, 255, 255, .05);--radius: 10px;--radius-l: 14px}[data-theme=vivid]{--bg: #08101f;--bg-2: #0c1a33;--surface: #102b4e;--surface-2: #172a4d;--surface-3: #1e3660;--text: #ffffff;--text-2: #b6c9ea;--text-3: #7f95bd;--border: #1e3762;--border-strong: #2c4d84;--accent: #3b82f6;--accent-2: #38bdf8;--on-accent: #ffffff;--accent-soft: rgba(59, 130, 246, .18);--grad: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%);--grad-2: linear-gradient(135deg, #1d4ed8 0%, #22d3ee 100%);--danger: #fb7185;--warn: #fbbf24;--success: #34d399;--info: #7dd3fc;--shadow: 0 10px 34px rgba(20, 60, 140, .34);--glass: rgba(255, 255, 255, .07)}[data-mode=light]{--bg: #eef4fc;--bg-2: #e3ecfa;--surface: #ffffff;--surface-2: #f5f9ff;--surface-3: #e8f0fd;--text: #0f1c33;--text-2: #4a5b78;--text-3: #7c8ba6;--border: #dbe6f7;--border-strong: #c3d5f0;--shadow: 0 10px 30px rgba(23, 60, 130, .12);--glass: rgba(20, 50, 120, .04)}[data-mode=light][data-theme=mono]{--accent: #1d4ed8;--accent-2: #6f97e0;--on-accent: #ffffff;--accent-soft: rgba(29, 78, 216, .1);--grad: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);--grad-2: linear-gradient(135deg, #172554 0%, #2563eb 100%)}[data-mode=light][data-theme=vivid]{--accent: #2563eb;--accent-2: #0ea5e9;--on-accent: #ffffff;--accent-soft: rgba(37, 99, 235, .12);--grad: linear-gradient(135deg, #1d4ed8 0%, #38bdf8 100%);--grad-2: linear-gradient(135deg, #2563eb 0%, #22d3ee 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);background:#eaf1fb;color:#0f1c33;font-size:var(--fs-m);overflow:hidden}#root{height:100%}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}::-webkit-scrollbar-track{background:transparent}.app-shell{height:100%;display:flex;align-items:center;justify-content:center;gap:26px;background:radial-gradient(1200px 720px at 18% -12%,#fff,#e6effb 42%,#dbe8fa);padding:16px;overflow:auto}.phone{width:430px;height:880px;max-height:calc(100vh - 32px);background:var(--bg);color:var(--text);border-radius:34px;border:8px solid #1c2938;box-shadow:0 30px 80px #173c823d,0 0 0 1px #ffffff80 inset;position:relative;overflow:hidden;display:flex;flex-direction:column;flex:0 0 auto}.phone.fullscreen{width:100%;height:100%;max-height:100%;border-radius:0;border:none}.statusbar{height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:var(--fs-s);font-weight:600;color:var(--text);background:var(--bg)}.statusbar .sb-right{display:flex;align-items:center;gap:5px}.app-body{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.app-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 0 12px}.page{padding:4px 16px 96px;animation:fadeUp .28s ease;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.page.fixed{overflow:hidden;display:flex;flex-direction:column;padding-bottom:78px}.page.fixed>*{flex:0 0 auto}.page.fixed>.rec-pane{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page.fixed>.rec-pane>*{flex:0 0 auto}.page.fixed>.rec-pane .live-box{min-height:104px;max-height:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.page.fixed>.rec-pane .rec-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:6px}.seg.mini{border-radius:9px;padding:2px;gap:2px}.seg.mini>button{height:24px;padding:0 9px;border-radius:7px;font-size:var(--fs-xs)}@media (max-height: 800px){.page.fixed .rec-stage{padding:8px 0 6px}.page.fixed .rec-stage .timer{font-size:28px;margin-bottom:6px}.page.fixed .rec-circle{width:92px;height:92px}.page.fixed .rec-stage.mini .rec-circle{width:52px;height:52px}.page.fixed .rec-hint{margin-top:8px}.page.fixed>.rec-pane .live-box{min-height:84px}}.page .tabs.sticky{position:sticky;top:0;z-index:20;background:var(--bg);padding-top:6px;padding-bottom:8px}.page .seg.sticky{position:sticky;top:0;z-index:20;background:var(--bg);padding-top:6px;padding-bottom:6px;margin-bottom:10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.brand{width:330px;color:#0f1c33;flex:0 0 auto}.brand-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#38bdf8);display:grid;place-items:center;box-shadow:0 10px 26px #2563eb52}.brand h1{font-size:27px;margin:14px 0 6px;letter-spacing:-.4px;color:#0b1730}.brand-slogan{color:#4a5b78;font-size:14px;margin:0 0 22px}.brand-feats{display:flex;flex-direction:column;gap:12px}.brand-feat{display:flex;gap:11px;align-items:flex-start}.brand-ico{width:34px;height:34px;border-radius:11px;background:#2563eb14;border:1px solid rgba(37,99,235,.18);display:grid;place-items:center;flex:0 0 auto}.brand-feat-t{font-size:14px;font-weight:600;color:#0f1c33}.brand-feat-d{font-size:12.5px;color:#5b6b88;line-height:1.6;margin-top:2px}.brand-stores{display:flex;gap:10px;margin-top:24px}.store-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:11px;background:#fff;border:1px solid #cfe0f8;color:#12325f;font-size:13px;font-weight:600;transition:.18s;box-shadow:0 4px 14px #173c8214}.store-btn:hover{background:#f2f7ff;border-color:#a9c8f2}.brand-foot{margin-top:22px;font-size:11.5px;color:#8794ad}.splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:splashLife 1s forwards}@keyframes splashLife{0%{opacity:1}82%{opacity:1}to{opacity:0}}.splash .logo.lg{width:72px;height:72px;border-radius:22px}@keyframes splashbar{0%{width:0}to{width:100%}}.notch{position:absolute;top:7px;left:50%;transform:translate(-50%);width:104px;height:22px;border-radius:14px;background:#0f172a;z-index:30}.topbar{display:flex;align-items:center;gap:8px;padding:8px 16px 10px;position:sticky;top:0;z-index:20;background:var(--bg)}.topbar .title{font-size:var(--fs-xl);font-weight:700;letter-spacing:.2px}.topbar .spacer{flex:1}.icon-btn{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text-2);transition:.18s}.icon-btn:active{transform:scale(.94)}.icon-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.tabbar{flex:0 0 auto;display:flex;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.tabbar .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--text-3);font-size:10px;border-radius:12px;transition:.18s}.tabbar .tab.active{color:var(--accent)}.tabbar .tab.active .ico{background:var(--accent-soft)}.tabbar .ico{width:34px;height:26px;border-radius:9px;display:grid;place-items:center;transition:.18s}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:14px;margin-bottom:12px}.card.tight{padding:10px 12px}.card.glow{box-shadow:var(--shadow)}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.tiny{font-size:var(--fs-xs)}.small{font-size:var(--fs-s)}.big{font-size:var(--fs-xl);font-weight:700}.huge{font-size:26px;font-weight:800;letter-spacing:-.5px}.center{text-align:center}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.f1{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btn{height:42px;border-radius:12px;background:var(--surface-2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:var(--fs-m);padding:0 14px;transition:.16s;border:1px solid var(--border)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--grad);color:var(--on-accent);border-color:transparent}.btn.accent{background:var(--accent);color:var(--on-accent);border-color:transparent}.btn.ghost{background:transparent}.btn.danger{background:var(--danger);color:#fff;border-color:transparent}.btn.outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn.sm{height:32px;font-size:var(--fs-s);padding:0 10px;border-radius:10px}.btn.block{width:100%}.btn:disabled{opacity:.5}.chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:var(--fs-s);border:1px solid var(--border);white-space:nowrap}.chip.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.chip.solid{background:var(--accent);color:var(--on-accent);border-color:transparent}.input{height:44px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);padding:0 12px;width:100%;outline:none;color:var(--text)}.input:focus{border-color:var(--accent)}textarea.input{height:auto;padding:10px 12px;resize:none}.label{font-size:var(--fs-s);color:var(--text-2);margin-bottom:6px;display:block}.switch{width:42px;height:24px;border-radius:999px;background:var(--surface-3);position:relative;transition:.2s;flex:0 0 auto;border:1px solid var(--border)}.switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-2);transition:.2s}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on .knob{left:22px;background:var(--on-accent)}.bar{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--grad);transition:width .25s}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;color:#fff;flex:0 0 auto;font-size:var(--fs-m)}.avatar.lg{width:56px;height:56px;border-radius:18px;font-size:18px}.avatar.sm{width:28px;height:28px;border-radius:9px;font-size:11px}.badge{display:inline-block;padding:2px 7px;border-radius:6px;font-size:10px;font-weight:700;background:var(--accent-soft);color:var(--accent)}.badge.green{background:#34d39929;color:var(--success)}.badge.red{background:#ff4d6d29;color:var(--danger)}.badge.gray{background:var(--surface-3);color:var(--text-2)}.divider{height:1px;background:var(--border);margin:10px 0}.seg{display:flex;background:var(--surface-2);border-radius:12px;padding:3px;gap:3px;border:1px solid var(--border)}.seg>button{flex:1;height:32px;border-radius:9px;font-size:var(--fs-s);color:var(--text-2);font-weight:600;transition:.18s}.seg>button.on{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0003}[data-theme=vivid] .seg>button.on{background:linear-gradient(135deg,#2563ebeb,#38bdf8e0);color:#fff}.sheet-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:flex;align-items:flex-end;animation:fade .2s}@keyframes fade{0%{opacity:0}}.sheet{width:100%;background:var(--surface);border-radius:22px 22px 0 0;padding:8px 16px 24px;max-height:82%;overflow-y:auto;animation:slideUp .26s cubic-bezier(.2,.9,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}}.sheet .handle{width:38px;height:4px;border-radius:4px;background:var(--border-strong);margin:0 auto 10px}.toast-wrap{position:absolute;left:0;right:0;bottom:78px;z-index:90;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:#0f1c32f0;color:#fff;padding:9px 14px;border-radius:12px;font-size:var(--fs-s);box-shadow:0 8px 24px #0006;border:1px solid rgba(255,255,255,.1);animation:fadeUp .2s;max-width:90%}.item{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;transition:.18s}.item:active{transform:scale(.99)}.item.sel{border-color:var(--accent);background:var(--accent-soft)}.player{position:absolute;left:10px;right:10px;bottom:62px;z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px 12px;box-shadow:0 12px 30px #00000059;display:flex;flex-direction:column;gap:8px;animation:slideUp .24s}.player .track{height:4px;border-radius:4px;background:var(--surface-3);position:relative;cursor:pointer}.player .track>i{position:absolute;left:0;top:0;bottom:0;background:var(--grad);border-radius:4px}.player .track>b{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.big-player{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:14px}.big-player .track{height:6px;border-radius:6px;background:var(--surface-3);position:relative;cursor:pointer;margin:10px 0 6px}.big-player .track>i{position:absolute;left:0;top:0;bottom:0;background:var(--grad);border-radius:6px}.big-player .track>b{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000080}.playbtn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:var(--on-accent);flex:0 0 auto}.playbtn.sm{width:36px;height:36px}.wave{display:flex;align-items:flex-end;gap:2px;height:22px}.wave i{width:3px;border-radius:2px;background:var(--accent);animation:wave 1s ease-in-out infinite}@keyframes wave{0%,to{height:4px;opacity:.5}50%{height:20px;opacity:1}}.seg-row{display:flex;gap:10px;padding:10px;border-radius:var(--radius);transition:background .2s;cursor:pointer}.seg-row.active{background:var(--accent-soft)}.seg-row.stream-in{animation:segIn .34s ease-out both}.seg-row .body{flex:1;min-width:0}.seg-row .txt{line-height:1.75;font-size:var(--fs-l)}.seg-row.active .txt{color:var(--text)}.spk-line{display:flex;align-items:center;gap:8px;margin-bottom:5px}.spk-dot{width:4px;height:14px;border-radius:3px}.ts{font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-3)}.mm-wrap{position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden;height:420px;touch-action:pan-y}.mm-wrap.full{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;height:100%;border-radius:0;border:none}.heat{display:grid;grid-template-columns:repeat(18,1fr);gap:3px}.heat i{aspect-ratio:1;border-radius:3px;background:var(--surface-3)}.heat i.l1{background:#2563eb59}.heat i.l2{background:#38bdf899}.heat i.l3{background:#2563ebd9}[data-theme=mono] .heat i.l1{background:#ffffff38}[data-theme=mono] .heat i.l2{background:#ffffff73}[data-theme=mono] .heat i.l3{background:#fffc}.rec-stage{display:flex;flex-direction:column;align-items:center;padding:16px 0 10px;transition:padding .36s var(--ease)}.rec-stage.mini{padding:6px 0 4px}.rec-stage .timer{font-size:34px;margin-bottom:8px;transition:font-size .34s var(--ease),margin .34s var(--ease),line-height .34s var(--ease)}.rec-stage.mini .timer{font-size:24px;margin-bottom:8px;line-height:1.15}.rec-circle{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:var(--on-accent);box-shadow:0 14px 40px #2563eb6b;position:relative;margin:0 auto;flex:0 0 auto;transition:width .36s var(--ease),height .36s var(--ease),box-shadow .36s var(--ease)}.rec-stage.mini .rec-circle{width:56px;height:56px;box-shadow:0 8px 22px #2563eb61}.rec-circle svg{transition:width .36s var(--ease),height .36s var(--ease),opacity .24s ease}.rec-stage.mini .rec-circle svg{width:24px;height:24px}.rec-hint{margin-top:8px;font-size:var(--fs-m);color:var(--text-2);transition:margin .34s var(--ease),font-size .34s var(--ease);animation:hintIn .3s var(--ease)}.rec-stage.mini .rec-hint{margin-top:8px;font-size:var(--fs-s)}@keyframes hintIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.rec-actions{width:100%;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .38s var(--ease),opacity .26s ease,margin-top .34s var(--ease)}.rec-stage.mini .rec-actions{max-height:170px;opacity:1;pointer-events:auto;margin-top:4px}.rec-circle.pulse:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid var(--accent);animation:pulse 1.6s ease-out infinite;transition:inset .36s var(--ease)}.rec-stage.mini .rec-circle.pulse:after{top:-7px;right:-7px;bottom:-7px;left:-7px}@keyframes pulse{0%{transform:scale(.94);opacity:.8}to{transform:scale(1.18);opacity:0}}.timer{font-family:var(--mono);font-size:40px;font-weight:700;letter-spacing:1px}.live-box{transition:min-height .38s var(--ease),max-height .38s var(--ease);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;min-height:92px;max-height:132px;overflow:hidden;font-size:var(--fs-l);line-height:1.7}.live-box .asr-line{margin-bottom:9px;line-height:1.65;transition:opacity .25s,color .25s}.live-box .asr-line.partial{color:var(--text-2);opacity:.92}.live-box .asr-line.final{color:var(--text);animation:segIn .26s var(--ease) both}.live-box .asr-line .final-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--success);vertical-align:2px;margin-left:5px;opacity:.75}.live-box .cursor{display:inline-block;width:2px;height:14px;background:var(--accent);vertical-align:-2px;animation:blink .9s steps(2) infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}}@keyframes segIn{0%{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulseDot 1.2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.dots:after{content:"";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.timeline-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--border)}.timeline-item:last-child{border-bottom:none}.thumb{width:54px;height:54px;border-radius:10px;background:var(--surface-3);display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid var(--border)}.thumb img{width:100%;height:100%;object-fit:cover}.auth-wrap{display:flex;flex-direction:column;padding:24px 22px;height:100%}.auth-hero{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.logo{width:62px;height:62px;border-radius:20px;background:var(--grad);display:grid;place-items:center;color:var(--on-accent);box-shadow:0 12px 30px #2563eb59}.code-inputs{display:flex;gap:8px;justify-content:space-between}.code-inputs input{width:100%;height:50px;text-align:center;font-size:20px;font-weight:700;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);outline:none;color:var(--text)}.code-inputs input:focus{border-color:var(--accent)}.plan{border:1px solid var(--border);border-radius:var(--radius-l);padding:14px;background:var(--surface);position:relative;overflow:hidden;margin-bottom:10px}.plan.hot{border-color:var(--accent);box-shadow:var(--shadow)}.plan .ribbon{position:absolute;top:10px;right:-30px;transform:rotate(35deg);background:var(--grad);color:#fff;font-size:10px;padding:3px 32px;font-weight:700}.dev-hero{background:var(--grad);border-radius:var(--radius-l);padding:16px;color:#fff;position:relative;overflow:hidden}.dev-hero .ring{position:absolute;right:-30px;top:-40px;width:160px;height:160px;border-radius:50%;border:18px solid rgba(255,255,255,.14)}.scan-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin-bottom:8px}.rssi{display:flex;align-items:flex-end;gap:2px;height:16px}.rssi i{width:3px;background:var(--accent);border-radius:2px;opacity:.35}.rssi i.on{opacity:1}.log{font-family:var(--mono);font-size:11px;line-height:1.6;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px;max-height:190px;overflow-y:auto;color:var(--text-2)}.log .ok{color:var(--success)}.log .warn{color:var(--warn)}.log .err{color:var(--danger)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);padding:0 16px;position:sticky;top:0;background:var(--bg);z-index:15}.tabs button{padding:10px 12px;font-size:var(--fs-m);font-weight:600;color:var(--text-3);border-bottom:2px solid transparent}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}mark{background:#facc1547;color:inherit;border-radius:3px;padding:0 2px}.todo{display:flex;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:8px}.check{width:20px;height:20px;border-radius:6px;border:2px solid var(--border-strong);flex:0 0 auto;display:grid;place-items:center;margin-top:2px}.check.on{background:var(--success);border-color:var(--success);color:#04352a}.qa{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--surface);margin-bottom:8px}.qa .q{font-weight:700;margin-bottom:6px;display:flex;gap:6px}.qa .a{color:var(--text-2);line-height:1.7}.tagq{color:var(--accent);font-weight:800}.taga{color:var(--success);font-weight:800}.pill-nav{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.pill-nav::-webkit-scrollbar{display:none}@media (max-width: 900px){.app-shell{padding:0;gap:0;align-items:stretch}.brand{display:none}.phone{width:100%;height:100%;max-height:100%;border:none;border-radius:0;box-shadow:none}.notch{display:none}}