:root{--bg: #f2f4f7;--surface: #ffffff;--ink: #111827;--ink-2: #4b5563;--mut: #8b94a3;--line: #e8ebf0;--soft: #e9edf2;--accent: #e8590c;--green: #3f6b57;--green-soft: #eaf3ee;--danger: #c2410c;--danger-soft: #fff4ef;--radius: 16px;--shadow: 0 1px 3px rgba(17, 24, 39, .07), 0 8px 22px -16px rgba(17, 24, 39, .3);--tile-today: #3b82f6;--tile-overdue: #ef7361;--tile-review: #a78bfa;--tile-progress: #f0a04b;--tile-active: #7d8694;--tile-done: #9aa3b2;--proj-1: #3b82f6;--proj-2: #f0a04b;--proj-3: #a78bfa;--proj-4: #3f6b57;--proj-5: #ef7361;--proj-6: #eab308}body.dark{--bg: #000000;--surface: #1c1c1e;--ink: #ffffff;--ink-2: #c7c7cc;--mut: #8e8e93;--line: #2c2c2e;--soft: #2c2c2e;--accent: #ff8a3d;--green: #30d158;--green-soft: #14261a;--danger: #ff6b5a;--danger-soft: #24120f;--shadow: none;--tile-today: #0a84ff;--tile-overdue: #ff6b5a;--tile-review: #bf5af2;--tile-progress: #ff9f0a;--tile-active: #7c7c87;--tile-done: #9a9aa2;--proj-1: #0a84ff;--proj-2: #ff9f0a;--proj-3: #bf5af2;--proj-4: #30d158;--proj-5: #ff6b5a;--proj-6: #ffd60a}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(92px + env(safe-area-inset-bottom))}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.top{padding:18px 18px 6px}.backbtn{display:inline-flex;align-items:center;gap:5px;background:var(--soft);color:var(--ink-2);padding:9px 15px 9px 11px;border-radius:11px;font-size:.96875rem;font-weight:650;flex:0 0 auto}.backbtn:active{opacity:.6}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:1.2px;color:var(--mut);text-transform:uppercase}.h1{font-size:1.9375rem;font-weight:700;letter-spacing:-1px;margin-top:4px;line-height:1.1}.sub{font-size:.96875rem;color:var(--ink-2);margin-top:7px}.label{padding:16px 18px 8px;font-size:.875rem;font-weight:700;letter-spacing:1px;color:var(--mut);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.card{margin:0 14px 9px;background:var(--surface);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);position:relative;overflow:hidden;border-left:4px solid transparent}.card.overdue{background:var(--danger-soft);border-left-color:var(--accent)}.card.active{border-left-color:var(--ink)}.card.idle{border-left-color:var(--line)}.chips{display:flex;align-items:center;gap:7px;margin-bottom:8px;flex-wrap:wrap}.chip{font-size:.8125rem;font-weight:700;letter-spacing:.4px;padding:3px 7px;border-radius:6px;text-transform:uppercase;background:var(--green-soft);color:var(--green)}.chip.warn{background:#ffe8dd;color:var(--danger)}body.dark .chip.warn{background:#3a241c}.chip.note{font-size:.84375rem;font-weight:650;text-transform:none;background:none;padding:0}.title{font-size:1.125rem;font-weight:600;letter-spacing:-.2px;line-height:1.3}.meta{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:.90625rem;color:var(--ink-2);flex-wrap:wrap}.actions{display:flex;gap:7px;margin-top:12px}.btn{flex:1;text-align:center;border-radius:10px;padding:10px;font-size:.96875rem;font-weight:650;background:var(--ink);color:var(--bg)}.btn.ghost{background:var(--soft);color:var(--ink-2)}.btn.warn{background:var(--accent);color:#fff}.btn:disabled{opacity:.5}.field{margin:0 18px 14px}.flabel{font-size:.84375rem;font-weight:700;letter-spacing:.8px;color:var(--mut);text-transform:uppercase;margin-bottom:7px}.input,.textarea,.select{width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:12px;font-size:1.09375rem;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--ink)}input[type=datetime-local],input[type=date],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:100%;min-width:0;display:block}.textarea{min-height:76px;resize:vertical}.opts{display:flex;gap:6px;flex-wrap:wrap}.opt{font-size:.9375rem;font-weight:650;padding:8px 12px;border-radius:10px;background:var(--soft);color:var(--ink-2)}.opt.on,.opt.prio-normal.on{background:var(--ink);color:var(--bg)}.opt.prio-high{background:#4a3410;color:#ffc86b}.opt.prio-high.on{background:#ff9f0a;color:#1a1200}.opt.prio-urgent{background:#4a1f1a;color:#ff9a8c}.opt.prio-urgent.on{background:#ff453a;color:#fff}body:not(.dark) .opt.prio-high{background:#fff1d9;color:#a35c00}body:not(.dark) .opt.prio-high.on{background:#f0a04b;color:#3a2200}body:not(.dark) .opt.prio-urgent{background:#ffe4de;color:#b3291a}body:not(.dark) .opt.prio-urgent.on{background:#e5352a;color:#fff}.bottombar{position:sticky;bottom:0;padding:12px 18px calc(16px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.bottombar .btn{padding:15px;font-size:1.15625rem}.empty{text-align:center;padding:48px 24px;color:var(--mut);font-size:1.0625rem;line-height:1.6}.empty .big{font-size:2.375rem;margin-bottom:12px}.skel{margin:0 14px 9px;height:92px;border-radius:var(--radius);background:var(--soft);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:.9}}.error{margin:14px 18px;background:var(--danger-soft);border:1px solid var(--accent);border-radius:12px;padding:12px 14px;font-size:1.03125rem;color:var(--danger);line-height:1.5}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:4px 14px 6px}.tile{border-radius:16px;padding:13px 14px 12px;color:#fff;text-align:left;display:flex;flex-direction:column;gap:12px;min-height:104px;position:relative;overflow:hidden}.tile:active{transform:scale(.98)}.tile .head{display:flex;align-items:center;justify-content:space-between}.tile .ic{width:30px;height:30px;border-radius:50%;background:#ffffff42;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1.15625rem}.tile .num{font-size:2.3125rem;font-weight:700;letter-spacing:-1.2px;line-height:1}.tile .cap{font-size:1.3125rem;font-weight:650;letter-spacing:-.3px;line-height:1.15}.tile.zero{opacity:.45}.section-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 9px}.section-head .t{font-size:1.5625rem;font-weight:700;letter-spacing:-.5px}.section-head .a{font-size:1.15625rem;font-weight:650;color:var(--accent);background:var(--soft);padding:8px 14px;border-radius:11px}.list-card{margin:0 14px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;padding:13px;width:100%;text-align:left}.list-row+.list-row{border-top:1px solid var(--line)}.list-row .dot{width:27px;height:27px;border-radius:50%;flex:0 0 auto;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.03125rem}.list-row .nm{flex:1;min-width:0;font-size:1.28125rem;font-weight:550}.list-row .nm small{display:block;font-size:.9375rem;color:var(--mut);font-weight:500;margin-top:3px}.list-row .cnt{font-size:1.28125rem;color:var(--mut);font-weight:550}.list-row .chev{color:var(--mut);opacity:.5;font-size:1.3125rem}.fab-round{position:fixed;right:20px;bottom:calc(22px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.125rem;font-weight:300;box-shadow:0 8px 22px #e8590c6b;z-index:30}.toolbar{display:flex;gap:8px;align-items:center}.toolbar button{width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--ink-2);display:flex;align-items:center;justify-content:center}.dots{display:flex;gap:7px;justify-content:center;align-items:center}.dots i{width:8px;height:8px;border-radius:50%;background:var(--soft)}.dots i.on{background:var(--accent)}.bigq{font-size:1.875rem;font-weight:700;letter-spacing:-.8px;text-align:center;margin:6px 22px 14px;line-height:1.2}.ctx{text-align:center;font-size:.96875rem;color:var(--mut);margin:-6px 18px 16px}.ctx b{color:var(--ink);font-weight:650}.bigin{width:100%;background:var(--surface);border:1.5px solid var(--accent);border-radius:15px;padding:16px 14px;font-size:1.3125rem;font-weight:600;line-height:1.35;resize:none;outline:none;min-height:96px}.prow{display:flex;align-items:center;gap:12px;margin:0 14px 9px;width:calc(100% - 28px);background:var(--surface);border-radius:14px;padding:12px 13px;box-shadow:var(--shadow);text-align:left}.prow .pav,.prow .avatar{width:40px;height:40px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.09375rem;flex:0 0 auto}.prow .pnm{flex:1;min-width:0}.prow .pnm b{font-size:1.1875rem;font-weight:600;display:block}.prow .pnm small{font-size:.90625rem;color:var(--mut);display:block;margin-top:2px}.prow .pch{color:var(--mut);opacity:.5;font-size:1.3125rem}.prow.all{border:1.5px solid var(--green);box-shadow:none}.okwrap{text-align:center;padding-top:64px;flex:1}.ok{width:96px;height:96px;border-radius:50%;margin:0 auto 20px;background:var(--green-soft);color:var(--green);font-size:3rem;display:flex;align-items:center;justify-content:center}.okt{font-size:1.625rem;font-weight:700;letter-spacing:-.5px}.oks{font-size:1.0625rem;color:var(--mut);margin-top:10px;line-height:1.65;padding:0 30px}.ring{position:relative;width:11.625rem;height:11.625rem;margin:20px auto 8px}.ring svg{width:100%;height:100%}.ring svg{display:block;transform:rotate(-90deg)}.ring .inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}.ring .n{font-size:2.375rem;font-weight:700;letter-spacing:-1.5px;line-height:1}.ring .s{font-size:.9375rem;color:var(--mut);text-align:center;padding:0 30px}.hintline{text-align:center;font-size:.9375rem;color:var(--mut);margin-bottom:8px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:4px 14px}.kpi{background:var(--surface);border-radius:13px;padding:12px;box-shadow:var(--shadow)}.kpi .k{font-size:.84375rem;color:var(--mut);font-weight:650;letter-spacing:.2px}.kpi .v{font-size:1.75rem;font-weight:700;letter-spacing:-.8px;margin-top:5px;line-height:1}.kpi .d{font-size:.84375rem;font-weight:650;margin-top:5px;color:var(--mut)}.kpi .d.up{color:var(--green)}.kpi .d.down{color:var(--accent)}.row{display:flex;align-items:center;gap:11px;margin:0 14px 8px;background:var(--surface);border-radius:13px;padding:12px 13px;box-shadow:var(--shadow)}.row .grow{flex:1;min-width:0}.row .rt{font-size:1.0625rem;font-weight:600}.row .rs{font-size:.875rem;color:var(--mut);margin-top:3px}.row .rv{text-align:right;font-size:1.09375rem;font-weight:700}.avatar{width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--ink-2);display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;flex:0 0 auto}.link{color:var(--accent);font-weight:650}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.90625rem;word-break:break-all}.swwrap{position:relative;overflow:hidden;margin:0 14px 9px;border-radius:var(--radius)}.swwrap .card,.swwrap .reqcard{margin-left:0;margin-right:0;margin-bottom:0}.swcard{position:relative;touch-action:pan-y;will-change:transform}.swback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;padding:0 20px;color:#fff;font-size:1.0625rem;font-weight:700;border-radius:var(--radius)}.swback.l{justify-content:flex-end}.swback .i{font-size:1.3125rem}.swback .t{transition:transform .12s}.swback.ready .t{transform:scale(1.06)}.undobar{position:fixed;left:14px;right:14px;z-index:40;bottom:calc(20px + env(safe-area-inset-bottom));max-width:532px;margin:0 auto;background:var(--ink);color:var(--bg);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:11px;font-size:1.03125rem;font-weight:600;box-shadow:0 10px 30px #0000004d}.undobar .tx{flex:1;min-width:0}.undobar .sec{font-variant-numeric:tabular-nums;opacity:.55;font-size:.9375rem;min-width:16px;text-align:right}.undobar .un{color:var(--accent);font-weight:700;font-size:1.03125rem}.reqcard{margin:0 14px 9px;background:var(--surface);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);position:relative}.reqcard .head{display:flex;gap:11px;align-items:flex-start}.reqcard .grow{flex:1;min-width:0}.reqcard .tx{font-size:1.09375rem;font-weight:600;line-height:1.35}.reqcard .sb{font-size:.90625rem;color:var(--mut);margin-top:5px}.reqcard .acts{display:flex;gap:8px;margin-top:13px}.reqcard .acts .btn{flex:1 1 0;min-width:0;height:52px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:1.0625rem;border-radius:13px;white-space:nowrap}.reqcard .acts .btn.ok{background:var(--green);color:#fff}.reqcard .btn.no{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:48px;margin-top:8px;padding:0 10px;background:transparent;color:var(--danger);border:1.5px solid var(--danger-soft);font-size:1.03125rem;border-radius:13px}body.dark .reqcard .btn.no{border-color:#3a231d}.reqcard-acts .acts{display:flex;gap:8px}.reqcard-acts .acts .btn{flex:1 1 0;min-width:0;height:54px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:1.09375rem;border-radius:13px;white-space:nowrap}.reqcard-acts .acts .btn.ok{background:var(--green);color:#fff}.reqcard-acts .btn.no{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:50px;margin-top:8px;padding:0 10px;background:transparent;color:var(--danger);border:1.5px solid var(--danger-soft);font-size:1.0625rem;border-radius:13px}body.dark .reqcard-acts .btn.no{border-color:#3a231d}.reqcard .why{margin-top:11px;background:var(--soft);border-radius:11px;padding:11px 12px;font-size:.96875rem;color:var(--ink-2);line-height:1.45}.rchip{display:inline-block;font-size:.875rem;font-weight:650;padding:5px 11px;border-radius:9px}.rchip.wait{background:var(--danger-soft);color:var(--danger)}.rchip.ok{background:var(--green-soft);color:var(--green)}.rchip.no,.rchip.off{background:var(--soft);color:var(--mut)}.tile.wide{grid-column:1 / 3;min-height:0;flex-direction:row;align-items:center;gap:13px;padding:15px 16px;background:var(--tile-review);text-align:left}.tile.wide .ic{background:#ffffff42}.tile.wide .txt{flex:1;min-width:0}.tile.wide .txt b{display:block;font-size:1.1875rem;font-weight:700;letter-spacing:-.3px}.tile.wide .txt small{display:block;font-size:.90625rem;opacity:.92;margin-top:3px}.tile.wide .chev{font-size:1.5rem;opacity:.8}.ngrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 14px 8px}.ncard{border-radius:15px;padding:13px;min-height:116px;text-align:left;display:flex;flex-direction:column;box-shadow:var(--shadow)}.ncard.plain{background:var(--surface);color:var(--ink)}.ncard:active{transform:scale(.98)}.ncard .nt{font-size:1.03125rem;font-weight:700;line-height:1.3}.ncard .nb{font-size:.90625rem;line-height:1.4;margin-top:5px;opacity:.82;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ncard .nd{font-size:.78125rem;margin-top:auto;padding-top:9px;opacity:.62}.ncard.plain .nd{color:var(--mut)}.nstrip{height:6px;width:100%}.noteinput{width:100%;background:transparent;border:none;outline:none;font-size:1.15625rem;line-height:1.6;min-height:190px;resize:none;color:var(--ink)}.palette{display:flex;gap:11px;padding:0 18px;flex-wrap:wrap}.palette .sw{width:38px;height:38px;border-radius:50%;flex:0 0 auto;border:1.5px solid transparent;position:relative}.palette .sw.on{box-shadow:0 0 0 3px var(--ink)}.palette .sw.custom{display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--line);overflow:hidden;cursor:pointer}.palette .sw.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;border:none;padding:0;cursor:pointer}.palette .sw.custom .plus{font-size:1.375rem;color:var(--mut);font-weight:300;line-height:1}.slider{width:100%;accent-color:var(--accent);height:30px}.toolbar button.on{background:var(--ink);color:var(--bg)}.shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182770;z-index:45}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:46;max-width:560px;margin:0 auto;background:var(--surface);border-radius:20px 20px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #00000040;max-height:82vh;overflow-y:auto}.grab{width:38px;height:4.5px;border-radius:3px;background:var(--line);margin:0 auto 13px}.cmt{display:flex;gap:10px;margin:0 14px 10px;align-items:flex-start}.cmt.own{flex-direction:row-reverse}.cmt .bub{flex:1;min-width:0;background:var(--surface);border-radius:5px 15px 15px;padding:12px 14px;box-shadow:var(--shadow)}.cmt.own .bub{background:var(--ink);color:var(--bg);border-top-left-radius:15px;border-top-right-radius:5px}.cmt .who{font-size:.90625rem;font-weight:700;color:var(--mut);margin-bottom:5px}.cmt .txt{font-size:1.0625rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.cmt .at{font-size:.84375rem;color:var(--mut);margin-top:6px}.cmt.own .at{color:inherit;opacity:.55}.cmt-sys{margin:0 14px 10px;text-align:center;font-size:.90625rem;color:var(--mut);background:var(--soft);border-radius:11px;padding:9px 12px;line-height:1.45}.toolbar .invite{width:auto;height:36px;border-radius:11px;padding:0 13px;background:var(--soft);color:var(--accent);font-size:.9375rem;font-weight:650;white-space:nowrap;flex:0 0 auto}.donut{position:relative;display:flex;align-items:center;justify-content:center;padding:2px 0 12px}.donut.small{padding:0;flex:0 0 auto}.donut .mid{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;pointer-events:none}.donut .mid .n{font-size:2.5rem;font-weight:700;letter-spacing:-1.6px}.donut .mid .u{font-size:.78125rem;color:var(--mut);margin-top:5px;font-weight:600}.orow{display:flex;align-items:center;gap:11px;padding:12px 13px;width:100%;text-align:left}.orow+.orow{border-top:1px solid var(--line)}.orow.top{background:var(--danger-soft)}.orow .dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.orow .nm{flex:1;min-width:0;font-size:1.125rem;font-weight:600}.orow.top .nm{font-size:1.1875rem;font-weight:650}.orow .nm small{display:block;font-size:.90625rem;color:var(--mut);font-weight:500;margin-top:4px}.orow .rv{text-align:right;font-size:1.25rem;font-weight:700;line-height:1;flex:0 0 auto}.orow .rv small{display:block;font-size:.6875rem;color:var(--mut);font-weight:700;margin-top:4px;letter-spacing:.3px}.orow .chev{color:var(--mut);opacity:.5;font-size:1.3125rem;flex:0 0 auto}.orow .badge{display:inline-block;font-size:.71875rem;font-weight:700;letter-spacing:.3px;padding:3px 8px;border-radius:7px;background:var(--accent);color:#fff;margin-bottom:6px}.okline{display:flex;align-items:center;gap:9px;margin:9px 14px 0;background:var(--green-soft);color:var(--green);border-radius:13px;padding:12px 14px;font-size:.96875rem;font-weight:600;line-height:1.4}.ohead{display:flex;align-items:center;gap:14px;padding:4px 18px 0}.tcard{display:block;width:calc(100% - 28px);text-align:left;margin:0 14px 9px;background:var(--surface);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);border-left:4px solid var(--accent)}.tcard .tt{font-size:1.09375rem;font-weight:600;line-height:1.35}.tcard .tm{font-size:.9375rem;color:var(--danger);margin-top:7px;font-weight:650}.tcard .ta{font-size:.875rem;color:var(--mut);margin-top:5px}.spk{position:absolute;top:9px;right:10px;width:2.375rem;height:2.375rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--ink-2);border:1px solid var(--line);box-shadow:0 2px 8px #11182724;font-size:1.05rem;z-index:2}.spk.on{background:var(--accent);color:#fff;border-color:var(--accent)}.spk:active{opacity:.7}.reading{background:var(--danger-soft);border-radius:6px;box-shadow:0 0 0 3px var(--danger-soft)}body.dark .reading{background:#3a2417;box-shadow:0 0 0 3px #3a2417}.listen{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px;border-radius:13px;background:var(--soft);color:var(--ink);font-size:1.05rem;font-weight:650}.listen.on{background:var(--accent);color:#fff}.wave{display:flex;align-items:center;gap:3px;height:2.2rem}.wave i{flex:1;min-height:12%;background:var(--accent);border-radius:2px}.wave.idle i{background:var(--mut);opacity:.55}.rec-timer{text-align:center;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;margin-top:10px}.voicebar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:10px 12px}.voicebar .play{flex:0 0 auto;width:2.625rem;height:2.625rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:1.05rem}.voicebar .dur{font-size:.9rem;color:var(--mut);font-variant-numeric:tabular-nums;flex:0 0 auto}.voicebar .del{color:var(--mut);font-size:1.35rem;flex:0 0 auto;padding:0 4px}.micbtn{flex:0 0 auto;width:3.5rem;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.45rem}.micbtn:active{opacity:.75}.howgrid{display:flex;flex-direction:column;gap:12px;padding:0 15px}.how{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:18px;padding:34px 14px;min-height:30vh}.how .em{font-size:3rem;line-height:1}.how .t{font-size:1.45rem;font-weight:700;letter-spacing:-.3px}.how.voice{background:var(--accent);color:#fff}.how.text{background:var(--surface);border:2px solid var(--line);color:var(--ink)}.how:active{opacity:.8}.rank-row{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:13px;margin:0 13px 8px;padding:14px 12px;box-shadow:0 1px 3px #11182712;-webkit-user-select:none;user-select:none}.rank-row.lift{box-shadow:0 10px 24px -8px #11182773;border:1px solid var(--accent);position:relative;z-index:3}.rank-row .grow{flex:1;min-width:0}.ordnum{flex:0 0 auto;width:1.75rem;height:1.75rem;border-radius:8px;background:var(--soft);color:var(--ink-2);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.ordnum.first{background:var(--accent);color:#fff}.totop{flex:0 0 auto;color:var(--accent);font-size:1.35rem;font-weight:700;padding:6px 8px}.grip{flex:0 0 auto;color:var(--mut);font-size:1.5rem;line-height:1;padding:6px 4px 6px 8px;touch-action:none;cursor:grab}.rank-row.lift .grip{color:var(--accent)}.chip.rank{background:var(--soft);color:var(--ink-2)}.chip.rank.first{background:var(--danger);color:#fff}