:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--fg:#f2f2f2;--muted:#9a9aa0;--accent:#e82127}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:20px/1.4 system-ui,sans-serif}#app{padding:24px}h1{margin:0 0 16px;font-size:32px}h2{color:var(--muted);font-size:24px}header{justify-content:space-between;align-items:center;display:flex}button{font:inherit;color:inherit;background:#1d1d20;border:0;border-radius:12px}button.big{min-height:64px;margin:8px 12px 8px 0;padding:0 28px;font-size:22px}button.link{color:var(--muted);background:0 0;padding:12px}button.resume{background:var(--accent)}.row{flex-wrap:wrap;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.poster{cursor:pointer;width:180px}.poster img,.poster .placeholder{object-fit:cover;background:#222;border-radius:10px;width:180px;height:270px;display:block}.poster .placeholder{color:var(--muted);justify-content:center;align-items:center;font-size:72px;display:flex}.poster .caption{white-space:pre-line;margin-top:6px;font-size:16px}.login{text-align:center;max-width:640px;margin:40px auto}.login .qr{background:#fff;border-radius:16px;width:360px;height:360px;margin:0 auto;padding:12px}.login .code{letter-spacing:4px;font-size:32px}.muted{color:var(--muted)}.error{text-align:center;margin-top:80px}.error small{color:var(--muted);margin:8px 0 24px;font-size:14px;display:block}.player{background:#000;position:fixed;inset:0}.player canvas{object-fit:contain;width:100%;height:100%;display:block}.player .overlay{background:linear-gradient(#000a,#0000 20% 70%,#000d);flex-direction:column;justify-content:space-between;transition:opacity .3s;display:flex;position:absolute;inset:0}.player .overlay.hidden{opacity:0}.player .top{align-items:center;gap:16px;padding:20px 28px;display:flex}.player .top .title{flex:1;font-size:22px}.player .bottom{padding:0 28px 20px}.player .controls{align-items:center;gap:16px;display:flex}.player .controls .spacer{flex:1}.player.live .seek,.player.live .rew,.player.live .fwd,.player.live .remaining,.player.live .ends{display:none}.player .ctl{background:#fff2;min-width:80px;min-height:64px;font-size:22px}.player .quality{border:2px solid #fffa;border-radius:8px;padding:6px 12px;font-size:18px;font-weight:600}.player .quality:empty{display:none}.player .time{font-variant-numeric:tabular-nums;font-size:22px}.player .remaining,.player .ends{font-variant-numeric:tabular-nums;color:#ccc;font-size:18px}.player .seek{cursor:pointer;touch-action:none;align-items:center;height:56px;display:flex;position:relative}.player .seek .rail{background:#fff3;border-radius:5px;flex:1;height:10px;position:relative}.player .seek .buffered{background:#fff6;border-radius:5px;width:0;position:absolute;top:0;bottom:0;left:0}.player .seek .fill{background:var(--accent);border-radius:5px;width:0;position:absolute;top:0;bottom:0;left:0}.player .seek .thumb{background:#fff;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:50%;left:0;box-shadow:0 0 0 4px #0008}.player .seek.dragging .thumb{width:40px;height:40px;margin:-20px 0 0 -20px}.player .seek .scrub{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#000e;border-radius:12px;padding:10px 20px;font-size:34px;font-weight:600;position:absolute;bottom:64px;transform:translate(-50%)}.player .seek .scrub[hidden]{display:none}.player .status{pointer-events:none;text-align:center;background:#000b;border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:28px 40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player .status[hidden]{display:none}.player .spinner{border:8px solid #fff3;border-top-color:#fff;border-radius:50%;width:72px;height:72px;animation:.9s linear infinite tgw-spin}.player .status-text{font-variant-numeric:tabular-nums;font-size:32px;font-weight:600}.player .status-detail{color:#ccc;font-variant-numeric:tabular-nums;font-size:22px}.player .status-detail:empty{display:none}@keyframes tgw-spin{to{transform:rotate(360deg)}}.player .skip-flash{pointer-events:none;background:#000a;border-radius:999px;padding:18px 30px;font-size:44px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.player .skip-flash.left{left:12%}.player .skip-flash.right{right:12%}.player .skip-flash[hidden]{display:none}.player .paused-play{background:#000b;border:4px solid #fffc;border-radius:50%;width:140px;height:140px;padding-left:12px;font-size:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player .paused-play[hidden]{display:none}.player .toast{pointer-events:none;background:#111e;border:2px solid #fff4;border-radius:14px;padding:14px 24px;font-size:22px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.player .toast[hidden]{display:none}.player .ended{background:#000c;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:24px 32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player .ended[hidden]{display:none}.player .ended button{min-width:280px;margin:8px 0}.player .ended .next{background:var(--accent)}.player .ended .next-title{color:#ccc;font-size:18px}.player .start{background:#000a;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.player .start[hidden]{display:none}.player .start .err{color:var(--muted);text-align:center;max-width:70%}.player .start .err-detail{color:var(--muted);text-align:center;max-width:70%;font-size:15px}.player .start .err-detail:empty{display:none}.av-button{min-width:150px}.av-panel{background:#16161a;border-radius:20px;width:560px;padding:20px 24px;position:absolute;bottom:170px;right:28px;box-shadow:0 10px 40px #000a}.av-panel[hidden]{display:none}.av-panel h3{margin:0 0 12px}.av-panel .scale{color:var(--muted);align-items:center;gap:12px;font-size:15px;display:flex}.av-panel .track{background:#fff2;border-radius:4px;flex:1;height:8px;position:relative}.av-panel .knob{background:var(--accent);border-radius:50%;width:24px;height:24px;margin-left:-12px;position:absolute;top:-8px}.av-panel .steps{align-items:center;gap:10px;margin:18px 0 6px;display:flex}.av-panel .steps button{background:#fff2;min-width:88px;min-height:64px;font-size:22px}.av-panel .steps .value{text-align:center;font-variant-numeric:tabular-nums;flex:1;font-size:24px}.av-panel .describe{text-align:center;color:var(--muted);margin:4px 0 14px}.av-panel .actions{gap:10px;display:flex}.av-panel .actions button{background:#fff1;flex:1;min-height:56px}.av-panel .scope{align-items:center;gap:18px;margin-top:14px;display:flex}.av-panel .scope input{vertical-align:middle;width:24px;height:24px}.apps{flex-wrap:wrap;gap:24px;margin-top:16px;display:flex}.app-tile{background:#26262b;border-radius:20px;width:260px;height:160px;font-size:30px;font-weight:600}.app-tile[data-app=youtube]{background:#3a1214}.tile{text-align:left;cursor:pointer;background:0 0;width:240px;padding:0;position:relative}.tile:disabled{opacity:.45;cursor:default}.tile .art{background:#222;border-radius:10px;width:240px;height:135px;position:relative;overflow:hidden}.tile .art img{object-fit:cover;width:100%;height:100%;display:block}.tile.portrait{width:160px}.tile.portrait .art{width:160px;height:240px}.tile .progress{background:#0009;height:6px;position:absolute;bottom:0;left:0;right:0}.tile .progress span{background:var(--accent,#e82127);height:100%;display:block}.tile .textart{text-align:center;justify-content:center;align-items:center;padding:12px;font-size:20px;font-weight:600;display:flex}.tile .caption{white-space:pre-line;margin-top:6px;font-size:16px}.tile .badge{background:#000c;border-radius:6px;padding:4px 8px;font-size:13px;position:absolute;top:8px;left:8px}.yt-search{gap:12px;margin:8px 0 16px;display:flex}.livetv-chips{gap:10px;margin:0 0 12px;padding-bottom:4px;display:flex;overflow-x:auto}.livetv-chips button{min-height:52px;color:inherit;font:inherit;background:#26262b;border:0;border-radius:26px;flex:none;padding:0 20px;font-size:19px}.livetv-chips button.on{color:#111;background:#e8e8ea}.tile.channel .art:not(.textart){background:#e9e9ec}.tile.channel .art img{object-fit:contain;box-sizing:border-box;background:0 0;padding:10% 12%}.guide-channel img{box-sizing:border-box;background:#e9e9ec;border-radius:6px;padding:3px}.livetv-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.livetv-empty{margin:4px 0 12px}.row.livetv-row{scroll-snap-type:x proximity;flex-wrap:nowrap;overflow-x:auto}.row.livetv-row>.tile{scroll-snap-align:start;flex:none}.guide{--ch:240px;margin-top:8px;position:relative}.guide-times{height:32px;margin-left:var(--ch);color:var(--muted,#999);font-size:16px;position:relative}.guide-times span{position:absolute;top:4px}.guide-row{border-top:1px solid #26262b;height:72px;display:flex}.guide-channel{width:var(--ch);color:inherit;font:inherit;text-align:left;background:#16161a;border:0;flex:none;align-items:center;gap:10px;padding:0 12px;font-size:18px;display:flex;overflow:hidden}.guide-channel img{object-fit:contain;width:56px;height:40px}.guide-track{flex:1;position:relative}.guide-cell{color:inherit;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#26262b;border:0;border-left:2px solid #111;padding:0 12px;font-size:17px;position:absolute;top:4px;bottom:4px;overflow:hidden}.guide-now-lane{top:0;bottom:0;left:var(--ch);pointer-events:none;position:absolute;right:0}.guide-now{background:#ff3b3b;width:2px;position:absolute;top:0;bottom:0}.guide-more{margin:16px 0}.yt-search input{min-height:64px;font:inherit;color:inherit;background:#1d1d20;border:0;border-radius:12px;flex:1;padding:0 20px;font-size:22px}.player .subs{pointer-events:none;position:absolute}.player .subs[hidden]{display:none}.player .subs-box{text-align:center;max-width:90%;line-height:1.25;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.player .subs-line{color:#fff;white-space:pre-wrap;background:#000000b8;margin:0 auto;padding:.05em .4em;display:table}.cc-panel{background:#111e;border-radius:16px;min-width:320px;padding:16px;position:absolute;bottom:170px;right:28px}.cc-panel[hidden]{display:none}.cc-tracks{flex-direction:column;gap:8px;display:flex}.cc-track,.cc-sizes button{text-align:left;min-height:56px;padding:0 18px}.cc-track.on,.cc-sizes button.on,.cc-button.on{background:var(--accent)}.cc-sizes{align-items:center;gap:8px;margin-top:12px;display:flex}.cc-sizes[hidden]{display:none}.cc-error{color:var(--muted);margin-top:8px;display:block}.cc-toast{max-width:60%;color:var(--fg);pointer-events:none;background:#111e;border-radius:12px;padding:12px 18px;font-size:18px;position:absolute;bottom:170px;right:28px}.cc-toast[hidden]{display:none}.files-home{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.files-home .rescan-status{flex-basis:100%}.files-empty,.files-error{max-width:720px}.jump{z-index:1;background:var(--bg);flex-wrap:nowrap;align-items:center;gap:4px;height:64px;display:flex;position:sticky;top:0;overflow:auto hidden}.jump button{flex:none;min-width:52px;height:52px;padding:0 12px;font-size:18px}.files-list .tile,section.season{scroll-margin-top:80px}.files-list .tile{content-visibility:auto;contain-intrinsic-size:240px 200px}.tile .badge{font-size:16px}.show-library{margin:-8px 0 8px;font-size:16px}.episodes{flex-direction:column;gap:8px;max-width:960px;display:flex}.episode{text-align:left;align-items:center;gap:16px;min-height:64px;padding:8px 20px;display:flex}.episode .num{color:var(--muted);font-variant-numeric:tabular-nums;min-width:56px}.episode .text{flex-direction:column;flex:1;display:flex}.episode .reason{color:var(--muted);font-size:16px}.episode:disabled{opacity:.6}.episode .badge{background:#000c;border-radius:6px;padding:4px 8px;font-size:16px}.route-loading{min-height:60vh;color:var(--muted,#aaa);flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:22px;display:flex}.route-loading .spinner{border:7px solid #fff3;border-top-color:#fff;border-radius:50%;width:64px;height:64px;animation:.9s linear infinite tgw-spin}header .layout-toggle{font-size:16px}header .car-name{font-size:18px}.rename-sheet{z-index:50;background:#000b;justify-content:center;align-items:flex-start;padding-top:6vh;display:flex;position:fixed;inset:0}.rename-sheet .panel{background:#1a1a1e;border-radius:20px;width:min(640px,92vw);padding:24px 28px}.rename-sheet h2{color:var(--fg);margin:0 0 16px}.rename-sheet input{width:100%;min-height:64px;font:inherit;color:var(--fg);background:#0f0f11;border:2px solid #3a3a40;border-radius:12px;padding:0 16px;font-size:26px}.rename-sheet input:focus{border-color:var(--accent);outline:none}.rename-sheet .error{color:#ff8a8a;min-height:1.4em;margin:10px 0;font-size:18px}.rename-sheet .buttons{justify-content:flex-end;gap:12px;display:flex}.rename-sheet .buttons button{min-height:60px;padding:0 32px;font-size:22px}.rename-sheet .buttons .save{background:var(--accent)}.alt-signin{margin:8px auto 32px;font-size:18px;text-decoration:underline;display:block}body[data-layout=phone]{--surface:#151518;--surface-2:#1e1e22;--line:#2a2a30;--ok:#3ccf6e;--warn:#ffb020;--bad:#ff5a5f;--plex:#e5a00d;--youtube:#ff3b3b;--files:#4c8dff;--tabs-h:64px;--mini-h:64px;--hdr-h:52px;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font:16px/1.4 -apple-system,system-ui,sans-serif}body[data-layout=phone] #app{max-width:none;padding:0}body[data-layout=phone] button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}body[data-layout=phone] button:disabled{opacity:.4;cursor:default}body[data-layout=phone] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}body[data-layout=phone] h1,body[data-layout=phone] h2{color:var(--fg)}body[data-layout=phone] .muted{color:var(--muted)}body[data-layout=phone] .small{font-size:13px}body[data-layout=phone] .ico{flex:none;width:24px;height:24px;display:block}body[data-layout=phone] .row{flex-wrap:nowrap;padding-bottom:10px;overflow:visible}body[data-layout=phone] .poster,body[data-layout=phone] .tile{cursor:pointer;width:auto}body[data-layout=phone] .pa{--bottom-space:var(--tabs-h);min-height:100dvh;padding:calc(var(--hdr-h) + env(safe-area-inset-top)) 0 calc(var(--bottom-space) + env(safe-area-inset-bottom) + 16px);overflow-x:clip}body[data-layout=phone] .pa-main{max-width:720px;padding:8px max(16px, env(safe-area-inset-left)) 0 max(16px, env(safe-area-inset-right));margin:0 auto}body[data-layout=phone] .hdr{z-index:20;height:calc(var(--hdr-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0b0b0ce6;align-items:center;gap:4px;display:flex;position:fixed;top:0;left:0;right:0}body[data-layout=phone] .hdr-title{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;padding-left:8px;font-size:18px;font-weight:650;overflow:hidden}body[data-layout=phone] .hdr-back:not([hidden])+.hdr-title{padding-left:0}body[data-layout=phone] .icon-btn{min-width:44px;min-height:44px;color:var(--fg);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}body[data-layout=phone] .icon-btn[hidden]{display:none}body[data-layout=phone] .avatar{color:#ffd9da;background:#3a2326;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:inline-flex;position:relative}body[data-layout=phone] .hdr .avatar{min-width:36px;margin:4px 6px;box-shadow:0 0 0 4px #0000}body[data-layout=phone] .avatar.big{width:56px;height:56px;font-size:22px}body[data-layout=phone] .tabs{z-index:20;padding:0 max(4px, env(safe-area-inset-left)) env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#0f0f11f2;display:flex;position:fixed;bottom:0;left:0;right:0}body[data-layout=phone] .tab{height:var(--tabs-h);color:var(--muted);letter-spacing:.01em;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:flex}body[data-layout=phone] .tab[aria-current=page]{color:var(--fg)}body[data-layout=phone] .tab[aria-current=page] .tab-ico{color:var(--accent)}body[data-layout=phone] .toast{z-index:40;left:16px;right:16px;bottom:calc(var(--bottom-space) + env(safe-area-inset-bottom) + 12px);text-align:center;background:#26262bf5;border:1px solid #fff2;border-radius:14px;max-width:480px;margin:0 auto;padding:13px 16px;animation:.18s ease-out pa-rise;position:fixed;box-shadow:0 8px 30px #000a}body[data-layout=phone] .toast[hidden]{display:none}body[data-layout=phone] .pa.on-remote .toast{top:calc(var(--hdr-h) + env(safe-area-inset-top) + 8px);bottom:auto}@keyframes pa-rise{0%{opacity:0;transform:translateY(8px)}}body[data-layout=phone] .mini{z-index:19;left:8px;right:8px;bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom) + 8px);max-width:704px;height:var(--mini-h);background:var(--surface-2);border:1px solid var(--line);border-radius:16px;align-items:center;gap:4px;margin:0 auto;padding:0 6px 0 0;display:flex;position:fixed;box-shadow:0 8px 28px #0009}body[data-layout=phone] .mini[hidden]{display:none}body[data-layout=phone] .mini-body{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;height:100%;padding:8px;display:flex}body[data-layout=phone] .mini-art{background:#2a2a30;border-radius:8px;flex:none;width:44px;height:44px;overflow:hidden}body[data-layout=phone] .mini-art img{object-fit:cover;width:100%;height:100%;display:block}body[data-layout=phone] .mini-text{min-width:0}body[data-layout=phone] .mini-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}body[data-layout=phone] .mini-state{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}body[data-layout=phone] .mini-pp{background:var(--fg);color:#000;border-radius:50%;width:48px;height:48px}body[data-layout=phone] .sec{margin:20px 0 8px}body[data-layout=phone] .sec-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px;font-size:13px;font-weight:700}body[data-layout=phone] .sec-sub{color:var(--muted);margin:14px 0 6px;font-size:14px;font-weight:600}body[data-layout=phone] .list{background:var(--line);border-radius:14px;flex-direction:column;gap:1px;display:flex;overflow:hidden}body[data-layout=phone] .list>*{border-radius:0}body[data-layout=phone] .row{background:var(--surface);text-align:left;width:100%;min-height:56px;color:var(--fg);border:0;align-items:center;gap:12px;padding:10px 14px;display:flex}body[data-layout=phone] .row:active,body[data-layout=phone] .user:active,body[data-layout=phone] .poster:active{filter:brightness(1.25)}body[data-layout=phone] .row.on{box-shadow:inset 3px 0 0 var(--accent)}body[data-layout=phone] .row-art{background:#26262b;border-radius:8px;flex:none;width:48px;height:48px;overflow:hidden}body[data-layout=phone] .row-art img{object-fit:cover;width:100%;height:100%;display:block}body[data-layout=phone] .row-text{flex:1;min-width:0}body[data-layout=phone] .row-title{overflow-wrap:anywhere}body[data-layout=phone] .row-sub{color:var(--muted);margin-top:1px;font-size:13.5px}body[data-layout=phone] .row-chev{color:#5c5c64;width:18px;height:18px}body[data-layout=phone] .row-ico{color:var(--muted)}body[data-layout=phone] .btn{background:var(--surface-2);min-height:48px;color:var(--fg);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}body[data-layout=phone] .btn.primary{background:var(--accent);color:#fff}body[data-layout=phone] .btn.danger{color:#ff9a9d;background:#3a1416}body[data-layout=phone] .btn.block{width:100%;margin:8px 0;display:flex}body[data-layout=phone] .btn-link{color:var(--muted);background:0 0;border:0;min-height:44px;margin:12px auto;text-decoration:underline;display:block}body[data-layout=phone] .state{color:var(--muted);text-align:center;margin:0;padding:18px 4px}body[data-layout=phone] .state-error p{margin:0 0 12px}body[data-layout=phone] .skeleton{flex-direction:column;gap:8px;display:flex}body[data-layout=phone] .sk-row,body[data-layout=phone] .sk-card{background:linear-gradient(90deg, var(--surface) 0%, #202025 50%, var(--surface) 100%);background-size:200% 100%;border-radius:12px;height:56px;animation:1.2s linear infinite pa-shimmer}body[data-layout=phone] .sk-card{height:84px}@keyframes pa-shimmer{to{background-position:-200% 0}}body[data-layout=phone] .dot{background:#666;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}body[data-layout=phone] .dot.on{background:var(--ok)}body[data-layout=phone] .dot.off{background:var(--bad)}body[data-layout=phone] .np-dot{background:var(--ok);border-radius:50%;flex:none;width:10px;height:10px;animation:1.6s ease-in-out infinite pa-pulse;box-shadow:0 0 0 3px #3ccf6e33}body[data-layout=phone] .avatar .np-dot{border:2px solid var(--bg);position:absolute;bottom:-2px;right:-2px}@keyframes pa-pulse{50%{box-shadow:0 0 0 6px #3ccf6e11}}body[data-layout=phone] .seg{background:var(--surface);border-radius:12px;gap:3px;margin:4px 0 14px;padding:3px;display:flex}body[data-layout=phone] .seg-btn{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;font-weight:600}body[data-layout=phone] .seg-btn.on{background:var(--surface-2);color:var(--fg);box-shadow:0 1px 4px #0006}body[data-layout=phone] .form,body[data-layout=phone] .pw{max-width:480px}body[data-layout=phone] .field{flex-direction:column;gap:6px;margin:14px 0;display:flex}body[data-layout=phone] .field-label{color:var(--muted);font-size:14px}body[data-layout=phone] .field-hint{color:#77777f;font-size:12.5px}body[data-layout=phone] input[type=text],body[data-layout=phone] input[type=password],body[data-layout=phone] input[type=search],body[data-layout=phone] input:not([type]){width:100%;min-height:50px;font:inherit;color:var(--fg);background:var(--surface);border:1px solid #33333a;border-radius:12px;padding:0 14px;font-size:17px}body[data-layout=phone] input:focus{border-color:#5a5a64;outline:none}body[data-layout=phone] .policy{color:var(--muted);margin:4px 0;font-size:13.5px}body[data-layout=phone] .err{color:var(--bad);min-height:1.3em;margin:8px 0}body[data-layout=phone] .err:empty{min-height:0;margin:0}body[data-layout=phone] .fs{border:0;margin:18px 0;padding:0}body[data-layout=phone] .fs legend,body[data-layout=phone] .fs-legend{color:var(--muted);margin-bottom:8px;padding:0;font-size:14px}body[data-layout=phone] .app-toggles{background:var(--line);border-radius:14px;flex-direction:column;gap:1px;display:flex;overflow:hidden}body[data-layout=phone] .switch-row{background:var(--surface);justify-content:space-between;align-items:center;min-height:54px;padding:0 14px;display:flex}body[data-layout=phone] .admin-toggle{border-radius:14px;margin-top:10px}body[data-layout=phone] .switch-row input{appearance:none;background:#3a3a42;border-radius:15px;flex:none;width:50px;height:30px;margin:0;transition:background .15s;position:relative}body[data-layout=phone] .switch-row input:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}body[data-layout=phone] .switch-row input:checked{background:var(--ok)}body[data-layout=phone] .switch-row input:checked:after{transform:translate(20px)}body[data-layout=phone] .sheet-backdrop{z-index:50;background:#000a;justify-content:center;align-items:flex-end;animation:.15s ease-out pa-fade;display:flex;position:fixed;inset:0}@keyframes pa-fade{0%{opacity:0}}body[data-layout=phone] .sheet{width:100%;max-width:560px;padding:8px 16px calc(16px + env(safe-area-inset-bottom));background:#1a1a1e;border-radius:20px 20px 0 0;animation:.2s ease-out pa-sheet}@keyframes pa-sheet{0%{transform:translateY(40px)}}body[data-layout=phone] .sheet-grip{background:#444;border-radius:3px;width:40px;height:5px;margin:0 auto 12px}body[data-layout=phone] .sheet-title{text-align:center;overflow-wrap:anywhere;font-size:18px;font-weight:700}body[data-layout=phone] .sheet-sub{color:var(--muted);text-align:center;margin-top:2px;font-size:14px}body[data-layout=phone] .sheet-note{color:var(--warn);text-align:center;margin:10px 0 0;font-size:14px}body[data-layout=phone] .sheet-action{background:var(--surface-2);width:100%;min-height:54px;color:var(--fg);border:0;border-radius:14px;margin-top:10px;font-size:17px;font-weight:600;display:block}body[data-layout=phone] .sheet-action.primary{background:var(--accent);color:#fff}body[data-layout=phone] .sheet-action.checked{box-shadow:inset 0 0 0 2px var(--accent)}body[data-layout=phone] .sheet-cancel{color:var(--muted);background:0 0;margin-top:6px}body[data-layout=phone] .conn{color:var(--warn);text-align:center;background:#2a2210;border-radius:12px;margin:0 0 10px;padding:9px 14px;font-size:14px;font-weight:600}body[data-layout=phone] .conn[hidden]{display:none}body[data-layout=phone] .car-picks{scrollbar-width:none;gap:8px;padding:4px 0 12px;display:flex;overflow-x:auto}body[data-layout=phone] .car-picks[hidden]{display:none}body[data-layout=phone] .new-car{background:var(--surface-2);border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:14px;margin:0 0 12px;padding:12px 12px 12px 14px}body[data-layout=phone] .new-car[hidden]{display:none}body[data-layout=phone] .new-car-head{align-items:flex-start;gap:8px;display:flex}body[data-layout=phone] .new-car-text{flex:1;margin:2px 0 10px;font-weight:650}body[data-layout=phone] .new-car-close{color:var(--muted);background:0 0;border:0;min-width:36px;min-height:36px;padding:4px}body[data-layout=phone] .new-car-list{flex-wrap:wrap;gap:8px;display:flex}body[data-layout=phone] .new-car .link-car{min-height:44px}body[data-layout=phone] .new-car .link-no{color:var(--muted);background:0 0;min-height:40px;padding:0}body[data-layout=phone] .car-pick{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}body[data-layout=phone] .car-pick[aria-pressed=true]{border-color:var(--accent);background:#2a1719}body[data-layout=phone] .page.remote{height:calc(100dvh - var(--hdr-h) - var(--tabs-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);flex-direction:column;display:flex;overflow:hidden}body[data-layout=phone] .remote-body{flex-direction:column;flex:auto;min-height:0;display:flex}body[data-layout=phone] .np{text-align:center;flex-direction:column;flex:auto;align-items:center;min-height:0;padding-top:4px;display:flex}body[data-layout=phone] .np.empty{justify-content:center}body[data-layout=phone] .np-art{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}body[data-layout=phone] .np-art[hidden]{display:none}body[data-layout=phone] .np-art img{object-fit:contain;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 14px 40px #000c}body[data-layout=phone] .np-info{flex:none;width:100%;padding-top:12px}body[data-layout=phone] .np-title{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}body[data-layout=phone] .np-state{color:var(--muted);margin-top:2px;font-weight:600}body[data-layout=phone] .np-state[hidden],body[data-layout=phone] .np-hint[hidden]{display:none}body[data-layout=phone] .np.needs-tap .np-state{color:#1a1200;background:var(--warn);border-radius:12px;margin-top:8px;padding:6px 14px;display:inline-block}body[data-layout=phone] .np-car{color:#6c6c74;margin-top:2px;font-size:13px}body[data-layout=phone] .np-hint{margin:12px auto 0}body[data-layout=phone] .np .offline{color:var(--warn);background:#2a2210;border-radius:12px;margin:10px 0 0;padding:10px 14px;font-size:14px}body[data-layout=phone] .np .offline[hidden]{display:none}body[data-layout=phone] .np.offline .np-art{opacity:.45}body[data-layout=phone] .scrub-wrap{flex:none;width:100%;max-width:560px;margin-top:8px;position:relative}body[data-layout=phone] .scrub{width:100%;height:40px;accent-color:var(--accent);margin:0}body[data-layout=phone] .scrub-target{font-variant-numeric:tabular-nums;pointer-events:none;background:#000e;border:1px solid #fff3;border-radius:12px;padding:6px 16px;font-size:26px;font-weight:700;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}body[data-layout=phone] .scrub-target[hidden]{display:none}body[data-layout=phone] .np-times{width:100%;max-width:560px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;min-height:18px;margin-top:-4px;font-size:13px;display:flex}body[data-layout=phone] .transport{flex:none;justify-content:center;align-items:center;gap:28px;margin:8px 0 14px;display:flex}body[data-layout=phone] .t-btn{background:var(--surface-2);border-radius:50%;width:60px;height:60px;position:relative}body[data-layout=phone] .t-btn .ico{width:26px;height:26px}body[data-layout=phone] .t-label{color:var(--muted);font-size:11px;font-weight:600;position:absolute;bottom:-17px;left:0;right:0}body[data-layout=phone] .t-pp{background:var(--fg);color:#000;width:76px;height:76px}body[data-layout=phone] .t-pp .ico{width:34px;height:34px}body[data-layout=phone] .transport2{flex:none;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:560px;margin-top:4px;display:grid}body[data-layout=phone] .transport2 .ico{width:20px;height:20px}@media (height<=600px){body[data-layout=phone] .np-art{display:none}}body[data-layout=phone] .no-car{padding:60px 16px}body[data-layout=phone] .strip{scroll-snap-type:x proximity;scrollbar-width:none;gap:12px;margin:0 -16px;padding:0 16px 4px;display:flex;overflow-x:auto}body[data-layout=phone] .strip .poster{scroll-snap-align:start;flex:none;width:120px}body[data-layout=phone] .grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 12px;display:grid}body[data-layout=phone] .poster{text-align:left;color:var(--fg);background:0 0;border:0;min-width:0;padding:0}body[data-layout=phone] .poster-art{aspect-ratio:2/3;background:#202025;border-radius:10px;position:relative;overflow:hidden}body[data-layout=phone] .poster-art img{object-fit:cover;width:100%;height:100%;display:block}body[data-layout=phone] .poster-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13.5px;line-height:1.25;display:-webkit-box;overflow:hidden}body[data-layout=phone] .poster-sub{color:var(--muted);font-size:12px}body[data-layout=phone] .progress{background:#000a;border-radius:2px;height:4px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}body[data-layout=phone] .progress span{background:var(--accent);height:100%;display:block}body[data-layout=phone] .search-form{top:calc(var(--hdr-h) + env(safe-area-inset-top));z-index:5;background:var(--bg);gap:8px;padding:4px 0 8px;display:flex;position:sticky}body[data-layout=phone] .search-form input{flex:1;min-width:0}body[data-layout=phone] .apptiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:8px;display:grid}body[data-layout=phone] .apptile{border:1px solid var(--line);background:var(--surface);text-align:left;min-height:150px;color:var(--fg);border-radius:20px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}body[data-layout=phone] .apptile-icon{background:#2a2a30;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:auto;display:flex}body[data-layout=phone] .apptile-icon .ico{width:28px;height:28px}body[data-layout=phone] .apptile.app-plex .apptile-icon{color:var(--plex);background:#3a2c0a}body[data-layout=phone] .apptile.app-youtube .apptile-icon{color:var(--youtube);background:#3a1214}body[data-layout=phone] .apptile.app-files .apptile-icon{color:var(--files);background:#14223a}body[data-layout=phone] .apptile-name{font-size:18px;font-weight:700}body[data-layout=phone] .apptile-blurb{color:var(--muted);font-size:13px}body[data-layout=phone] .paste-play{margin:0 0 8px}body[data-layout=phone] .rich,body[data-layout=phone] .ep{background:var(--surface);text-align:left;width:100%;color:var(--fg);border:0;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}body[data-layout=phone] .rich .row-chev{align-self:center}body[data-layout=phone] .rich-art{aspect-ratio:2/3;background:#26262b;border-radius:8px;flex:none;width:64px;position:relative;overflow:hidden}body[data-layout=phone] .rich-art img,body[data-layout=phone] .ep-art img,body[data-layout=phone] .yt-thumb img,body[data-layout=phone] .show-art img{object-fit:cover;width:100%;height:100%;display:block}body[data-layout=phone] .rich-episode .rich-art{aspect-ratio:16/9;width:96px}body[data-layout=phone] .rich-text,body[data-layout=phone] .ep-text,body[data-layout=phone] .yt-text{flex:1;min-width:0}body[data-layout=phone] .rich-top{align-items:center;gap:6px;display:flex}body[data-layout=phone] .rich-title{overflow-wrap:anywhere;font-weight:650}body[data-layout=phone] .badge-server{color:#bdbdc6;background:#26262b;font-size:10.5px}body[data-layout=phone] .rich-meta,body[data-layout=phone] .ep-meta{color:var(--muted);margin-top:2px;font-size:13px}body[data-layout=phone] .rich-summary{color:#b8b8c0;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;display:-webkit-box;overflow:hidden}body[data-layout=phone] .ep-art{aspect-ratio:16/9;background:#26262b;border-radius:8px;flex:none;width:120px;position:relative;overflow:hidden}body[data-layout=phone] .ep-title{font-weight:600}body[data-layout=phone] .ep-summary{color:#b8b8c0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;display:-webkit-box;overflow:hidden}body[data-layout=phone] .ep.watched .ep-title{color:var(--muted)}body[data-layout=phone] .show-head{align-items:flex-end;gap:16px;margin:4px 0 12px;display:flex}body[data-layout=phone] .show-art{aspect-ratio:2/3;background:#26262b;border-radius:12px;flex:none;width:120px;overflow:hidden;box-shadow:0 10px 30px #0009}body[data-layout=phone] .show-title{color:var(--fg);margin:0 0 4px;font-size:24px}body[data-layout=phone] .show-meta{color:var(--muted)}body[data-layout=phone] .show-summary{color:#c8c8d0;margin:0 0 8px}body[data-layout=phone] .yt-list{flex-direction:column;gap:14px;display:flex}body[data-layout=phone] .yt{text-align:left;width:100%;color:var(--fg);background:0 0;border:0;flex-direction:column;gap:8px;padding:0;display:flex}body[data-layout=phone] .yt-thumb{aspect-ratio:16/9;background:#202025;border-radius:14px;width:100%;position:relative;overflow:hidden}body[data-layout=phone] .yt-duration{color:#fff;font-variant-numeric:tabular-nums;background:#000c;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600;position:absolute;bottom:8px;right:8px}body[data-layout=phone] .yt-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}body[data-layout=phone] .yt-meta{color:var(--muted);margin-top:2px;font-size:13px}@media (width>=600px){body[data-layout=phone] .yt{flex-direction:row}body[data-layout=phone] .yt-thumb{flex:none;width:240px}}body[data-layout=phone] .row:disabled{opacity:.5}body[data-layout=phone] .chips-row{scrollbar-width:none;gap:8px;margin:0 -16px 8px;padding:2px 16px 6px;display:flex;overflow-x:auto}body[data-layout=phone] .chip-btn{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--fg);border-radius:19px;flex:none;padding:0 14px;font-size:14px;font-weight:600}body[data-layout=phone] .chip-btn.on{background:var(--fg);color:#000;border-color:var(--fg)}body[data-layout=phone] .tv-strip{scrollbar-width:none;gap:10px;margin:0 -16px 4px;padding:0 16px 6px;display:flex;overflow-x:auto}body[data-layout=phone] .tv-strip .tv{flex:none;width:150px}body[data-layout=phone] .tv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}body[data-layout=phone] .tv{background:var(--surface);text-align:left;color:var(--fg);border:0;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:8px 8px 12px;display:flex;position:relative;overflow:hidden}body[data-layout=phone] .tv-logo{aspect-ratio:16/9;background:#e9e9ec;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;display:flex;overflow:hidden}body[data-layout=phone] .tv-logo img{object-fit:contain;width:100%;height:100%;display:block}body[data-layout=phone] .tv-logo-text{color:#222;text-align:center;padding:6px;font-size:13px;font-weight:700}body[data-layout=phone] .tv-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;overflow:hidden}body[data-layout=phone] .tv-now{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}body[data-layout=phone] .tv .progress{height:3px;bottom:5px;left:8px;right:8px}body[data-layout=phone] .tv-guide-link{justify-content:space-between;margin:0 0 4px}body[data-layout=phone] .pg{flex-direction:column;gap:10px;display:flex}body[data-layout=phone] .pg-row{background:var(--surface);border-radius:14px;overflow:hidden}body[data-layout=phone] .pg-head{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:56px;color:var(--fg);background:0 0;align-items:center;gap:12px;padding:8px 12px;display:flex}body[data-layout=phone] .pg-logo{aspect-ratio:16/9;background:#e9e9ec;border-radius:8px;flex:none;justify-content:center;align-items:center;width:64px;padding:4px 6px;display:flex}body[data-layout=phone] .pg-logo img{object-fit:contain;width:100%;height:100%;display:block}body[data-layout=phone] .pg-name{font-weight:650}body[data-layout=phone] .pg-progs{margin:0;padding:4px 12px 8px;list-style:none}body[data-layout=phone] .pg-prog{border-top:1px solid #ffffff0d;gap:12px;padding:7px 0 9px;font-size:14.5px;display:flex;position:relative}body[data-layout=phone] .pg-prog:first-child{border-top:0}body[data-layout=phone] .pg-time{width:42px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}body[data-layout=phone] .pg-title{overflow-wrap:anywhere;flex:1;min-width:0}body[data-layout=phone] .pg-prog.on .pg-title{font-weight:650}body[data-layout=phone] .pg-prog.on .pg-time{color:var(--accent)}body[data-layout=phone] .pg-prog .progress{height:3px;bottom:2px;left:54px;right:0}body[data-layout=phone] .tv-more{background:var(--surface-2);justify-content:center;align-items:center}body[data-layout=phone] .tv-more-n{color:var(--fg);font-size:15px;font-weight:700}body[data-layout=phone] .tv-sheet{margin-top:10px}body[data-layout=phone] .tv-sheet-logo{background:#e9e9ec;border-radius:12px;justify-content:center;align-items:center;height:72px;margin-bottom:10px;padding:8px;display:flex}body[data-layout=phone] .tv-sheet-logo img{object-fit:contain;max-width:70%;max-height:56px}body[data-layout=phone] .tv-nownext{text-align:center;flex-direction:column;gap:2px;font-size:14.5px;display:flex}body[data-layout=phone] .tv-nownext div+div{color:var(--muted)}body[data-layout=phone] .tv-sched-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:12px 0 4px;font-size:12px}body[data-layout=phone] .tv-sched{max-height:30vh;margin:0;padding:0;font-size:14px;list-style:none;overflow-y:auto}body[data-layout=phone] .tv-sched li{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;padding:6px 0}body[data-layout=phone] .tv-sched li.on{color:var(--accent);font-weight:650}body[data-layout=phone] .np.live .np-state{color:var(--accent)}body[data-layout=phone] .np-now{color:var(--fg);margin-top:2px;font-size:14px}body[data-layout=phone] .np-now[hidden],body[data-layout=phone] .scrub-wrap[hidden],body[data-layout=phone] .np-times[hidden],body[data-layout=phone] .t-btn[hidden]{display:none}body[data-layout=phone] .car-head{align-items:center;gap:14px;padding:8px 2px 12px;display:flex}body[data-layout=phone] .car-ico{background:var(--surface-2);border-radius:16px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}body[data-layout=phone] .car-ico .ico{width:30px;height:30px}body[data-layout=phone] .car-page .car-name{font-size:22px;font-weight:750}body[data-layout=phone] .car-status{color:var(--muted)}body[data-layout=phone] .car-controlling{margin-top:6px;display:inline-block}body[data-layout=phone] .car-controlling[hidden],body[data-layout=phone] .btn[hidden]{display:none}body[data-layout=phone] .car-note{background:var(--surface);border-radius:12px;padding:12px 14px}body[data-layout=phone] .acct-head{align-items:center;gap:14px;padding:12px 2px;display:flex}body[data-layout=phone] .acct-name{font-size:20px;font-weight:700}body[data-layout=phone] .acct-user{color:var(--muted)}body[data-layout=phone] .acct-actions .list{background:0 0;gap:10px;overflow:visible}body[data-layout=phone] .acct-actions .row{border-radius:14px}body[data-layout=phone] .pa-solo{max-width:440px;padding:calc(40px + env(safe-area-inset-top)) 20px 40px;margin:0 auto}body[data-layout=phone] .pa-solo h1{margin:0 0 6px;font-size:28px}body[data-layout=phone] .tiles{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin:4px 0 16px;display:grid}body[data-layout=phone] .tile{background:var(--surface);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:76px;padding:12px;display:flex}body[data-layout=phone] .tile-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:24px;font-weight:750}body[data-layout=phone] .tile-label{color:var(--muted);font-size:12.5px}body[data-layout=phone] .chart{background:var(--surface);border-radius:14px;margin:8px 0 16px;padding:12px 12px 8px}body[data-layout=phone] .chart-cap{color:var(--muted);margin-bottom:8px;font-size:13px}body[data-layout=phone] .chart svg{width:100%;height:110px;display:block}body[data-layout=phone] .chart .bar{fill:var(--accent)}body[data-layout=phone] .chart .bar.zero{fill:#2c2c33}body[data-layout=phone] .chart-axis{color:#77777f;justify-content:space-between;margin-top:6px;font-size:11.5px;display:flex}body[data-layout=phone] .split-bar{background:#2c2c33;border-radius:7px;height:14px;display:flex;overflow:hidden}body[data-layout=phone] .split-seg.app-plex,body[data-layout=phone] .swatch.app-plex,body[data-layout=phone] .rank-meter .app-plex{background:var(--plex)}body[data-layout=phone] .split-seg.app-youtube,body[data-layout=phone] .swatch.app-youtube,body[data-layout=phone] .rank-meter .app-youtube{background:var(--youtube)}body[data-layout=phone] .split-seg.app-files,body[data-layout=phone] .swatch.app-files,body[data-layout=phone] .rank-meter .app-files{background:var(--files)}body[data-layout=phone] .split-legend{flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:14px;display:flex}body[data-layout=phone] .legend-item{align-items:center;gap:6px;display:inline-flex}body[data-layout=phone] .swatch{border-radius:3px;width:10px;height:10px;display:inline-block}body[data-layout=phone] .top{counter-reset:rank;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}body[data-layout=phone] .rank{counter-increment:rank;background:var(--surface);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:26px 1fr;column-gap:8px;padding:10px 12px;display:grid}body[data-layout=phone] .rank:before{content:counter(rank);color:var(--muted);font-variant-numeric:tabular-nums;grid-row:1/3;align-self:center;font-weight:700}body[data-layout=phone] .rank-title{overflow-wrap:anywhere;font-weight:600}body[data-layout=phone] .rank-sub{color:var(--muted);font-size:13px}body[data-layout=phone] .rank-meter{background:#2c2c33;border-radius:2px;grid-column:2;height:4px;margin-top:8px;overflow:hidden}body[data-layout=phone] .rank-meter span{background:var(--accent);height:100%;display:block}body[data-layout=phone] .user{background:var(--surface);text-align:left;width:100%;color:var(--fg);border:0;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}body[data-layout=phone] .user.disabled{opacity:.6}body[data-layout=phone] .user .row-chev{align-self:center}body[data-layout=phone] .u-main{flex:1;min-width:0}body[data-layout=phone] .u-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}body[data-layout=phone] .u-name{font-size:16.5px;font-weight:650}body[data-layout=phone] .u-user{color:var(--muted);font-size:13px}body[data-layout=phone] .u-hint{color:var(--warn);margin-top:2px;font-size:13px}body[data-layout=phone] .u-stats{color:var(--muted);margin-top:6px;font-size:13px}body[data-layout=phone] .badges{gap:4px;display:inline-flex}body[data-layout=phone] .badge{text-transform:uppercase;letter-spacing:.04em;color:#cfcfd6;background:#2c2c33;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}body[data-layout=phone] .badge-admin{color:#ffb3b6;background:#3a2326}body[data-layout=phone] .badge-off{color:#ffd27a;background:#3a3014}body[data-layout=phone] .badge-hint{color:#ffd27a;text-transform:none;letter-spacing:0;background:#3a3014}body[data-layout=phone] .chips{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}body[data-layout=phone] .chip{color:#d8d8de;background:#26262b;border:1px solid #33333a;border-radius:10px;padding:2px 9px;font-size:12px}body[data-layout=phone] .chip.app-plex{border-color:#e5a00d55}body[data-layout=phone] .chip.app-youtube{border-color:#ff3b3b55}body[data-layout=phone] .chip.app-files{border-color:#4c8dff55}body[data-layout=phone] .chip.none{color:var(--muted)}body[data-layout=phone] .user-head{align-items:center;gap:14px;padding:8px 2px 4px;display:flex}body[data-layout=phone] .head-name{font-size:22px;font-weight:750}body[data-layout=phone] .head-user{color:var(--muted)}body[data-layout=phone] .head-badges{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}body[data-layout=phone] .manage-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}body[data-layout=phone] .confirm{background:#1c1416;border:1px solid #4a2326;border-radius:14px;margin-top:12px;padding:14px}body[data-layout=phone] .confirm-reset{background:var(--surface);border-color:var(--line)}body[data-layout=phone] .confirm-text{margin:0 0 12px}body[data-layout=phone] .confirm-row{grid-template-columns:1fr 1.4fr;gap:8px;display:grid}body[data-layout=phone] .temp{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;margin:12px 0;padding:16px}body[data-layout=phone] .temp-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:13px}body[data-layout=phone] .temp-pw{letter-spacing:.02em;overflow-wrap:anywhere;user-select:all;margin:10px 0 14px;font:700 30px/1.2 ui-monospace,SF Mono,Menlo,monospace}body[data-layout=phone] .invite-label{margin-top:6px}body[data-layout=phone] .invite-text{width:100%;color:var(--fg);border:1px solid var(--line);resize:none;background:#0e0e10;border-radius:12px;margin:8px 0 10px;padding:10px 12px;font:14.5px/1.45 -apple-system,system-ui,sans-serif}body[data-layout=phone] .invite-actions{justify-content:center;gap:8px;display:flex}body[data-layout=phone] .invite-actions .btn{flex:1}body[data-layout=phone] .temp-say{text-align:left;background:#0e0e10;border-radius:12px;margin:14px 0 6px;padding:12px;font-size:14.5px}body[data-layout=phone] .created-title{margin:8px 0;font-size:22px}body[data-layout=phone] .sys-status{border-radius:14px;margin:4px 0 6px;padding:16px;font-size:20px;font-weight:750}body[data-layout=phone] .sys-status.ok{color:#8ef0b0;background:#10291a}body[data-layout=phone] .sys-status.bad{color:#ffb3b6;background:#331315}body[data-layout=phone] .admin-nav .row{min-height:64px}body[data-layout=phone] .phone-login{max-width:400px;padding:calc(48px + env(safe-area-inset-top)) 20px 40px;margin:0 auto}body[data-layout=phone] .phone-login h1{margin:0 0 4px;font-size:30px}body[data-layout=phone] .phone-login label{color:var(--muted);flex-direction:column;gap:6px;margin:14px 0;font-size:14px;display:flex}body[data-layout=phone] .phone-login button.primary{background:var(--accent);color:#fff;border:0;border-radius:12px;width:100%;min-height:54px;margin:8px 0 16px;font-size:17px;font-weight:650}body[data-layout=phone] .phone-login .err{color:var(--bad);min-height:1.4em;margin:0}body[data-layout=phone] .phone-login .alt-signin{color:var(--muted);background:0 0;border:0;min-height:44px;font-size:15px}@media (width>=700px){body[data-layout=phone] .grid,body[data-layout=phone] .tiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (prefers-reduced-motion:reduce){body[data-layout=phone] *{transition:none!important;animation:none!important}}