:root{--bg:#eeedf4;--surface:#fff;--ink:#1d1a2b;--muted:#625e7c;--line:#dad7e6;--accent:#5b34e0;--accent-ink:#fff;--good:#18794e;--good-bg:#ddf3e8;--post:#5b34e0;--post-bg:#e8e1fd;--bad:#b3354b;--bad-bg:#fbe2e7;--strip:#17141f;--hole:#4a4560;--frame:#2d2940;--frame-on:#f5c542}@media (prefers-color-scheme:dark){:root{--bg:#13111c;--surface:#1e1b2c;--ink:#efedfa;--muted:#a29ebd;--line:#322e46;--accent:#9d86ff;--accent-ink:#13111c;--good:#5fd39a;--good-bg:#16352a;--post:#b5a3ff;--post-bg:#2a2347;--bad:#f08a9c;--bad-bg:#3b1f28;--strip:#0a0910;--hole:#3c3850;--frame:#272336}}*,:after,:before{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-family:Bricolage Grotesque,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.45}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app{max-width:1100px;margin:0 auto;padding:22px max(16px,env(safe-area-inset-right)) 56px max(16px,env(safe-area-inset-left))}.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}h1{margin:0;font-size:clamp(30px,6vw,44px);font-weight:800;letter-spacing:-.025em;line-height:1}.tagline{margin:6px 0 0;color:var(--muted)}.me{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 4px;font-weight:600;font-size:.9rem}.me img{width:28px;height:28px;border-radius:50%;display:block}.me span{padding-left:4px}.me form{margin:0}.linkbtn{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:.85rem;text-decoration:underline;padding:4px 8px}.banner{margin:0 0 16px;padding:10px 14px;border-radius:8px;background:var(--post-bg);color:var(--post);font-size:.92rem;font-weight:600}.banner.warn{background:var(--bad-bg);color:var(--bad)}.chanbar{flex-wrap:wrap;justify-content:space-between;gap:10px 16px;margin:0 0 18px;border-bottom:2px solid var(--ink)}.chanbar,.chans{display:flex;align-items:flex-end}.chans{gap:4px;overflow-x:auto;max-width:100%}.chans button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:4px 16px;border:0;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);font-weight:800;font-size:1rem;cursor:pointer}.chans button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.chans button .n{min-width:22px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.78rem;font-weight:700;line-height:20px;text-align:center}.addchan{padding-bottom:6px}.grid{display:grid;grid-gap:24px;gap:24px;align-items:start;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"feed add" "feed board"}.feed{grid-area:feed;min-width:0}.add{grid-area:add}.board{grid-area:board}@media (max-width:860px){.grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"add" "feed" "board"}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}h2{margin:0 0 12px;font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.field{margin-bottom:14px}.lbl,label{display:block;margin-bottom:5px;font-weight:600;font-size:.92rem}.opt{font-weight:400;color:var(--muted)}input[type=text]{width:100%;min-height:42px;padding:8px 12px;border-radius:8px;border:1.5px solid var(--line);background:var(--bg)}input[type=text]:focus{border-color:var(--accent)}input:disabled{opacity:.55}.hint{margin:5px 0 0;color:var(--muted);font-size:.83rem}.err{margin:10px 0 0;color:var(--bad);font-weight:600;font-size:.9rem}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:2px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:.82rem;color:var(--muted);font-weight:600}.tags.pick .tag{cursor:pointer;padding:5px 12px;font-size:.88rem}.tags.pick .tag[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.primary{width:100%;min-height:44px;border:0;border-radius:8px;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-weight:800}.primary:disabled{opacity:.5;cursor:not-allowed}.controls{align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.controls,.tabs{display:flex;flex-wrap:wrap}.tabs{gap:6px}.tabs button{min-height:36px;padding:4px 12px;border-radius:999px;cursor:pointer;border:1.5px solid var(--line);background:var(--surface);font-weight:600;font-size:.9rem}.tabs button span{margin-left:6px;color:var(--muted);font-weight:400}.tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.tabs button[aria-pressed=true] span{color:inherit;opacity:.75}.sort{display:flex;align-items:center;gap:8px;margin:0;font-weight:400;font-size:.9rem;color:var(--muted)}.sort select{min-height:36px;padding:4px 8px;border-radius:8px;border:1.5px solid var(--line);background:var(--surface)}.list{display:grid;grid-gap:12px;gap:12px}.empty{padding:36px 16px;text-align:center;color:var(--muted);border:1.5px dashed var(--line);border-radius:12px}.card,.empty{background:var(--surface)}.card{--band:var(--line);display:grid;grid-gap:12px;gap:12px;padding:14px 16px;border:1px solid var(--line);border-left:5px solid var(--band);border-radius:10px}.card.st-poster{--band:var(--good)}.card.st-poste{--band:var(--post)}.card.st-refuse{--band:var(--bad)}.card.st-refuse .title{opacity:.6}.card.flash{animation:flash 1.4s ease-out}@keyframes flash{0%{box-shadow:0 0 0 4px var(--accent)}to{box-shadow:0 0 0 4px transparent}}@media (prefers-reduced-motion:reduce){.card.flash{animation:none;outline:3px solid var(--accent)}}@media (min-width:720px){.card:not(.playing){grid-template-columns:200px minmax(0,1fr);column-gap:16px;align-items:start}}.body{display:grid;grid-gap:12px;gap:12px}.body,.media{min-width:0}.thumb{position:relative;aspect-ratio:16/9;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--strip);cursor:pointer}.thumb,.thumb img{display:block;width:100%}.thumb img{height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(0,0,0,.6)}.play:after{content:"";position:absolute;left:17px;top:12px;border-color:transparent transparent transparent #fff;border-style:solid;border-width:10px 0 10px 16px}.thumb:hover .play{background:var(--accent)}.dur{position:absolute;right:6px;bottom:6px;padding:1px 7px;border-radius:4px;background:rgba(0,0,0,.75);color:#fff;font-size:.78rem;font-weight:600}.player{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.title{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:-.01em;line-height:1.25;overflow-wrap:anywhere}.meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--muted);font-size:.87rem}.editbox{display:grid;grid-gap:10px;gap:10px}.edit-actions{display:flex;flex-wrap:wrap;gap:8px}.badge{flex:none;padding:2px 10px;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid var(--line);color:var(--muted)}.badge.st-poster{background:var(--good-bg);color:var(--good);border-color:transparent}.badge.st-poste{background:var(--post-bg);color:var(--post);border-color:transparent}.badge.st-refuse{background:var(--bad-bg);color:var(--bad);border-color:transparent}.rate{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.strip{position:relative;display:inline-flex;gap:4px;padding:9px 8px;border-radius:5px;background:var(--strip)}.strip:after,.strip:before{content:"";position:absolute;left:5px;right:5px;height:3px;background:repeating-linear-gradient(90deg,var(--hole) 0 5px,transparent 5px 10px)}.strip:before{top:3px}.strip:after{bottom:3px}.frame{width:32px;height:24px;border:0;border-radius:2px;padding:0;cursor:pointer;background:var(--frame)}.frame.on{background:var(--frame-on)}.frame:focus-visible{outline-color:var(--frame-on)}.score{display:flex;align-items:baseline;gap:8px}.avg{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;line-height:1}.count{font-size:.87rem}.count,.mine{color:var(--muted)}.mine{font-size:.85rem}.actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.actions,.seg{flex-wrap:wrap}.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:8px;overflow:hidden}.seg button{min-height:34px;padding:2px 12px;border:0;border-right:1.5px solid var(--line);background:transparent;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--muted)}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{color:var(--ink);background:var(--bg)}.seg button[data-state=poster][aria-pressed=true]{background:var(--good-bg);color:var(--good)}.seg button[data-state=poste][aria-pressed=true]{background:var(--post-bg);color:var(--post)}.seg button[data-state=refuse][aria-pressed=true]{background:var(--bad-bg);color:var(--bad)}.right{display:flex;flex-wrap:wrap;gap:8px}.btn,.right{align-items:center}.btn{display:inline-flex;min-height:34px;padding:2px 14px;border-radius:8px;cursor:pointer;background:var(--ink);color:var(--surface);text-decoration:none;font-weight:700;font-size:.88rem;border:0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--muted);border:1.5px solid var(--line);font-weight:600}.btn.ghost.sure{color:var(--bad);border-color:var(--bad)}ol.rank{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px}ol.rank li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}ol.rank li:last-child{border-bottom:0}ol.rank .n{font-weight:600;overflow-wrap:anywhere}ol.rank .v{font-size:.88rem;white-space:nowrap}.note,ol.rank .v{color:var(--muted)}.note{margin:0;font-size:.9rem}.manager{margin:0 0 20px}.mgr-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.manager h3.sub{margin:18px 0 8px;font-size:1rem;font-weight:800}.mgr-list{display:grid;grid-gap:8px;gap:8px}.mgr-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;background:var(--bg);border-radius:8px}.mgr-row strong{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}.checks{display:flex;flex-wrap:wrap;gap:6px 16px}.check{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:600;font-size:.9rem;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--accent)}.av{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;background:var(--line)}.av.big{width:36px;height:36px}.av.ph{display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--muted);font-size:.9rem}.addstreamer{margin-top:14px}.addbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.addbox input{flex:1 1 220px;width:auto}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);max-width:min(92vw,460px);padding:10px 16px;border-radius:10px;background:var(--ink);color:var(--surface);font-weight:600;font-size:.92rem;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;display:grid;grid-gap:14px;gap:14px}.login-card .tagline{margin:0}