:root{--paper:#000;--ink:#fff;--dim:#ffffff9e;--faint:#ffffff4d;--hairline:#ffffff12;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}.app{background-image:repeating-linear-gradient(0deg, var(--hairline) 0 1px, transparent 1px 32px), repeating-linear-gradient(90deg, var(--hairline) 0 1px, transparent 1px 32px);flex-direction:column;min-height:100dvh;display:flex}.status{border-bottom:1px solid var(--ink);background:var(--paper);z-index:10;align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:.35em;font-size:22px;font-weight:800}.unit-id{letter-spacing:.12em;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.spacer{flex:1}.tier{letter-spacing:.2em;border:1px solid var(--ink);padding:3px 8px;font-size:11px}.back{border:1px solid var(--ink);justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.back:hover{background:var(--ink);color:var(--paper)}.dot{background:var(--ink);border-radius:50%;width:8px;height:8px}.dot.pulse{animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.12}}.onair{letter-spacing:.2em;border:1px solid var(--ink);padding:3px 8px;font-size:11px}.offair{letter-spacing:.2em;color:#fff6;border:1px solid #ffffff4d;padding:3px 8px;font-size:11px}.stage{flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex}.loading{letter-spacing:.4em;font-size:28px;animation:1s infinite pulse}.empty{letter-spacing:.3em;color:var(--faint);font-size:14px}.denied{text-align:center;letter-spacing:.2em;font-size:24px;font-weight:900}.closed{text-align:center}.closed-big{letter-spacing:.2em;font-size:40px;font-weight:900}.closed-sub{max-width:32ch;color:var(--dim);margin:12px auto 0;font-size:12px;line-height:1.6}.card{border:1px solid var(--ink);opacity:0;width:100%;max-width:420px;padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s;animation:.4s forwards rise;display:block;transform:translateY(10px)}.card:hover{box-shadow:0 0 0 1px var(--ink), 0 14px 44px #ffffff14;transform:translateY(-3px)}.card-index{letter-spacing:.04em;font-size:30px;font-weight:800}.card-preview{color:var(--dim);-webkit-line-clamp:6;-webkit-box-orient:vertical;margin-top:14px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.card-open{letter-spacing:.25em;margin-top:18px;font-size:12px}@keyframes rise{to{opacity:1;transform:none}}.filters{z-index:15;border-top:1px solid var(--ink);background:var(--paper);flex-direction:column;gap:10px;padding:12px 16px;display:flex;position:sticky;bottom:0}.row{gap:8px;display:flex}.chips{flex-wrap:wrap}.text{background:var(--paper);border:1px solid var(--ink);min-width:0;color:var(--ink);font:inherit;flex:1;padding:10px 12px;font-size:13px;transition:background .15s,color .15s}.text:focus{background:var(--ink);color:var(--paper);outline:none}.go{background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;padding:0 16px;font-weight:800}.go:active{transform:scale(.94)}.chip{background:var(--paper);color:var(--ink);border:1px solid var(--ink);font:inherit;letter-spacing:.15em;cursor:pointer;padding:7px 12px;font-size:11px;transition:background .15s,color .15s}.chip.on,.chip:hover{background:var(--ink);color:var(--paper)}.next{background:var(--paper);color:var(--ink);border:1px solid var(--ink);font:inherit;letter-spacing:.15em;cursor:pointer;margin-left:auto;padding:7px 12px;font-size:11px}.next.dim{opacity:.3;cursor:default}.unit{flex:1;width:100%;max-width:560px;margin:0 auto;padding:24px 16px 72px}.block-text{border-left:2px solid var(--ink);white-space:pre-wrap;margin:0 0 22px;padding-left:14px;font-size:15px;line-height:1.7}.block-media{border:1px dashed var(--faint);margin:0 0 24px;padding:12px}.block-media img,.block-media video{filter:grayscale()contrast(1.05);width:100%;height:auto;display:block}.block-media audio{filter:invert()hue-rotate(180deg);width:100%}.block-media figcaption{color:var(--dim);white-space:nowrap;align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex;overflow:hidden}.media-tag{border:1px solid var(--ink);letter-spacing:.2em;color:var(--ink);padding:2px 7px;font-size:10px}.media-doc{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.unit-row{color:var(--ink);opacity:0;border:1px solid #ffffff59;align-items:center;gap:12px;margin-bottom:10px;padding:13px 14px;text-decoration:none;transition:background .15s,color .15s,transform .15s;animation:.35s forwards rise;display:flex;transform:translateY(8px)}.unit-row:hover{background:var(--ink);color:var(--paper);transform:translate(3px)}.unit-tier{letter-spacing:.1em;border:1px solid;padding:3px 7px;font-size:11px;font-weight:800}.unit-id2{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.unit-go{font-size:14px}.player{flex-direction:column;align-items:center;gap:26px;width:100%;max-width:420px;display:flex}.track-name{letter-spacing:.08em;text-align:center;font-size:18px;font-weight:800}.disc{border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:relative}.disc:before{content:"";border:1px solid #0000;border-radius:50%;position:absolute;inset:-1px}.disc.playing:before{border-color:#ffffff80;border-top-color:var(--ink);animation:6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.play-btn{border:2px solid var(--ink);background:var(--paper);width:110px;height:110px;color:var(--ink);cursor:pointer;z-index:1;border-radius:50%;font-size:30px;line-height:1;transition:background .2s,color .2s,transform .1s}.play-btn:active{transform:scale(.94)}.disc.playing .play-btn{background:var(--ink);color:var(--paper)}.eq{align-items:flex-end;gap:5px;height:26px;display:flex}.eq span{background:var(--ink);width:4px;animation:.9s ease-in-out infinite eq}.eq span:first-child{animation-delay:0s}.eq span:nth-child(2){animation-delay:.2s}.eq span:nth-child(3){animation-delay:.4s}.eq span:nth-child(4){animation-delay:.1s}.eq span:nth-child(5){animation-delay:.3s}@keyframes eq{0%,to{height:6px}50%{height:26px}}.stopped{letter-spacing:.15em;color:#fff9;border:1px solid #ffffff4d;padding:6px 10px;font-size:11px}.timeline{width:100%}.timeline input{width:100%;accent-color:var(--ink)}.time-row{letter-spacing:.1em;color:#ffffffb3;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.live-main{flex-direction:column;flex:1;align-items:center;gap:22px;padding:22px 16px 24px;display:flex}.broadcast{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;display:flex}.kind{letter-spacing:.16em;font-size:19px;font-weight:800}.rings{justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.rings:before,.rings:after{content:"";opacity:0;border:1px solid #ffffff59;border-radius:50%;position:absolute;inset:0}.playing .rings:before{animation:2.2s infinite ripple}.playing .rings:after{animation:2.2s 1.1s infinite ripple}.broadcast-controls{align-items:center;gap:18px;display:flex}.play-btn.mic{border-style:dashed}.play-btn.mic.live{background:var(--ink);color:var(--paper);border-style:solid;animation:1.4s infinite micpulse}@keyframes micpulse{0%,to{box-shadow:0 0 #ffffff80}50%{box-shadow:0 0 0 16px #fff0}}.play-btn:disabled{opacity:.25;cursor:default}@keyframes ripple{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.35)}}.meta{letter-spacing:.15em;color:#ffffffb3;font-size:11px}.chat{border:1px solid #ffffff4d;flex-direction:column;width:100%;max-width:420px;display:flex}.chat-head{letter-spacing:.25em;color:#ffffffb3;border-bottom:1px solid #ffffff4d;padding:8px 12px;font-size:11px}.chat-box{flex-direction:column;gap:8px;height:240px;padding:10px 12px;display:flex;overflow-y:auto}.empty-chat{color:#ffffff59;text-align:center;margin-top:20px;font-size:12px}.msg{flex-direction:column;gap:3px;max-width:85%;animation:.25s slidein;display:flex}.msg .who{font:inherit;letter-spacing:.12em;color:#ffffff73;text-align:left;background:0 0;border:none;padding:0;font-size:10px}.msg .who.ban{cursor:pointer;transition:color .15s,background .15s}.msg .who.ban:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.msg .who.ban:active{background:var(--ink);color:var(--paper)}.msg .txt{border:1px solid #ffffff59;padding:6px 9px;font-size:13px;line-height:1.45}.msg.own{align-self:flex-end;align-items:flex-end}.msg.own .txt{background:var(--ink);color:var(--paper);border-color:var(--ink)}.msg-likes{gap:6px;display:flex}.msg-like{color:#fff9;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff4d;align-items:center;gap:5px;padding:2px 8px;font-size:11px;line-height:1.4;transition:background .15s,color .15s,border-color .15s,transform .1s;display:inline-flex}.msg-like:hover{border-color:var(--ink);color:var(--ink)}.msg-like:active{transform:scale(.88)}.msg-like.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.msg-like-count{letter-spacing:.05em;opacity:.7;font-size:10px}@keyframes slidein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chat-blocked{letter-spacing:.15em;color:#ffffff80;border-top:1px solid #ffffff4d;padding:10px 12px;font-size:11px}.chat-form{border-top:1px solid #ffffff4d;display:flex}.chat-input{background:var(--paper);color:var(--ink);font:inherit;border:none;flex:1;padding:11px 12px;font-size:13px}.chat-input:focus{background:#111;outline:none}.chat-send{background:var(--ink);color:var(--paper);cursor:pointer;border:none;padding:0 18px;font-weight:800}.chat-send:disabled{color:var(--paper);cursor:default;background:#ffffff40}.lead{color:#ffffff8c;margin:0 0 18px;font-size:12px;line-height:1.55}.ladder{flex-direction:column;gap:10px;padding-bottom:24px;display:flex}.rung{text-align:left;background:var(--paper);width:100%;color:var(--ink);cursor:pointer;font:inherit;opacity:0;border:1px solid #ffffff59;align-items:center;gap:14px;padding:15px 14px;transition:background .18s,color .18s,border-color .18s,transform .12s;animation:.4s forwards rise;display:flex;position:relative;transform:translateY(10px)}.rung:active{transform:scale(.985)}.rung.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.rung.current{border-color:var(--ink)}.rung-tier{letter-spacing:.02em;min-width:44px;font-size:26px;font-weight:900}.rung-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rung-name{letter-spacing:.05em;font-size:13px;font-weight:800}.rung-desc{color:#ffffff8c;font-size:11px;line-height:1.4}.rung.selected .rung-desc{color:#0009}.rung-price{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.rung-price span:first-child{font-size:16px;font-weight:800}.rung-usd{color:#ffffff80;font-size:11px}.rung.selected .rung-usd{color:#0000008c}.rung-current{letter-spacing:.18em;background:var(--ink);color:var(--paper);padding:3px 7px;font-size:9px;position:absolute;top:-1px;right:-1px}.rung.selected .rung-current{background:var(--paper);color:var(--ink)}.paybar{z-index:15;border-top:1px solid var(--ink);background:var(--paper);padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.pay-hint{letter-spacing:.06em;font-size:12px;font-weight:800}.pay-row{gap:10px;display:flex}.pay-btn{background:var(--ink);color:var(--paper);border:1px solid var(--ink);font:inherit;cursor:pointer;flex:1;padding:13px 0;font-size:15px;font-weight:900;transition:transform .1s,opacity .2s}.pay-btn.alt{background:var(--paper);color:var(--ink)}.pay-btn:disabled{opacity:.25;cursor:default}.pay-btn:not(:disabled):active{transform:scale(.97)}.pay-note{letter-spacing:.08em;color:#fff6;text-align:center;font-size:10px}.pay-error{letter-spacing:.08em;border:1px solid #fff6;padding:7px 10px;font-size:11px}.balance{border:1px solid var(--ink);align-items:center;gap:22px;margin-bottom:22px;padding:20px 18px;display:flex}.balance-tier{letter-spacing:.02em;font-size:56px;font-weight:900;line-height:1}.balance-meta{flex-direction:column;gap:3px;display:flex}.label{letter-spacing:.22em;color:#ffffff73;font-size:9px}.value{letter-spacing:.05em;font-size:15px;font-weight:800}.value.big{font-size:30px;font-weight:900}.expired{letter-spacing:.15em;border:1px solid var(--ink);margin-top:6px;padding:4px 8px;font-size:10px}.rows{flex-direction:column;display:flex}.rowline{color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:center;padding:16px 4px;text-decoration:none;transition:background .15s,color .15s,padding .15s;display:flex}.rowline:hover:not(.disabled){background:var(--ink);color:var(--paper);padding-left:12px;padding-right:12px}.rowline.disabled{opacity:.35;cursor:default}.rowline-label{letter-spacing:.14em;font-size:12px;font-weight:800}.rowline-arrow{font-size:16px}.rowline-off{letter-spacing:.15em;font-size:10px}.switch{border:1px solid;width:46px;height:24px;transition:background .2s;display:inline-block;position:relative}.switch .knob{background:currentColor;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch.on{background:var(--ink);color:var(--paper)}.rowline:hover .switch.on{background:var(--paper);color:var(--ink)}.switch.on .knob{transform:translate(22px)}.legal-row{flex-wrap:wrap;gap:14px;margin-top:26px;display:flex}.legal-row a{letter-spacing:.12em;color:#fff6;border-bottom:1px solid #0000;font-size:10px;text-decoration:none;transition:color .15s,border-color .15s}.legal-row a:hover{color:var(--ink);border-color:var(--ink)}.dev-row{border:1px solid #ffffff59;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.dev-id{letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.dev-remove{border:1px solid var(--ink);color:var(--ink);width:30px;height:30px;font:inherit;cursor:pointer;background:0 0;font-size:15px;transition:background .15s,color .15s}.dev-remove:hover{background:var(--ink);color:var(--paper)}.legal{flex:1;width:100%;max-width:560px;margin:0 auto;padding:26px 18px 40px}.doc-kicker{letter-spacing:.3em;color:#ffffff73;margin-bottom:10px;font-size:10px}.doc-title{letter-spacing:.02em;margin:0 0 16px;font-size:30px;font-weight:900;line-height:1.15}.doc-p{color:#ffffffc7;white-space:pre-wrap;opacity:0;margin:0 0 14px;font-size:12.5px;line-height:1.7;animation:.4s forwards rise;transform:translateY(6px)}.doc-p.doc-head{color:var(--ink);letter-spacing:.08em;margin-top:22px;font-size:13px;font-weight:800}.legal-footer{padding:16px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #ffffff4d;flex-direction:column;gap:10px;width:100%;max-width:560px;margin:0 auto;display:flex}.legal-link{letter-spacing:.15em;color:#fff9;border-bottom:1px solid #0000;align-self:flex-start;padding:4px 0;font-size:11px;text-decoration:none;transition:color .15s,border-color .15s}.legal-link:hover{color:var(--ink);border-color:var(--ink)}.legal-link.active{color:var(--ink);border-color:var(--ink);font-weight:800}.legal-note{letter-spacing:.12em;color:#ffffff59;margin-top:4px;font-size:9.5px}.bottomnav{z-index:20;background:var(--paper);border-top:1px solid var(--ink);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.btab{color:#ffffff73;border-right:1px solid #ffffff2e;flex:1;justify-content:center;align-items:center;padding:14px 0 13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.btab:last-child{border-right:none}.btab-label{letter-spacing:.14em;font-size:10.5px;font-weight:800}.btab.active{background:var(--ink);color:var(--paper)}.btab:not(.active):active{background:#ffffff1f}.overlay{z-index:30;background:var(--paper);position:fixed;inset:0;overflow-y:auto}.overlay .unit{padding-bottom:96px}.closebar{z-index:31;border-bottom:1px solid var(--ink);background:var(--paper);align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0}.edit-btn{background:var(--paper);color:var(--ink);border:1px solid var(--ink);font:inherit;letter-spacing:.15em;cursor:pointer;padding:6px 12px;font-size:11px;font-weight:800;transition:background .15s,color .15s,transform .1s}.edit-btn:hover:not(:disabled){background:var(--ink);color:var(--paper)}.edit-btn:active:not(:disabled){transform:scale(.94)}.edit-btn:disabled{opacity:.4;cursor:default}.accordion{border:1px solid #ffffff59;margin-bottom:10px}.acc-head{width:100%;color:var(--ink);font:inherit;letter-spacing:.14em;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 14px;font-size:12px;font-weight:800;transition:background .15s;display:flex}.acc-head:hover{background:#ffffff14}.acc-arrow{transition:transform .2s}.accordion.open .acc-arrow{transform:rotate(90deg)}.acc-body{flex-direction:column;gap:10px;padding:0 14px 16px;display:flex}.likes{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.like-btn{background:var(--paper);color:var(--ink);border:1px solid var(--ink);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:14px;transition:background .15s,color .15s,transform .1s;display:inline-flex}.like-btn:hover{background:var(--ink);color:var(--paper)}.like-btn:active{transform:scale(.94)}.like-count{letter-spacing:.1em;opacity:.7;font-size:11px}