:root{--bg:#000;--panel:#0b0d0f;--panel2:#101316;--panel3:#181c20;--line:#1c2227;--line2:#2a323a;--text:#f2f5f7;--muted:#98a2ab;--blue:#00a4dc;--blue2:#3fc1ee;--now:#00a4dc29;--red:#ef4444;--green:#22c55e;--left:330px;--row:84px;--head:46px;--s:1;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;font-size:15px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}html,body,#root{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chcell,.block{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--blue2);outline-offset:1px}.btn{background:var(--panel2);border:1px solid var(--line);white-space:nowrap;border-radius:8px;padding:7px 13px;line-height:1.2;transition:background .12s,border-color .12s}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:var(--panel3);border-color:var(--line2)}}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}@media (hover:hover) and (pointer:fine){.btn.primary:hover:not(:disabled){background:#0b8fc0}}.btn.ghost{background:0 0;border-color:#0000}.btn.icon{min-width:36px;padding:7px 11px}.btn.on{color:#fbbf24}.select{background:var(--panel2);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;max-width:170px;padding:7px 10px}.badge{margin-left:calc(8px * var(--s));padding:1px calc(6px * var(--s));border-radius:calc(4px * var(--s));background:var(--blue);color:#fff;font-size:calc(10px * var(--s));letter-spacing:.04em;vertical-align:middle;font-weight:700;display:inline-block}.badge.live{background:var(--red)}.badge.sm{margin-left:calc(6px * var(--s));padding:0 calc(4px * var(--s));font-size:calc(9px * var(--s))}.live-pill{margin-right:calc(7px * var(--s));padding:0 calc(6px * var(--s));border-radius:calc(4px * var(--s));color:#7dd3f5;font-size:calc(11px * var(--s));letter-spacing:.06em;font-weight:800;line-height:calc(17px * var(--s));vertical-align:1px;background:#00a4dc47;flex:none;display:inline-block}.boot{height:100%;color:var(--muted);place-items:center;display:grid}.login{place-items:center;height:100%;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:14px;width:340px;padding:28px;display:grid}.login-logo{letter-spacing:.12em;justify-content:center;align-items:center;gap:10px;margin-bottom:6px;font-size:22px;font-weight:800;display:flex}.moon{width:22px;height:22px;box-shadow:inset -7px -3px 0 0 var(--blue);border-radius:50%;display:inline-block}.login label{color:var(--muted);gap:6px;font-size:13px;display:grid}.login input{background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.login-error{color:#fca5a5;font-size:13px}.live-pill.big{font-size:calc(13px * var(--s));line-height:calc(20px * var(--s));padding:0 calc(8px * var(--s));margin-right:2px}.guide{flex-direction:column;height:100%;display:flex}.guide[hidden]{display:none}.topbar{background:var(--bg);flex-direction:column;flex:none;gap:14px;padding:16px 28px 6px;display:flex}.tb-row{align-items:center;gap:12px;display:flex}.tb-spacer{flex:1}.btn.round{border-radius:50%;place-items:center;width:46px;height:46px;padding:0;font-size:21px;display:grid}.btn.pill,.select.pill{background:#14181b;border-color:#20262b;border-radius:999px;padding:10px 20px}.btn.pill.icon{padding:10px 17px}.seg{gap:8px;display:flex}.range{color:#dfe5ea;font-variant-numeric:tabular-nums;min-width:190px;padding:0 8px;font-size:16px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{color:var(--text);background:0 0;border:2px solid #252c32;border-radius:999px;padding:8px 22px;font-size:15.5px}@media (hover:hover) and (pointer:fine){.chip:hover{border-color:#3a444d}}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.clock{font-variant-numeric:tabular-nums;text-align:right;min-width:48px;font-weight:600}.daypick{position:relative}.menu{z-index:30;background:var(--panel2);border:1px solid var(--line2);border-radius:10px;min-width:150px;max-height:60vh;padding:6px;display:grid;position:absolute;top:40px;left:0;overflow:auto;box-shadow:0 12px 40px #000a}.menu button{text-align:left;background:0 0;border:0;border-radius:6px;padding:8px 12px}@media (hover:hover) and (pointer:fine){.menu button:hover{background:var(--panel3)}}.infocard{margin:calc(6px * var(--s)) calc(28px * var(--s)) calc(4px * var(--s));padding:calc(16px * var(--s)) calc(24px * var(--s));min-height:calc(118px * var(--s));border-radius:calc(18px * var(--s));gap:calc(28px * var(--s));background:#0d1013;flex:none;display:flex}.ic-main{flex:1;min-width:0}.ic-title{font-size:calc(27px * var(--s));white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:500;line-height:1.2;overflow:hidden}.ic-meta{align-items:center;gap:calc(8px * var(--s));margin-top:calc(7px * var(--s));color:var(--muted);font-size:calc(14.5px * var(--s));font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.ic-meta .dot{opacity:.5}.ic-meta .badge{margin-left:calc(4px * var(--s))}.ic-desc{margin:calc(9px * var(--s)) 0 0;font-size:calc(14px * var(--s));color:#c9d1d7;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.ic-ch{align-items:center;gap:calc(14px * var(--s));max-width:calc(280px * var(--s));flex:none;display:flex}.ic-chname{font-size:calc(18px * var(--s));font-weight:600}.logo.big{width:calc(76px * var(--s));height:calc(50px * var(--s))}.tl-title{padding:calc(8px * var(--s)) calc(32px * var(--s)) calc(4px * var(--s));font-size:calc(13px * var(--s));color:var(--muted);font-weight:600}.scroller{overscroll-behavior:contain;outline:none;flex:auto;position:relative;overflow:auto}.canvas{position:relative}.scroller.gv{overflow:hidden auto}.gh{overscroll-behavior-x:contain;scrollbar-width:none;position:absolute;top:0;left:0;right:0;overflow:auto hidden}.gh::-webkit-scrollbar{display:none}.ghc{position:relative}.gv .timehead{overflow:hidden}.thwide{position:relative}.timehead{z-index:12;background:var(--bg);border-bottom:1px solid var(--line2);position:sticky;top:0}.corner{z-index:14;background:var(--bg);padding:0 calc(32px * var(--s)) calc(10px * var(--s));color:var(--muted);font-size:calc(12px * var(--s));align-items:flex-end;display:flex;position:sticky;left:0}.tick{border-left:1px solid var(--line);padding:0 0 0 calc(7px * var(--s));padding-bottom:calc(8px * var(--s));color:var(--muted);font-variant-numeric:tabular-nums;font-size:calc(12.5px * var(--s));flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:0;bottom:0}.tick.major{color:var(--text);border-left-color:var(--line2);font-weight:600}.tick.daystart{border-left:2px solid var(--blue)}.daylabel{color:var(--blue2);font-weight:700;font-size:calc(12px * var(--s))}.row{contain:layout style;position:absolute;left:0}.row.playing .chcell{box-shadow:inset calc(4px * var(--s)) 0 0 var(--blue)}.chcell{z-index:8;align-items:center;gap:calc(14px * var(--s));height:100%;padding:0 calc(12px * var(--s)) 0 calc(28px * var(--s));background:var(--bg);cursor:pointer;display:flex;position:sticky;left:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.chcell:hover{background:#0c0f11}}.chno{min-width:calc(28px * var(--s));text-align:center;color:#d3dae0;border-radius:calc(12px * var(--s));padding:1px calc(8px * var(--s));font-size:calc(12.5px * var(--s));font-variant-numeric:tabular-nums;background:#1b2025;flex:none;font-weight:700}.logo{width:calc(56px * var(--s));height:calc(38px * var(--s));object-fit:contain;border-radius:calc(4px * var(--s));background:0 0;flex:none}.logo.fallback{background:var(--panel3);color:var(--muted);font-size:calc(12px * var(--s));place-items:center;font-weight:700;display:grid}.chtext{gap:calc(3px * var(--s));flex:1;min-width:0;line-height:1.25;display:grid}.chhead{align-items:center;gap:calc(9px * var(--s));min-width:0;display:flex}.chname{font-size:calc(16px * var(--s));white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.chnow{color:#e4e9ed;font-size:calc(14px * var(--s));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.star{color:var(--muted);font-size:calc(18px * var(--s));padding:calc(4px * var(--s));opacity:.4;background:0 0;border:0;transition:opacity .1s}.star.on{opacity:1}@media (hover:hover) and (pointer:fine){.chcell:hover .star{opacity:1}}.star.on{color:#fbbf24}.chprogress{background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.chprogress span{background:var(--blue);height:100%;display:block}.block{top:calc(5px * var(--s));bottom:calc(5px * var(--s));border:0;border-left:calc(4px * var(--s)) solid #00a4dc6b;border-radius:calc(7px * var(--s));cursor:pointer;background:#0c0f12;min-width:2px;position:absolute;overflow:clip}@media (hover:hover) and (pointer:fine){.block:hover{background:#151a1e}}.block.past{opacity:.62}.block.airing{border-left-color:var(--blue);background:linear-gradient(#00a4dc2b,#00a4dc12)}.block.sel{outline-offset:-2px;background:#171c21;outline:2px solid #fff}.block.airing.sel{background:linear-gradient(#00a4dc42,#00a4dc24)}.block.dim{opacity:.3}.b-in{left:calc(var(--left) + calc(12px * var(--s)));padding:calc(15px * var(--s)) 0 0 0;width:0;position:sticky;overflow:visible}.block .b-in{padding-left:0}.b-title{font-size:calc(16px * var(--s));white-space:nowrap;font-weight:600;line-height:1.3}.b-time{color:var(--muted);font-size:calc(13.5px * var(--s));white-space:nowrap;margin-top:calc(7px * var(--s));font-variant-numeric:tabular-nums}.block:not(.airing) .b-in,.block.airing .b-in{margin-left:calc(9px * var(--s))}.block.airing .b-title{font-weight:700}.b-rem{margin-left:calc(22px * var(--s))}.b-progress{height:calc(6px * var(--s));background:#ffffff1a;position:absolute;bottom:0;left:0;right:0}.b-progress span{background:var(--blue);height:100%;display:block}.nowline{background:var(--blue);z-index:9;pointer-events:none;width:2px;margin-left:-1px;position:absolute}.nowmark{background:var(--blue);z-index:3;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.nowmark span{top:calc(6px * var(--s));background:var(--blue);color:#fff;font-size:calc(11.5px * var(--s));padding:1px calc(7px * var(--s));border-radius:calc(5px * var(--s));font-variant-numeric:tabular-nums;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.empty{top:calc(120px * var(--s));left:var(--left);text-align:center;color:var(--muted);padding:0 calc(40px * var(--s));position:absolute;right:0}.drawer{width:min(calc(430px * var(--s)), 100vw);z-index:40;background:var(--panel);border-left:1px solid var(--line2);padding:calc(22px * var(--s)) calc(22px * var(--s)) calc(20px * var(--s));gap:calc(10px * var(--s));box-shadow:-18px 0 calc(50px * var(--s)) #000a;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto}.drawer h2{font-size:calc(22px * var(--s));margin:0;line-height:1.25}.drawer-close{top:calc(12px * var(--s));right:calc(12px * var(--s));color:var(--muted);font-size:calc(18px * var(--s));background:0 0;border:0;position:absolute}.drawer-ch{color:var(--blue2);font-weight:600}.drawer-sub{color:var(--text);opacity:.85}.drawer-meta{color:var(--muted);font-variant-numeric:tabular-nums}.drawer-desc{margin:calc(6px * var(--s)) 0;line-height:1.5}.drawer-actions{gap:calc(8px * var(--s));margin-top:auto;display:flex}.player{z-index:20;background:#000;position:fixed;inset:0;overflow:hidden}.player.idle{cursor:none}.video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.ov{z-index:3;align-items:center;gap:10px;padding:14px 18px;transition:opacity .18s;display:flex;position:absolute;left:0;right:0}.ov.hide{opacity:0;pointer-events:none}.ov.top{background:linear-gradient(#000000d1,#0000);flex-wrap:wrap;padding-bottom:38px;top:0}.ov.bottom{background:linear-gradient(#0000,#000000b3);justify-content:center;padding-top:34px;bottom:0}.p-ch{flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.p-ch .chno{width:auto;color:var(--blue2);font-size:20px}.p-ch .logo{width:64px;height:42px}.p-chname{font-size:18px;font-weight:700}.p-now b{font-weight:600}.p-next{font-size:13px}.p-actions{align-items:center;gap:8px;display:flex}.vol{width:90px;accent-color:var(--blue)}.p-progress{background:#ffffff24;border-radius:2px;height:3px;position:absolute;bottom:22px;left:18px;right:18px}.p-progress span{background:var(--blue);border-radius:2px;height:100%;display:block}.status{z-index:2;text-align:center;pointer-events:none;place-content:center;gap:8px;padding:0 24px;display:grid;position:absolute;inset:0}.status .s-actions{pointer-events:auto;justify-content:center;gap:10px;margin-top:12px;display:flex}.s-title{font-size:22px;font-weight:600}.s-title.err{color:#fca5a5}.s-sub{color:var(--muted);max-width:560px;font-size:14px}.digits{z-index:5;color:#fff;text-shadow:0 2px 12px #000;font-variant-numeric:tabular-nums;font-size:64px;font-weight:800;position:absolute;top:90px;right:40px}.unmute{z-index:6;background:var(--blue);color:#fff;border:0;border-radius:999px;padding:12px 20px;font-weight:600;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.notice{z-index:8;text-align:center;border:1px solid var(--line2);max-width:min(560px,90vw);color:var(--text);background:#0c0f15f5;border-radius:12px;padding:12px 18px;font-size:14px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.unmute.tap{bottom:150px}.panel{z-index:7;top:max(70px, var(--ov-top,0px));border:1px solid var(--line2);background:#0c0f15f5;border-radius:12px;align-content:start;gap:4px;padding:14px;display:grid;position:absolute;bottom:70px;overflow:auto}.panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:6px 4px;font-size:13px}.panel.audio{width:340px;max-height:min(70vh, calc(100% - max(70px, var(--ov-top,0px)) - 70px));bottom:auto;right:18px}.panel.mini{width:380px;left:18px}.panel .item{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.panel .item:hover{background:var(--panel3)}}.panel .item.on{background:var(--now);box-shadow:inset 3px 0 0 var(--blue)}.panel .item.ch{padding-right:8px}.panel .item .chprogress{background:#ffffff14;bottom:2px;left:10px;right:10px}@media (max-width:900px){.topbar{gap:10px;padding:12px 14px 4px}.tb-row{flex-wrap:wrap;row-gap:8px}.tb-spacer{display:none}.range{flex:140px;min-width:0;padding:0 4px;font-size:14px}.chcell{gap:10px;padding:0 8px 0 12px}.chno{display:none}.chips{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:2px;overflow-x:auto}.chip{flex:none;padding:6px 16px;font-size:14px}.infocard{gap:14px;min-height:0;margin:4px 14px;padding:12px 16px}.ic-title{font-size:20px}.tl-title{padding:6px 16px 2px}.corner{padding:0 12px 10px}.select{max-width:150px}}@media (max-width:560px){.btn.round{flex:none;width:40px;height:40px;font-size:18px}.btn.pill,.select.pill{padding:8px 14px}.select.pill{max-width:40vw}.chcell{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:0 6px 0 8px}.chcell .logo{width:44px;height:28px}.chtext{flex:none;width:100%}.chname{font-size:12.5px}.chnow{display:none}.star{opacity:1;font-size:15px;position:absolute;top:2px;right:0}.infocard{min-height:0;padding:8px 12px}.ic-ch,.ic-desc{display:none}.ic-title{font-size:17px}.ic-meta{margin-top:3px;font-size:12.5px}.tl-title,.corner{display:none}.block .b-title{font-size:14px}.p-ch{flex-basis:100%;min-width:0}.p-actions{flex-wrap:wrap}.vol{width:70px}.ov{gap:8px;padding:10px 12px}.ov.top{padding-bottom:28px}.panel.audio,.panel.mini{width:auto;left:8px;right:8px;top:max(60px, var(--ov-top,0px));bottom:60px}}.ic-descrow{display:contents}.ic-more,.ic-full{display:none}@media (max-height:860px) and (min-width:561px){.infocard{z-index:16;border-radius:14px;gap:14px;min-height:0;margin:4px 14px 2px;padding:8px 16px;position:relative}.ic-title{font-size:19px}.ic-meta{white-space:nowrap;flex-wrap:nowrap;gap:6px;margin-top:2px;font-size:13px;overflow:hidden}.ic-meta .ic-genre{text-overflow:ellipsis;min-width:0;overflow:hidden}.ic-meta{align-items:center;height:18px}.ic-meta .live-pill.big{margin-right:0;padding:0 7px;font-size:12px;line-height:18px}.ic-meta .badge{margin-left:0;padding:0 6px;font-size:11px;line-height:18px}.ic-descrow{align-items:baseline;gap:10px;margin-top:3px;display:flex;position:relative}.ic-desc{-webkit-line-clamp:1;flex:1;min-width:0;margin:0;font-size:13px;line-height:1.4}.ic-more,.ic-less{color:var(--blue);background:0 0;border:0;flex:none;padding:2px 4px;font-size:13px;font-weight:600;display:inline-flex}.ic-ch{gap:10px;max-width:220px}.logo.big{width:52px;height:34px}.ic-chname{font-size:15px}.ic-full{z-index:13;background:#0d1013;border-radius:0 0 14px 14px;max-height:60vh;padding:8px 16px 12px;display:block;position:absolute;top:-6px;left:-16px;right:-16px;overflow:auto;box-shadow:0 14px 30px #000c}.ic-full p{color:#c9d1d7;margin:0 0 6px;font-size:14px;line-height:1.45}}@media (max-height:520px) and (min-width:561px){.topbar{gap:6px;padding:6px 14px 2px}.btn.round{width:36px;height:36px;font-size:16px}.btn.pill,.select.pill{padding:5px 14px}.chip{padding:2px 14px;font-size:13px}.infocard{margin:2px 14px;padding:4px 12px}.ic-descrow,.ic-chtext,.tl-title,.corner{display:none}}.admin{z-index:25;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.adm-head{flex-wrap:wrap;align-items:center;gap:16px;padding:14px 24px 8px;display:flex}.adm-head h1{letter-spacing:.02em;margin:0;font-size:22px}.adm-who{margin-left:auto}.adm-tabs{border-bottom:1px solid var(--line);gap:8px;padding:6px 24px 10px;display:flex;overflow-x:auto}.adm-tab{color:var(--text);white-space:nowrap;background:0 0;border:2px solid #252c32;border-radius:999px;padding:7px 18px}.adm-tab.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.adm-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;padding:16px 24px 40px;display:flex;overflow:auto}.admin h2{margin:8px 0 0;font-size:17px}.admin h3{margin:0 0 8px;font-size:15px}.adm-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.adm-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:4px;padding:14px 16px;display:grid}.adm-card-t{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.adm-card-v{font-size:26px;font-weight:700}.adm-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adm-row.wrap{align-items:flex-end}.adm-row label{color:var(--muted);gap:4px;font-size:12px;display:grid}.admin input:not([type=checkbox]):not([type=range]),.admin .select{background:var(--panel2);border:1px solid var(--line2);color:var(--text);font:inherit;border-radius:8px;min-width:0;padding:8px 10px}.admin input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.admin .chk{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.adm-form{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:8px;padding:14px 16px;display:grid}.adm-scroll{border:1px solid var(--line);-webkit-overflow-scrolling:touch;border-radius:12px;overflow:auto}.adm-scroll.tall{max-height:58vh}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--panel);z-index:1;white-space:nowrap;padding:9px 12px;font-size:12px;font-weight:600;position:sticky;top:0}.tbl td{border-top:1px solid var(--line);vertical-align:middle;padding:8px 12px}.tbl tr.off td{opacity:.55}.tbl tr.editrow td{background:var(--panel2);opacity:1}.tbl tr.warnrow td{color:#fcd34d}.tbl .acts{flex-wrap:wrap;gap:6px;display:flex}.tbl .mono{color:#c4ccd3;word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:12px}.btn.sm{padding:5px 10px;font-size:13px}.btn.danger{color:#fca5a5;border-color:#7f1d1d}@media (hover:hover) and (pointer:fine){.btn.danger:hover:not(:disabled){background:#3b1111}}.bad{color:#fca5a5}.badge.alt{background:#7c3aed}.adm-flash{border-radius:10px;padding:10px 14px;font-size:14px}.adm-flash.ok{background:#22c55e24;border:1px solid #22c55e66}.adm-flash.err{color:#fecaca;background:#ef444424;border:1px solid #ef444480}.adm-settings{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:2px;display:grid}.adm-set{border-top:1px solid var(--line);grid-template-columns:minmax(220px,1fr) minmax(180px,280px) minmax(120px,200px);align-items:center;gap:12px;padding:10px 14px;display:grid}.adm-set:first-child{border-top:0}.adm-set-in{align-items:center;gap:8px;display:flex}@media (max-width:900px){.adm-head,.adm-tabs,.adm-body{padding-left:12px;padding-right:12px}.adm-set{grid-template-columns:1fr}}.recs .rec-row{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.rec-main{flex:260px;gap:3px;min-width:0;display:grid}.rec-title{text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.rec-meta{font-size:13px}.rec-actions{flex-wrap:wrap;gap:8px;display:flex}.rec-badge{font-weight:700}.rec-badge.st-recording{color:#ef4444}.rec-badge.st-uploading{color:#38bdf8}.rec-badge.st-done{color:#22c55e}.rec-badge.st-failed{color:#f59e0b}.rec-seek{flex-wrap:wrap;justify-content:center;gap:8px}.rec-range{min-width:120px;max-width:640px;accent-color:var(--blue);flex:220px}.rec-pos{font-variant-numeric:tabular-nums;text-align:center;min-width:112px}.drawer-ok{color:#22c55e;font-size:14px}.adm-err,.err{color:#f87171}