:root{--bg:oklch(17% .018 250);--bg-elev:oklch(21% .022 250);--bg-card:oklch(23.5% .024 250);--bg-inset:oklch(19.5% .02 250);--border:oklch(30% .025 250);--border-strong:oklch(38% .028 250);--text:oklch(97% .008 250);--text-mute:oklch(72% .018 250);--text-faint:oklch(66% .018 250);--accent:#f5a524;--accent-ink:#1a1408;--map-water:oklch(22% .04 245);--map-land:oklch(23.5% .022 250);--map-park:oklch(26% .035 160);--map-road:oklch(32% .024 250);--map-road-stroke:oklch(40% .025 250);--map-label:oklch(78% .018 250);--red:oklch(64% .2 22);--shadow-card:0 1px 2px #00000059;--shadow-pop:0 24px 60px -18px #000000b3, 0 8px 24px -6px #0006;--statusbar:60px;--tabbar:84px;--font-ui:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-serif:"Instrument Serif", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:#0b0d12;margin:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.serif{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:400}#stage{background:radial-gradient(1200px 700px at 50% -10%,oklch(24% .03 250),#0000 60%),#0b0d12;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#scaler{transform-origin:50%}.sv-root{background:var(--bg);color:var(--text);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;overflow:hidden auto}.scroll::-webkit-scrollbar{display:none}.scroll-pad{padding-bottom:calc(var(--tabbar) + 16px)}.lt-head{z-index:4;padding:calc(var(--statusbar) + 6px) 20px 8px;background:linear-gradient(180deg, var(--bg) 62%, transparent);position:relative}.lt-eyebrow{justify-content:space-between;align-items:center;height:28px;margin-bottom:2px;display:flex}.lt-title{letter-spacing:-.02em;color:var(--text);font-size:32px;font-weight:800;line-height:1.05}.lt-title.serif{letter-spacing:-.015em;font-size:38px;font-weight:400}.lt-sub{color:var(--text-mute);margin-top:3px;font-size:13px}.brand-v2 .bv-wm{align-items:baseline;font-family:Space Grotesk,Inter,sans-serif;line-height:1;display:inline-flex}.brand-v2 .bv-song{letter-spacing:-.025em;color:var(--text);font-family:Space Grotesk,Inter,sans-serif;font-weight:700}.brand-v2 .bv-vines{letter-spacing:-.005em;margin-left:3px;font-family:Caveat,cursive;font-size:1.25em;font-weight:700;position:relative;top:2px}.brand-v2 .bv-swash{margin-left:2px;position:relative;top:-2px;overflow:visible}.ico-btn{background:var(--bg-card);border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;transition:transform .12s,background .12s;display:grid;position:relative}.ico-btn:active{background:var(--bg-inset);transform:scale(.9)}.ico-btn .badge{background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);font-family:var(--font-mono);border:2px solid var(--bg);border-radius:99px;place-items:center;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-3px;right:-3px}.press{cursor:pointer;transition:transform .12s}.press:active{transform:scale(.975)}.av{color:#fff;font-weight:600;font-family:var(--font-ui);letter-spacing:.01em;background:var(--av-bg,linear-gradient(135deg, oklch(70% .13 280), oklch(66% .15 340)));border-radius:50%;flex-shrink:0;place-items:center;display:grid}.av.ring{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.seg{background:var(--bg-inset);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{cursor:pointer;font-family:var(--font-ui);color:var(--text-mute);white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 6px;font-size:13px;font-weight:600;transition:color .12s}.seg button.on{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-card)}.hscroll{scrollbar-width:none;scroll-snap-type:x proximity;gap:12px;padding:2px 20px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start;flex-shrink:0}.chip{white-space:nowrap;background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sec-head{justify-content:space-between;align-items:baseline;padding:18px 20px 8px;display:flex}.sec-head h3{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.sec-head .more{color:var(--accent);cursor:pointer;font-size:14px;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;position:relative;overflow:hidden}.feed-list{flex-direction:column;gap:14px;padding:6px 16px 0;display:flex}.post-head{align-items:center;gap:11px;padding:13px 14px 11px;display:flex}.post-head .who{flex:1;min-width:0}.post-head .nm{color:var(--text);align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.post-head .sub{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.post-head .when{color:var(--text-faint);font-size:12px;font-family:var(--font-mono)}.post-title{padding:0 14px 10px}.post-title .t{font-size:18px;font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);line-height:1.15}.map-block{aspect-ratio:16/10;background:var(--map-land);position:relative}.map-block svg{width:100%;height:100%;position:absolute;inset:0}.map-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0c0e129e;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:7px;padding:6px 11px 6px 8px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;left:12px}.map-tag .dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.map-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);color:#fff;background:#0c0e128c;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.stat-strip{padding:12px 4px;display:flex}.stat-strip .s{text-align:center;border-left:1px solid var(--border);flex:1}.stat-strip .s:first-child{border-left:none}.stat-strip .s .v{font-family:var(--font-mono);color:var(--text);font-size:17px;font-weight:600}.stat-strip .s .v .u{color:var(--text-mute);margin-left:1px;font-size:11px;font-weight:400}.stat-strip .s .l{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-top:2px;font-size:10px}.act-row{border-top:1px solid var(--border);align-items:center;gap:4px;padding:6px 8px 8px;display:flex}.act-btn{color:var(--text-mute);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:600;transition:transform .1s,color .12s;display:inline-flex}.act-btn:active{transform:scale(.9)}.act-btn.liked{color:var(--red)}.act-btn.amped,.act-btn.saved{color:var(--accent)}.act-btn .spacer{flex:1}.act-btn.on{color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent)}.share-face{z-index:6;background:var(--bg-card);will-change:transform;flex-direction:column;transition:transform .36s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;inset:0;transform:translateY(101%)}.share-face:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 72%);height:130px;position:absolute;top:0;left:0;right:0}.share-face.on{transform:translateY(0)}.share-face:not(.on){pointer-events:none}.sf-drag{touch-action:none;cursor:grab;padding-top:9px;position:relative}.sf-drag:active{cursor:grabbing}.sf-grab{background:var(--border-strong);border-radius:99px;width:38px;height:4px;margin:0 auto}.sf-head{justify-content:space-between;align-items:flex-start;gap:10px;padding:11px 16px 2px;display:flex}.sf-title .sf-h{letter-spacing:-.01em;font-size:16px;font-weight:700}.sf-title .sf-sub{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin-top:1px;font-size:12.5px;overflow:hidden}.sf-x{background:var(--bg-inset);color:var(--text-mute);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;transition:transform .1s;display:grid}.sf-x:active{transform:scale(.88)}.sf-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);padding:12px 16px 9px;font-size:10.5px;font-weight:700}.sf-friends{scrollbar-width:none;gap:15px;padding:0 16px 2px;display:flex;overflow-x:auto}.sf-friends::-webkit-scrollbar{display:none}.sf-friend{cursor:pointer;font:inherit;color:var(--text-mute);background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;transition:transform .1s;display:flex}.sf-friend span{font-size:11.5px;font-weight:600}.sf-friend:active{transform:scale(.93)}.sf-hint{color:var(--text-faint);opacity:.8;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.sf-dests{border-top:1px solid var(--border);gap:8px;margin-top:auto;padding:16px 14px;display:flex}.sf-dest{cursor:pointer;font:inherit;color:var(--text-mute);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:7px;font-size:11.5px;font-weight:600;transition:transform .1s;display:flex}.sf-dest:active{transform:scale(.93)}.sf-ic{background:var(--bg-inset);width:50px;height:50px;color:var(--text);border:1px solid var(--border);border-radius:15px;place-items:center;display:grid}.sf-ic.accent{background:color-mix(in srgb, var(--accent) 18%, var(--bg-inset));color:var(--accent);border-color:color-mix(in srgb, var(--accent) 32%, var(--border))}.milestone{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 14%, var(--bg-card)), var(--bg-card));border:1px solid color-mix(in oklch, var(--accent) 30%, var(--border));align-items:center;gap:13px;padding:16px;display:flex}.milestone .mi-ic{background:color-mix(in oklch, var(--accent) 22%, transparent);width:42px;height:42px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.milestone h4{margin:0 0 3px;font-size:15px;font-weight:700}.milestone p{color:var(--text-mute);margin:0;font-size:13px;line-height:1.4}.plcard{align-items:center;gap:13px;padding:14px;display:flex}.plcard .pl-art{border-radius:12px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.plcard .pl-art:after{content:"";background:linear-gradient(140deg,#ffffff38,#0000 60%);position:absolute;inset:0}.plcard .pl-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.plcard h4{margin:3px 0 2px;font-size:16px;font-weight:700}.plcard p{color:var(--text-mute);margin:0;font-size:12px}.pmk{padding:4px 16px 2px}.pmk-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:150px;padding:16px 14px}.pmk-card .nm{margin-top:10px;font-size:14px;font-weight:600}.pmk-card .sub{color:var(--text-mute);height:30px;margin-top:2px;font-size:11.5px;line-height:1.3}.btn{cursor:pointer;font-family:var(--font-ui);border:1px solid var(--border);background:var(--bg-card);color:var(--text);white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;transition:transform .1s;display:inline-flex}.btn:active{transform:scale(.96)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.full{width:100%}.btn.sm{border-radius:9px;padding:7px 13px;font-size:13px}.btn.following{color:var(--text-mute)}.tiles{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;margin:4px 16px 0;display:grid;overflow:hidden}.tile{background:var(--bg-card);text-align:center;padding:13px 8px}.tile .v{font-family:var(--font-mono);color:var(--text);font-size:18px;font-weight:600}.tile .l{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-top:3px;font-size:9.5px}.run-row{cursor:pointer;align-items:center;gap:13px;padding:12px;display:flex}.run-row .thumb{background:var(--map-land);border-radius:12px;flex-shrink:0;width:76px;height:64px;position:relative;overflow:hidden}.run-row .thumb svg{width:100%;height:100%;position:absolute;inset:0}.run-row .mid{flex:1;min-width:0}.run-row .mid .t{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.run-row .mid .meta{color:var(--text-mute);font-size:12px;font-family:var(--font-mono);margin-top:2px}.run-row .mid .song{color:var(--text-faint);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.run-row .mid .song .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.run-row .chev{color:var(--text-faint);flex-shrink:0}.list-group{flex-direction:column;margin:8px 16px 0;display:flex}.list-group .run-row{border-top:1px solid var(--border)}.list-group .run-row:first-child{border-top:none}.month-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:16px 20px 6px;font-size:12px;font-weight:700}.searchbar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:9px;margin:0 20px;padding:11px 14px;display:flex}.searchbar svg{color:var(--text-faint);flex-shrink:0}.searchbar input{color:var(--text);font-family:var(--font-ui);background:0 0;border:none;outline:none;flex:1;font-size:16px}.searchbar input::placeholder{color:var(--text-faint)}.trend-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:230px;overflow:hidden}.trend-card .map{background:var(--map-land);height:116px;position:relative}.trend-card .map svg{width:100%;height:100%;position:absolute;inset:0}.trend-card .body{padding:12px 13px 13px}.trend-card .t{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.trend-card .meta{color:var(--text-mute);font-size:12px;font-family:var(--font-mono);gap:10px;margin-top:5px;display:flex}.person-row{align-items:center;gap:12px;padding:11px 0;display:flex}.person-row .who{flex:1;min-width:0}.person-row .nm{color:var(--text);font-size:15px;font-weight:600}.person-row .sub{color:var(--text-mute);margin-top:2px;font-size:12px}.chal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.chal-banner{height:78px;position:relative}.chal-banner svg{width:100%;height:100%;position:absolute;inset:0}.chal-badge{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.04em;background:#0c0e1280;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.chal-live{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0c0e1280;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px}.chal-live .led{background:var(--red);border-radius:50%;width:7px;height:7px;animation:1.4s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.chal-body{padding:13px 14px 15px}.chal-body h4{margin:0 0 5px;font-size:15.5px;font-weight:700;line-height:1.2}.chal-body p{color:var(--text-mute);margin:0 0 12px;font-size:12.5px;line-height:1.45}.prog{background:var(--bg-inset);border-radius:99px;height:7px;overflow:hidden}.prog>i{background:var(--accent);border-radius:99px;height:100%;display:block}.prog-meta{color:var(--text-mute);font-size:11.5px;font-family:var(--font-mono);justify-content:space-between;margin-top:7px;display:flex}.prof-cover{height:96px;position:relative;overflow:hidden}.prof-cover svg{width:100%;height:100%;position:absolute;inset:0}.prof-head{z-index:2;margin-top:-38px;padding:0 20px;position:relative}.prof-head .av{box-shadow:0 0 0 4px var(--bg)}.prof-name{letter-spacing:-.01em;margin-top:12px;font-size:24px;font-weight:800}.prof-handle{font-family:var(--font-mono);color:var(--text-mute);margin-top:2px;font-size:13px}.prof-bio{color:var(--text);margin-top:11px;font-size:14px;line-height:1.45}.prof-loc{color:var(--text-mute);flex-wrap:wrap;gap:6px 14px;margin-top:7px;font-size:12.5px;display:flex}.prof-loc span{align-items:center;gap:5px;display:inline-flex}.prof-counts{gap:22px;margin-top:14px;display:flex}.prof-counts .c{cursor:pointer}.prof-counts .c .n{font-family:var(--font-mono);color:var(--text);font-size:17px;font-weight:600}.prof-counts .c .k{color:var(--text-mute);margin-left:4px;font-size:12px}.prof-actions{gap:10px;margin-top:16px;display:flex}.tabbar-inline{background:linear-gradient(180deg, var(--bg) 70%, transparent);z-index:3;gap:6px;padding:16px 16px 4px;display:flex;position:sticky;top:0}.tabbar-inline button{background:var(--bg-inset);font-family:var(--font-ui);color:var(--text-mute);cursor:pointer;border:none;border-radius:10px;flex:1;padding:9px;font-size:13px;font-weight:600}.tabbar-inline button.on{background:var(--accent);color:var(--accent-ink)}.stat-cards{grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px 0;display:grid}.stat-cards .sc{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px}.stat-cards .sc .l{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:11px}.stat-cards .sc .v{font-family:var(--font-mono);color:var(--text);margin-top:6px;font-size:26px;font-weight:600}.stat-cards .sc .v .u{color:var(--text-mute);margin-left:2px;font-size:13px}.stat-cards .sc .trend{font-size:11.5px;font-family:var(--font-mono);margin-top:4px}.stat-cards .sc .trend.up{color:oklch(72% .14 150)}.stat-cards .sc .trend.down{color:var(--red)}.tabbar{z-index:40;height:var(--tabbar);background:color-mix(in oklch, var(--bg-elev) 80%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border-top:.5px solid var(--border);align-items:stretch;padding:8px 8px 26px;display:flex;position:absolute;bottom:0;left:0;right:0}.tab{cursor:pointer;color:var(--text-faint);font-family:var(--font-ui);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;transition:color .12s;display:flex}.tab.on{color:var(--accent)}.tab:active{transform:scale(.92)}.tab .ti{place-items:center;height:26px;display:grid}.detail-top{z-index:6;padding:calc(var(--statusbar) - 6px) 16px 10px;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.detail-top.solid{background:linear-gradient(to bottom, var(--bg) 56%, color-mix(in oklch, var(--bg) 72%, transparent) 82%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1)}.detail-back,.detail-x{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#0c0e128c;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.detail-back:active,.detail-x:active{transform:scale(.9)}.detail-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.detail-top .ttl{opacity:0;flex:1;min-width:0;transition:opacity .2s}.detail-top .ttl.show{opacity:1}.detail-top .ttl .t{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.detail-top .ttl .s{color:#ffffffb3;font-size:11px}.detail-map{background:var(--map-water);flex-shrink:0;height:340px;position:relative}.map-expand-hit{z-index:2;cursor:zoom-in;position:absolute;inset:0 0 40px}.map-expand{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#0c0e129e;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:flex;position:absolute;bottom:14px;right:14px}.map-expand:active{transform:scale(.95)}.fsmap{z-index:40;background:#07080b;flex-direction:column;display:flex;position:absolute;inset:0}.fsmap-canvas{position:absolute;inset:0;overflow:hidden}.fsmap-canvas .bigmap{width:100%;height:100%}.fsmap-handle{pointer-events:none;z-index:2;place-items:center;width:22px;height:22px;display:grid;position:absolute;transform:translate(-50%,-50%)}.fsmap-handle:after{content:"";background:var(--accent);border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #00000080}.fsmap-handle-ring{border:2px solid var(--hc,var(--accent));opacity:.6;border-radius:50%;position:absolute;inset:-8px}.fsmap-zoom{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.fsmap-zoom button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#0c0e129e;border:1px solid #ffffff24;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.fsmap-zoom button:active{transform:scale(.92)}.fsmap-close{top:calc(var(--statusbar) - 4px);z-index:3;position:absolute;right:16px}.fsmap-hint{top:calc(var(--statusbar));z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffd9;background:#0c0e1299;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;left:16px}.fsmap-panel{z-index:3;padding:16px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0a0b0f 38%);position:absolute;bottom:0;left:0;right:0}.fsmap-song{align-items:center;gap:11px;margin-bottom:14px;display:flex}.fsmap-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 12px}.fsmap-song-mid{flex:1;min-width:0}.fsmap-song-mid .t{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.fsmap-song-mid .a{color:var(--text-mute);font-size:12.5px}.fsmap-clock{color:#fff;font-size:15px;font-weight:700}.fsmap-stats{gap:10px;margin-bottom:12px;display:flex}.fsmap-stats .fs{border:1px solid var(--border);background:#ffffff0f;border-radius:14px;flex:1;padding:11px 12px}.fsmap-stats .fs .v{font-size:21px;font-weight:700}.fsmap-stats .fs .v .u{color:var(--text-mute);margin-left:3px;font-size:12px;font-weight:600}.fsmap-stats .fs .l{color:var(--text-faint);margin-top:3px;font-size:11px}.detail-map svg.bigmap{width:100%;height:100%;position:absolute;inset:0}.detail-map .grad{background:linear-gradient(180deg, #0c0e128c 0%, transparent 24%, transparent 62%, var(--bg) 100%);pointer-events:none;position:absolute;inset:0}.detail-sheet{z-index:2;background:var(--bg);border-radius:26px 26px 0 0;margin-top:-26px;padding:8px 0 0;position:relative}.grabber{background:var(--border-strong);border-radius:99px;width:38px;height:5px;margin:6px auto 4px}.scrubber{padding:6px 20px 4px}.scrub-readout{font-family:var(--font-mono);color:var(--text-mute);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.scrub-readout b{color:var(--text);font-weight:600}.scrub-track{height:30px;position:relative}.scrub-track svg{width:100%;height:100%;display:block;overflow:visible}.scrub-range{opacity:0;cursor:pointer;width:100%;margin:0;position:absolute;inset:0}.song-row{cursor:pointer;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:11px 20px;display:grid;position:relative}.song-row.on{background:var(--bg-inset)}.song-row .art{border-radius:9px;width:40px;height:40px;position:relative;overflow:hidden}.song-row .art:after{content:"";background:linear-gradient(140deg,#fff3,#0000 60%);position:absolute;inset:0}.song-row .art .num{font-family:var(--font-mono);color:#ffffffe6;z-index:1;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.song-row .mid{min-width:0}.song-row .mid .t{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.song-row .mid .a{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.song-row .rt{text-align:right}.song-row .rt .km{font-family:var(--font-mono);color:var(--text);font-size:13px;font-weight:600}.song-row .rt .pace{font-family:var(--font-mono);color:var(--text-mute);margin-top:2px;font-size:11px}.song-sep{background:var(--border);height:1px;margin:0 20px}.song-expand{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:2px 20px 14px;display:grid}.song-expand .mini{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:9px 10px}.song-expand .mini .l{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:9.5px}.song-expand .mini .v{font-family:var(--font-mono);color:var(--text);margin-top:3px;font-size:15px;font-weight:600}.dstat{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr 1fr 1fr;gap:1px;margin:12px 16px;display:grid;overflow:hidden}.dstat .d{background:var(--bg-card);padding:14px 12px}.dstat .d .v{font-family:var(--font-mono);font-size:19px;font-weight:600}.dstat .d .v .u{color:var(--text-mute);margin-left:2px;font-size:11px;font-weight:400}.dstat .d .l{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-top:3px;font-size:10px}.sheet-scrim{z-index:80;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;position:absolute;inset:0}.sheet-scrim.on{opacity:1;pointer-events:auto}.sheet-scrim.solid{background:var(--bg)}.sheet{z-index:81;background:var(--bg-elev);color:var(--text);border-top:.5px solid var(--border-strong);border-radius:22px 22px 0 0;flex-direction:column;max-height:84%;transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(101%);box-shadow:0 -20px 60px #00000080}.sheet.on{transform:translateY(0)}.sheet.draggable{border:.5px solid var(--border-strong);border-bottom:none;border-radius:22px 22px 0 0;max-height:none;left:16px;right:16px}.sheet.dragging{transition:none!important}.sheet .drag-zone{touch-action:none;cursor:grab;flex-shrink:0}.sheet .drag-zone:active{cursor:grabbing}.sheet .grabber{margin:9px auto 2px}.sheet-head{justify-content:space-between;align-items:center;padding:6px 20px 12px;display:flex}.sheet-head h3{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.sheet-body{min-height:0;padding:0 16px calc(env(safe-area-inset-bottom) + 28px);scrollbar-width:none;flex:auto;overflow-y:auto}.sheet-body::-webkit-scrollbar{display:none}.sheet-above{z-index:80;padding:calc(var(--statusbar) + 4px) 16px 0;pointer-events:none;flex-direction:column;justify-content:flex-start;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.focus-post{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;width:100%;overflow:hidden}.focus-post .map-block{aspect-ratio:16/8}.focus-post .post-head{padding:11px 14px 9px}.focus-post.tappable{cursor:pointer;transition:transform .12s}.focus-post.tappable:active{transform:scale(.99)}.focus-post .fp-open{color:var(--text-faint);place-items:center;margin-left:auto;display:grid}.notable-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:4px 16px 8px;display:flex;overflow-x:auto}.notable-scroll::-webkit-scrollbar{display:none}.notable-card{scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex:0 0 78%;max-width:290px;padding:14px 15px 15px;position:relative;overflow:hidden}.notable-card:before{content:"";background:var(--nc);width:4px;position:absolute;top:0;bottom:0;left:0}.notable-card .nc-top{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.notable-card .nc-ic{background:color-mix(in oklch, var(--nc) 20%, transparent);width:34px;height:34px;color:var(--nc);border-radius:10px;place-items:center;display:grid}.notable-card .nc-metric{font-family:var(--font-mono);color:var(--nc);font-size:17px;font-weight:700}.notable-card .nc-title{margin-bottom:5px;font-size:15px;font-weight:700;line-height:1.2}.notable-card .nc-detail{color:var(--text-mute);font-size:12.5px;line-height:1.4}.cmt-input{border-top:1px solid var(--border);background:var(--bg-elev);flex-shrink:0;align-items:center;gap:9px;padding:12px 16px 24px;display:flex}.cmt{align-items:flex-start;gap:11px;padding:10px 4px;display:flex}.cmt .c-main{flex:1;min-width:0}.cmt .who-line{font-size:13px}.cmt .who-line b{color:var(--text);font-weight:600}.cmt .who-line .tm{color:var(--text-faint);font-family:var(--font-mono);margin-left:6px;font-size:11px}.cmt .txt{color:var(--text);margin-top:2px;font-size:13.5px;line-height:1.4}.cmt .c-actions{align-items:center;gap:16px;margin-top:6px;display:flex}.cmt .c-actions .likes{color:var(--text-faint);font-size:11.5px;font-family:var(--font-mono)}.cmt .c-actions .reply{cursor:pointer;font-family:var(--font-ui);color:var(--text-mute);background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.cmt .c-actions .reply:active{opacity:.6}.cmt .c-like{cursor:pointer;color:var(--text-faint);background:0 0;border:none;flex-shrink:0;place-items:center;padding:3px;transition:transform .12s,color .12s;display:grid}.cmt .c-like:active{transform:scale(.8)}.cmt .c-like.on{color:var(--red)}.cmt .replies{flex-direction:column;gap:2px;margin-top:8px;display:flex}.view-replies{cursor:pointer;font-family:var(--font-ui);color:var(--text-mute);background:0 0;border:none;align-items:center;gap:8px;padding:6px 0 2px;font-size:12px;font-weight:600;display:flex}.view-replies .ln{background:var(--border-strong);width:22px;height:1px}.reply-banner{background:var(--bg-inset);border-top:1px solid var(--border);color:var(--text-mute);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12.5px;display:flex}.reply-banner b{color:var(--text);font-weight:600}.reply-banner button{color:var(--text-mute);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.cmt-input input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);border-radius:99px;outline:none;flex:1;padding:11px 16px;font-size:15px}.toast{left:50%;bottom:calc(var(--tabbar) + 14px);z-index:90;background:var(--text);color:var(--bg);opacity:0;pointer-events:none;box-shadow:var(--shadow-pop);white-space:nowrap;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%)translateY(10px)}.toast.on{opacity:1;transform:translate(-50%)translateY(0)}.empty{text-align:center;color:var(--text-mute);padding:40px 30px;font-size:14px;line-height:1.5}.empty .serif{color:var(--text);margin-bottom:8px;font-size:22px;display:block}@keyframes screen-in{0%{transform:translateY(8px)}to{transform:none}}.screen-anim{animation:.26s screen-in}@keyframes push-in{0%{transform:translate(100%)}to{transform:translate(0)}}.push-anim{animation:.3s cubic-bezier(.32,.72,0,1) push-in}.sub-head{z-index:4;padding:calc(var(--statusbar) - 4px) 16px 8px;background:linear-gradient(180deg, var(--bg) 64%, transparent);align-items:center;gap:12px;display:flex;position:relative}.sub-head .back{background:var(--bg-card);border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.sub-head .back:active{transform:scale(.9)}.sub-head .ht{flex:1;min-width:0}.sub-head .ht .t{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.sub-head .ht .s{color:var(--text-mute);font-size:12px}.sub-title{letter-spacing:-.02em;padding:4px 20px 2px;font-size:30px;font-weight:800}.fab{right:16px;bottom:calc(var(--tabbar) + 6px);z-index:45;background:var(--accent);height:54px;color:var(--accent-ink);cursor:pointer;font-family:var(--font-ui);letter-spacing:-.01em;border:none;border-radius:27px;align-items:center;gap:9px;padding:0 20px;font-size:15px;font-weight:700;transition:transform .14s;display:inline-flex;position:absolute;box-shadow:0 10px 28px -8px #f5a5248c,0 4px 12px #0006}.fab:active{transform:scale(.94)}.fab.recording{background:var(--red);color:#fff;box-shadow:0 10px 28px -8px color-mix(in oklch, var(--red) 60%, transparent), 0 4px 12px #0006}.fab .led{background:#fff;border-radius:50%;width:10px;height:10px;animation:1.3s infinite blink}.fab .rec-t{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rec-meta{gap:10px;padding:4px 0 14px;display:flex}.rec-meta .m{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex:1;padding:13px}.rec-meta .m .l{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-size:10px}.rec-meta .m .v{font-family:var(--font-mono);color:var(--text);margin-top:5px;font-size:22px;font-weight:600}.opt-row{text-align:left;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:100%;font-family:var(--font-ui);color:var(--text);border-radius:14px;align-items:center;gap:13px;margin-bottom:10px;padding:14px;display:flex}.opt-row:active{transform:scale(.985)}.opt-row .ic{border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.opt-row .ic.rec{background:color-mix(in oklch, var(--red) 20%, var(--bg-elev));color:var(--red)}.opt-row .ic.up{background:color-mix(in oklch, var(--accent) 20%, var(--bg-elev));color:var(--accent)}.opt-row .mid{flex:1;min-width:0}.opt-row .mid .t{font-size:15px;font-weight:600}.opt-row .mid .s{color:var(--text-mute);margin-top:2px;font-size:12.5px;line-height:1.35}.opt-row .chev{color:var(--text-faint);flex-shrink:0}.svc-row{background:var(--bg-card);border:1px solid var(--border);border-radius:13px;align-items:center;gap:12px;margin-bottom:9px;padding:13px 14px;display:flex}.svc-glyph{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;font-weight:700;display:grid}.svc-mid{flex:1;min-width:0}.svc-mid .nm{align-items:center;gap:7px;font-size:14.5px;font-weight:600;display:flex}.svc-mid .nm .live-dot{background:oklch(72% .16 150);border-radius:50%;width:7px;height:7px}.svc-mid .sub{color:var(--text-mute);margin-top:2px;font-size:12px}.gpx-drop{border:2px dashed var(--border-strong);text-align:center;color:var(--text-mute);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:30px 18px;display:flex}.gpx-drop:active{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 6%, transparent)}.gpx-drop .h{color:var(--text);margin-top:4px;font-size:15px;font-weight:600}.gpx-file{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:11px;margin-top:10px;padding:12px 14px;display:flex}.gpx-file .nm{font-family:var(--font-mono);flex:1;font-size:13px}.pcover{border-radius:14px;flex-shrink:0;position:relative;overflow:hidden}.pcover svg{width:100%;height:100%;position:absolute;inset:0}.pl-grid{grid-template-columns:1fr 1fr;gap:13px;padding:6px 16px 0;display:grid}.pl-tile .pcover{aspect-ratio:1;border-radius:16px;width:100%}.pl-tile .nm{letter-spacing:-.01em;margin-top:9px;font-size:14.5px;font-weight:700}.pl-tile .sub{color:var(--text-mute);margin-top:2px;font-size:12px}.pl-tile .by{color:var(--text-faint);margin-top:3px;font-size:11.5px}.mood-grid{grid-template-columns:1fr 1fr;gap:10px;padding:6px 16px 0;display:grid}.mood{cursor:pointer;border-radius:14px;align-items:flex-end;height:64px;padding:11px 13px;display:flex;position:relative;overflow:hidden}.mood svg{width:100%;height:100%;position:absolute;inset:0}.mood .ml{z-index:1;color:#fff;text-shadow:0 1px 3px #0006;font-size:14px;font-weight:700;position:relative}.mood .mc{z-index:1;color:#ffffffd9;font-size:11px;font-family:var(--font-mono);align-self:flex-end;margin-left:auto;position:relative}.pd-hero{padding:calc(var(--statusbar) + 4px) 20px 18px;position:relative;overflow:hidden}.pd-hero .bgcover{position:absolute;inset:0}.pd-hero .bgcover svg{width:100%;height:100%}.pd-hero .scrim{background:linear-gradient(180deg, #0910178c 0%, #091017b3 55%, var(--bg) 100%);position:absolute;inset:0}.pd-hero .inner{z-index:2;align-items:flex-end;gap:16px;display:flex;position:relative}.pd-hero .pcover{width:110px;height:110px;box-shadow:0 16px 40px -10px #0009}.pd-hero .meta{flex:1;min-width:0;padding-bottom:2px}.pd-hero .eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.pd-hero h1{letter-spacing:-.015em;margin:5px 0 6px;font-size:25px;font-weight:800;line-height:1.08}.pd-hero .by{color:var(--text-mute);align-items:center;gap:8px;font-size:13px;display:flex}.pd-desc{color:var(--text-mute);padding:14px 20px 4px;font-size:13.5px;line-height:1.5}.pd-tags{flex-wrap:wrap;gap:7px;padding:12px 20px 2px;display:flex}.pd-tag{background:var(--bg-card);border:1px solid var(--border);color:var(--text-mute);border-radius:99px;padding:5px 11px;font-size:12px;font-weight:600}.pd-actions{gap:10px;padding:14px 16px 2px;display:flex}.pd-statbar{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin:6px 16px;padding:14px 0;display:flex}.pd-statbar .s{text-align:center;border-left:1px solid var(--border);flex:1}.pd-statbar .s:first-child{border-left:none}.pd-statbar .s .v{font-family:var(--font-mono);font-size:17px;font-weight:600}.pd-statbar .s .l{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-top:2px;font-size:10px}.track-row{cursor:pointer;grid-template-columns:24px 36px 1fr auto;align-items:center;gap:11px;padding:9px 20px;display:grid}.track-row:active{background:var(--bg-inset)}.track-row .idx{font-family:var(--font-mono);color:var(--text-faint);text-align:center;font-size:13px}.track-row .mid{min-width:0}.track-row .mid .t{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.track-row .mid .a{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.track-row .rt{text-align:right}.track-row .rt .dur{font-family:var(--font-mono);color:var(--text-mute);font-size:12.5px}.track-row .rt .used{color:var(--text-faint);margin-top:1px;font-size:10.5px}.track-row .rm{width:30px;height:30px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.track-row .rm:active{color:var(--red)}.rd-map{background:var(--map-land);height:280px;position:relative}.rd-map svg{width:100%;height:100%;position:absolute;inset:0}.rd-map .grad{background:linear-gradient(180deg, #09101780 0%, transparent 30%, transparent 62%, var(--bg) 100%);pointer-events:none;position:absolute;inset:0}.lb-row{align-items:center;gap:12px;padding:10px 20px;display:flex}.lb-row.you{background:color-mix(in oklch, var(--accent) 9%, transparent)}.lb-rank{text-align:center;width:26px;font-family:var(--font-mono);color:var(--text-mute);flex-shrink:0;font-size:14px;font-weight:700}.lb-rank.medal{color:var(--accent)}.lb-mid{flex:1;min-width:0}.lb-mid .nm{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.lb-mid .ct{color:var(--text-mute);font-size:11.5px}.lb-km{font-family:var(--font-mono);color:var(--text);flex-shrink:0;font-size:14px;font-weight:600}.ch-banner{height:150px;position:relative}.ch-banner svg{width:100%;height:100%;position:absolute;inset:0}.ch-banner .ch-top{justify-content:space-between;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.ch-banner .badge-pill{-webkit-backdrop-filter:blur(8px);color:#fff;background:#09101780;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700}.ch-body{padding:16px 20px 0}.ch-body h1{letter-spacing:-.015em;margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.1}.ch-body .tagline{color:var(--text-mute);font-size:14px;line-height:1.5}.ch-prog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin:16px 16px 0;padding:16px}.ch-prog-card .pct{font-family:var(--font-mono);font-size:30px;font-weight:600}.ch-prog-card .sub{color:var(--text-mute);font-size:12.5px}.ch-reward{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 14%, var(--bg-card)), var(--bg-card));border:1px solid color-mix(in oklch, var(--accent) 26%, var(--border));border-radius:14px;align-items:center;gap:13px;margin:14px 16px 0;padding:14px;display:flex}.ch-reward .em{flex-shrink:0;font-size:30px}.ch-reward h4{margin:0 0 2px;font-size:14.5px;font-weight:700}.ch-reward p{color:var(--text-mute);margin:0;font-size:12px;line-height:1.4}.ch-rule{border-top:1px dashed var(--border);padding:12px 0}.ch-rule:first-child{border-top:none}.ch-rule .h{margin-bottom:3px;font-size:14px;font-weight:600}.ch-rule .s{color:var(--text-mute);font-size:12.5px;line-height:1.45}.ch-para{color:var(--text-mute);padding:8px 20px;font-size:14px;line-height:1.6}.set-group{margin:0 16px 18px}.set-group .gh{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:0 4px 7px;font-size:12px;font-weight:700}.set-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.set-row{border-top:1px solid var(--border);align-items:center;gap:13px;padding:13px 14px;display:flex}.set-row:first-child{border-top:none}.set-row .si{background:var(--bg-inset);width:30px;height:30px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.set-row .smid{flex:1;min-width:0}.set-row .smid .l{font-size:14.5px;font-weight:500}.set-row .smid .s{color:var(--text-mute);margin-top:2px;font-size:12px;line-height:1.35}.set-row .chev{color:var(--text-faint);flex-shrink:0}.set-row.tap{cursor:pointer}.set-row.tap:active{background:var(--bg-inset)}.switch{background:var(--border-strong);cursor:pointer;border-radius:99px;flex-shrink:0;width:50px;height:30px;transition:background .18s;position:relative}.switch.on{background:oklch(72% .16 150)}.switch .knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.switch.on .knob{transform:translate(20px)}.set-seg{background:var(--bg-inset);border-radius:9px;flex-shrink:0;gap:2px;padding:3px;display:flex}.set-seg button{cursor:pointer;font-family:var(--font-ui);color:var(--text-mute);background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:13px;font-weight:600}.set-seg button.on{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-card)}.btn-pill{border:1px solid var(--border);background:var(--bg-inset);color:var(--text);font-family:var(--font-ui);cursor:pointer;border-radius:99px;flex-shrink:0;padding:7px 14px;font-size:12.5px;font-weight:600}.btn-pill.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-pill.danger{color:var(--red);border-color:color-mix(in oklch, var(--red) 40%, var(--border))}.help-topic{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:13px;align-items:center;gap:12px;margin-bottom:9px;padding:13px 14px;display:flex}.help-topic:active{background:var(--bg-inset)}.help-topic .hi{background:color-mix(in oklch, var(--accent) 16%, var(--bg-elev));width:34px;height:34px;color:var(--accent);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.help-topic .mid{flex:1;min-width:0}.help-topic .mid .t{font-size:14px;font-weight:600}.help-topic .mid .s{color:var(--text-mute);margin-top:2px;font-size:12px}.about-hero{text-align:center;padding:30px 24px 18px}.about-hero .ver{font-family:var(--font-mono);color:var(--text-faint);margin-top:10px;font-size:12px}.top-actions{align-items:center;gap:10px;display:flex}.top-actions .me{cursor:pointer;box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--border-strong);border-radius:50%;transition:transform .12s}.top-actions .me:active{transform:scale(.9)}.tabbar{align-items:flex-start}.tab-rec{cursor:pointer;color:var(--text-faint);font-family:var(--font-ui);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.tab-rec .rec-orb{background:var(--accent);width:56px;height:56px;color:var(--accent-ink);border:4px solid var(--bg-elev);box-shadow:0 6px 18px -4px color-mix(in oklch, var(--accent) 55%, transparent);border-radius:50%;flex-shrink:0;place-items:center;margin-top:-16px;transition:transform .14s;display:grid;position:relative}.tab-rec:active .rec-orb{transform:scale(.92)}.tab-rec.recording .rec-orb{background:var(--red);color:#fff}.tab-rec.recording .rec-orb:after{content:"";border:2px solid var(--red);border-radius:50%;width:56px;height:56px;animation:1.5s ease-out infinite rec-ring;position:absolute}@keyframes rec-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.tab-rec .rec-lbl.recording{color:var(--red);font-family:var(--font-mono)}.carousel{scrollbar-width:none;scroll-snap-type:x proximity;gap:12px;padding:4px 20px 8px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.snap-card{scroll-snap-align:center;cursor:pointer;background:var(--bg-card);border:1px solid var(--border);opacity:.5;border-radius:18px;flex-shrink:0;transition:opacity .26s,transform .26s,border-color .26s,box-shadow .26s;overflow:hidden;transform:scale(.95)}.snap-card.on{opacity:1;border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:0 10px 30px -12px #0009, 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(1)}.cc-chal{width:290px}.cc-chal .cc-banner{height:92px;position:relative}.cc-chal .cc-banner svg{width:100%;height:100%;position:absolute;inset:0}.cc-chal .cc-badge{-webkit-backdrop-filter:blur(8px);color:#fff;background:#09101780;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.cc-chal .cc-body{padding:13px 14px 15px}.cc-chal .cc-body h4{letter-spacing:-.01em;margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.2}.cc-chal .cc-body p{color:var(--text-mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 11px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.cc-meta{font-family:var(--font-mono);color:var(--text-mute);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.cc-join{color:var(--accent);font-weight:700;font-family:var(--font-ui);align-items:center;gap:6px;font-size:12.5px;display:flex}.cc-pl{width:168px;padding:12px}.cc-pl .pcover{aspect-ratio:1;border-radius:12px;width:100%}.cc-pl .eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-top:11px;font-size:10px;font-weight:700}.cc-pl h4{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 2px;font-size:14.5px;font-weight:700;overflow:hidden}.cc-pl .sub{color:var(--text-mute);font-size:11.5px}.cc-pl .pl-add{margin-top:10px}.cc-acc{flex-direction:column;gap:0;width:230px;padding:15px;display:flex}.cc-acc .acc-top{align-items:center;gap:11px;display:flex}.cc-acc .acc-medal{background:color-mix(in oklch, var(--accent) 18%, var(--bg-inset));border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.cc-acc .acc-who{font-size:13.5px;font-weight:600}.cc-acc .acc-when{color:var(--text-faint);font-size:11.5px;font-family:var(--font-mono);margin-top:1px}.cc-acc .acc-go{color:var(--text-faint);align-self:flex-start;margin-left:auto}.cc-acc h4{letter-spacing:-.01em;margin:13px 0 3px;font-size:15px;font-weight:700}.cc-acc p{color:var(--text-mute);margin:0;font-size:12.5px;line-height:1.4}.cc-acc .acc-cheer{margin-top:13px}.sec-head2{padding:18px 20px 4px}.sec-head2 .row{justify-content:space-between;align-items:baseline;display:flex}.sec-head2 h3{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:800}.sec-head2 .more{color:var(--accent);cursor:pointer;font-size:14px;font-weight:700}.sec-head2 .sub{color:var(--text-mute);margin-top:3px;font-size:13px;line-height:1.4}.feed-section{border-top:8px solid var(--bg-inset);border-bottom:8px solid var(--bg-inset);margin:4px 0;padding:2px 0}.feed-section+.feed-section{border-top:none;margin-top:0}.qfilters{scrollbar-width:none;gap:8px;padding:10px 20px 4px;display:flex;overflow-x:auto}.qfilters::-webkit-scrollbar{display:none}.qfilter{white-space:nowrap;cursor:pointer;background:var(--bg-card);border:1px solid var(--border);color:var(--text-mute);border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.qfilter.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.qfilter:active{transform:scale(.95)}.cmt-spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feed-scroll{scroll-snap-type:y proximity}.snap-focus{scroll-snap-align:center;transform-origin:50%;transition:opacity .3s,transform .3s}.snap-focus:not(.on){opacity:.4;transform:scale(.95)}.snap-focus.on{opacity:1;transform:scale(1)}.btn.lg{border-radius:13px;padding:13px 18px;font-size:15px}.pw-bars{gap:6px;margin:-4px 0 6px;display:flex}.pw-bars span{background:var(--bg-inset);border-radius:99px;flex:1;height:4px;transition:background .2s}.pw-bars span.on.s1{background:var(--red)}.pw-bars span.on.s2{background:oklch(72% .16 60)}.pw-bars span.on.s3{background:oklch(74% .15 110)}.pw-bars span.on.s4{background:oklch(72% .16 150)}.auth-root{background:var(--bg)}.auth-hero{flex-shrink:0;height:280px;transition:height .3s cubic-bezier(.32,.72,0,1);position:relative;overflow:hidden}.auth-hero.compact{height:150px}.auth-hero-map{position:absolute;inset:0}.auth-hero-map svg{width:100%;height:100%;position:absolute;inset:0}.auth-hero-scrim{background:linear-gradient(180deg, #0b0d1259 0%, #0b0d128c 55%, var(--bg) 100%);position:absolute;inset:0}.auth-hero-inner{z-index:2;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:22px;left:0;right:0}.auth-hero-tag{color:var(--text);letter-spacing:-.01em;font-size:22px}.auth-scroll{padding:0 0 30px}.auth-form{flex-direction:column;gap:13px;padding:22px 24px 0;display:flex}.auth-head{margin-bottom:4px}.auth-head .eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.auth-head h1{letter-spacing:-.02em;margin:6px 0 5px;font-size:27px;font-weight:800;line-height:1.1}.auth-head p{color:var(--text-mute);margin:0;font-size:14px;line-height:1.45}.auth-field{flex-direction:column;gap:7px;display:flex}.auth-field-top{justify-content:space-between;align-items:baseline;display:flex}.auth-field label{color:var(--text);font-size:13px;font-weight:600}.auth-input{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:0 6px 0 14px;transition:border-color .15s;display:flex}.auth-input:focus-within{border-color:var(--accent)}.auth-input.err{border-color:var(--red)}.auth-input input{color:var(--text);font-family:var(--font-ui);background:0 0;border:none;outline:none;flex:1;padding:13px 0;font-size:16px}.auth-input input::placeholder{color:var(--text-faint)}.auth-eye{color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.auth-hint{color:var(--text-faint);font-size:12px}.auth-hint.err{color:var(--red)}.auth-or{color:var(--text-faint);align-items:center;gap:12px;margin:4px 0;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--border);flex:1;height:1px}.auth-social{gap:9px;display:flex}.auth-soc{border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:var(--font-ui);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 8px;font-size:13.5px;font-weight:600;display:inline-flex}.auth-soc:active{transform:scale(.96)}.auth-soc-glyph{border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid}.auth-foot{text-align:center;color:var(--text-mute);padding-top:4px;font-size:13.5px}.auth-link{cursor:pointer;font:inherit;color:var(--accent);background:0 0;border:none;padding:0;font-weight:600}.auth-link.sm{font-size:12px}.auth-back{cursor:pointer;color:var(--text-mute);font:inherit;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.auth-check{color:var(--text-mute);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.auth-check input{display:none}.auth-check .box{border:1.5px solid var(--border-strong);color:#0000;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:1px;transition:all .14s;display:grid}.auth-check input:checked+.box{background:var(--accent);border-color:var(--accent);color:#fff}.auth-confirm{text-align:center;padding:10px 6px 4px}.auth-confirm-ic{background:color-mix(in oklch, var(--accent) 16%, var(--bg-elev));border:1px solid color-mix(in oklch, var(--accent) 34%, var(--border));border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid}.auth-confirm h1{letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:800}.auth-confirm p{color:var(--text-mute);margin:0;font-size:14px;line-height:1.5}.auth-confirm p b{color:var(--text)}.auth-tiny{text-align:center;color:var(--text-faint);margin-top:14px;font-size:12.5px;line-height:1.6}.auth-legal{color:var(--text-faint);justify-content:center;align-items:center;gap:8px;padding:22px 0 4px;font-size:12px;display:flex}.onb-root{background:var(--bg)}.onb-top{padding:calc(var(--statusbar) - 6px) 18px 10px;flex-shrink:0;align-items:center;gap:12px;display:flex}.onb-top .onb-step{text-align:center;font-family:var(--font-mono);color:var(--text-mute);flex:1;font-size:12px}.onb-exit{color:var(--text-mute);cursor:pointer;font:inherit;background:0 0;border:none;font-size:13px;font-weight:600}.onb-progress{background:var(--bg-inset);border-radius:99px;flex-shrink:0;height:3px;margin:0 18px;overflow:hidden}.onb-progress i{background:var(--accent);border-radius:99px;height:100%;transition:width .35s cubic-bezier(.32,.72,0,1);display:block}.onb-scroll{padding:0 0 18px}.onb-step-body{padding:22px 22px 0}.onb-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.onb-eyebrow .num{background:color-mix(in oklch, var(--accent) 22%, transparent);width:20px;height:20px;font-family:var(--font-mono);border-radius:50%;place-items:center;display:grid}.onb-title{letter-spacing:-.02em;margin:12px 0 8px;font-size:28px;font-weight:800;line-height:1.08}.onb-title em{font-family:var(--font-serif);color:var(--accent);font-style:italic;font-weight:400}.onb-sub{color:var(--text-mute);margin:0 0 18px;font-size:14.5px;line-height:1.5}.onb-art{border:1px solid var(--border);background:var(--map-land);border-radius:18px;height:188px;margin-bottom:18px;position:relative;overflow:hidden}.onb-art svg{width:100%;height:100%;position:absolute;inset:0}.onb-now{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e12a8;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;padding:8px 13px 8px 8px;display:flex;position:absolute;bottom:14px;left:14px}.onb-now-art{background:linear-gradient(140deg,#f5a524,#9b6cfe);border-radius:8px;flex-shrink:0;width:34px;height:34px}.onb-now .t{color:#fff;font-size:13px;font-weight:700}.onb-now .s{color:#ffffffbf;margin-top:1px;font-size:11px}.onb-bullets{flex-direction:column;gap:14px;display:flex}.onb-bullet{align-items:flex-start;gap:13px;display:flex}.onb-bullet .ic{background:color-mix(in oklch, var(--accent) 15%, var(--bg-card));width:40px;height:40px;color:var(--accent);border:1px solid var(--border);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.onb-bullet .mid .t{font-size:15px;font-weight:700}.onb-bullet .mid .s{color:var(--text-mute);margin-top:2px;font-size:13px;line-height:1.4}.onb-connect{border:1px solid var(--border);background:var(--bg-card);border-radius:18px;padding:16px}.onb-connect.on{border-color:color-mix(in oklch, oklch(72% .16 150) 50%, var(--border))}.onb-connect-head{align-items:center;gap:13px;display:flex}.onb-connect-head .mid{flex:1;min-width:0}.onb-connect-head .nm{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.onb-connect-head .sub{color:var(--text-mute);margin-top:2px;font-size:12.5px}.onb-perms{flex-direction:column;gap:11px;padding:16px 0;display:flex}.onb-perm{align-items:flex-start;gap:11px;display:flex}.onb-perm .pic{color:oklch(78% .16 150);background:oklch(72% .16 150/.24);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.onb-perm .pic.deny{background:color-mix(in oklch, var(--red) 22%, transparent);color:var(--red)}.onb-perm .pt{font-size:13.5px;font-weight:500}.onb-perm .ps{color:var(--text-mute);margin-top:1px;font-size:12px}.onb-prefs{flex-direction:column;gap:4px;display:flex}.onb-pref{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.onb-pref:first-child{border-top:none}.onb-pref-l{font-size:14.5px;font-weight:500}.onb-toggle{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.onb-toggle .t{font-size:14.5px;font-weight:500}.onb-toggle .s{color:var(--text-mute);margin-top:2px;font-size:12px;line-height:1.35}.onb-bottom{padding:12px 16px calc(env(safe-area-inset-bottom) + 22px);border-top:1px solid var(--border);background:var(--bg-elev);flex-shrink:0;align-items:center;gap:12px;display:flex}.onb-back{background:var(--bg-card);border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.onb-dots{flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.onb-dots .dot{background:var(--border-strong);border-radius:50%;width:7px;height:7px;transition:all .2s}.onb-dots .dot.done{background:var(--accent);opacity:.5}.onb-dots .dot.on{background:var(--accent);border-radius:99px;width:22px}.onb-bottom-r{flex-shrink:0;align-items:center;gap:8px;display:flex}.onb-skip{color:var(--text-mute);cursor:pointer;font:inherit;background:0 0;border:none;padding:0 4px;font-size:13.5px;font-weight:600}.share-target{align-items:center;gap:13px;padding:4px 2px 14px;display:flex}.share-target-art{border-radius:12px;flex-shrink:0;width:54px;height:54px;position:relative;overflow:hidden}.share-target-art svg{width:100%;height:100%;position:absolute;inset:0}.share-target-mid{min-width:0}.share-target-mid .t{white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:700;overflow:hidden}.share-target-mid .s{color:var(--text-mute);font-size:12.5px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.share-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);padding:10px 2px;font-size:10.5px;font-weight:700}.share-friends{scrollbar-width:none;gap:16px;padding:0 2px 2px;display:flex;overflow-x:auto}.share-friends::-webkit-scrollbar{display:none}.shp{cursor:pointer;font:inherit;color:var(--text-mute);background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:7px;transition:transform .1s;display:flex}.shp:active{transform:scale(.93)}.shp-av{position:relative}.shp-check{border:2px solid var(--bg-elev);background:oklch(72% .16 150);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-2px;right:-2px}.shp-nm{font-size:11.5px;font-weight:600}.share-link{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:10px 10px 10px 13px;display:flex}.share-link-ic{color:var(--text-faint);flex-shrink:0;place-items:center;display:grid}.share-link-url{min-width:0;font-family:var(--font-mono);color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.share-dests{grid-template-columns:repeat(3,1fr);gap:14px 8px;padding:4px 0 2px;display:grid}.share-dest{cursor:pointer;font:inherit;color:var(--text-mute);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;font-size:11.5px;font-weight:600;transition:transform .1s;display:flex}.share-dest:active{transform:scale(.93)}.share-dest-ic{background:var(--bg-inset);width:54px;height:54px;color:var(--text);border:1px solid var(--border);border-radius:16px;place-items:center;display:grid}.share-dest-ic.accent{background:color-mix(in srgb, var(--accent) 18%, var(--bg-inset));color:var(--accent);border-color:color-mix(in srgb, var(--accent) 32%, var(--border))}.edit-hero{align-items:center;gap:16px;padding:14px 16px 4px;display:flex}.edit-cover{border-radius:18px;flex-shrink:0;width:96px;height:96px;position:relative;overflow:hidden;box-shadow:0 12px 30px -10px #00000080}.edit-cover svg{width:100%;height:100%;position:absolute;inset:0}.edit-hero-mid{flex:1;min-width:0}.edit-name{border:none;border-bottom:1.5px solid var(--border);width:100%;color:var(--text);font-family:var(--font-ui);letter-spacing:-.01em;background:0 0;outline:none;padding:4px 0 8px;font-size:21px;font-weight:800}.edit-name::placeholder{color:var(--text-faint);font-weight:700}.edit-name:focus{border-color:var(--accent)}.edit-meta-line{color:var(--text-mute);font-size:12.5px;font-family:var(--font-mono);margin-top:8px}.edit-by{color:var(--text-mute);align-items:center;gap:7px;margin-top:7px;font-size:12.5px;display:flex}.edit-sec-h{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:18px 20px 9px;font-size:12px;font-weight:700}.edit-swatches{grid-template-columns:repeat(9,1fr);gap:8px;padding:0 16px;display:grid}.edit-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:10px;place-items:center;transition:transform .1s;display:grid;box-shadow:0 1px 2px #0000004d}.edit-swatch.on{border-color:#fff}.edit-swatch:active{transform:scale(.9)}.edit-desc{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-ui);resize:none;border-radius:12px;outline:none;padding:12px;font-size:14.5px;line-height:1.5}.edit-desc:focus{border-color:var(--accent)}.edit-tags{flex-wrap:wrap;gap:8px;padding:0 16px;display:flex}.edit-tag{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:99px;align-items:center;gap:7px;padding:7px 8px 7px 13px;font-size:13px;font-weight:600;display:inline-flex}.edit-tag button{background:var(--bg-inset);color:var(--text-mute);cursor:pointer;border:none;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.edit-tag.add{color:var(--accent);cursor:pointer;border-style:dashed;padding:7px 14px}.edit-tag-suggest{flex-wrap:wrap;gap:8px;padding:12px 16px 0;display:flex}.edit-tracks{padding:4px 8px 0}.edit-track{background:var(--bg);will-change:transform;border-radius:12px;align-items:center;gap:11px;padding:8px;display:flex;position:relative}.edit-track.dragging{background:var(--bg-card);box-shadow:var(--shadow-pop)}.edit-track .mid{flex:1;min-width:0}.edit-track .mid .t{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.edit-track .mid .a{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.edit-handle{color:var(--text-faint);cursor:grab;touch-action:none;background:0 0;border:none;flex-shrink:0;place-items:center;width:30px;height:40px;display:grid}.edit-handle:active{cursor:grabbing;color:var(--text)}.edit-rm{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.edit-rm:active{color:var(--red)}.edit-empty{text-align:center;border:1.5px dashed var(--border-strong);cursor:pointer;border-radius:16px;margin:6px 16px 0;padding:28px 20px}.edit-empty .edit-empty-ic{background:color-mix(in oklch, var(--accent) 15%, var(--bg-card));width:52px;height:52px;color:var(--accent);border-radius:14px;place-items:center;margin:0 auto 12px;display:grid}.edit-empty .t{font-size:15px;font-weight:700}.edit-empty .s{color:var(--text-mute);margin-top:4px;font-size:13px}.edit-hint{color:var(--text-faint);justify-content:center;align-items:center;gap:7px;padding:12px;font-size:12px;display:flex}.pick-row{cursor:pointer;align-items:center;gap:12px;padding:9px 4px;display:flex}.pick-row:active{background:var(--bg-inset);border-radius:10px}.pick-row .mid{flex:1;min-width:0}.pick-row .mid .t{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.pick-row .mid .a{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}.pick-check{border:1.5px solid var(--border-strong);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;transition:all .14s;display:grid}.pick-check.on{background:var(--accent);border-color:var(--accent)}.pick-have{color:var(--text-faint);flex-shrink:0;font-size:12px;font-weight:600}.ntf-row{align-items:center;gap:13px;padding:12px 18px;display:flex}.ntf-row.unread{background:color-mix(in oklch, var(--accent) 7%, transparent)}.ntf-kind{border:2px solid var(--bg);border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;bottom:-3px;right:-3px}.ntf-mid{flex:1;min-width:0}.ntf-txt{color:var(--text);font-size:14px;line-height:1.4}.ntf-txt b{font-weight:700}.ntf-t{color:var(--text-faint);font-size:12px;font-family:var(--font-mono);margin-top:3px}.ntf-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:9px;height:9px}.ep-avatar{flex-direction:column;align-items:center;gap:12px;padding:6px 0 4px;display:flex}.ep-avatar-edit{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;font-size:13.5px;font-weight:600}.ep-hues{flex-wrap:wrap;justify-content:center;gap:10px;padding:6px 0 16px;display:flex}.ep-hue{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .1s;display:grid}.ep-hue.on{border-color:#fff}.ep-hue:active{transform:scale(.9)}.ep-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex;position:relative}.ep-field label{color:var(--text-mute);font-size:12.5px;font-weight:600}.ep-field input,.ep-field textarea{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-ui);resize:none;border-radius:12px;outline:none;padding:12px 14px;font-size:16px}.ep-field input:focus,.ep-field textarea:focus{border-color:var(--accent)}.ep-handle{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;padding-left:14px;display:flex}.ep-handle:focus-within{border-color:var(--accent)}.ep-handle span{color:var(--text-faint);font-size:16px}.ep-handle input{background:0 0;border:none;padding-left:2px}.ep-count{color:var(--text-faint);font-size:11px;font-family:var(--font-mono);position:absolute;bottom:-18px;right:4px}.nav-layer{z-index:5;will-change:transform;position:absolute;inset:0}.ptr{justify-content:center;align-items:flex-end;padding-bottom:8px;display:flex;overflow:hidden}.ptr-arrow{color:var(--accent);place-items:center;display:grid}.ptr .cmt-spinner{width:20px;height:20px}