.brand strong{font-size:17px;letter-spacing:-.04em}.brand small{font-size:8px;letter-spacing:.13em}.brand{gap:9px;padding-left:0}.personal-caption{margin-top:22px;padding-bottom:5px}.stage-tools{display:flex;align-items:center;gap:8px}.stage-tools button{font-size:11px;min-height:30px;padding:5px}.entry-wrap{position:relative;display:flex;align-items:center;min-width:0;gap:2px}.entry-wrap>.row{flex:1;min-width:0}.entry-actions{display:flex;flex-direction:column;gap:1px}.favorite-button,.mini-button{min-height:28px;min-width:28px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}.favorite-button[aria-pressed=true]{color:var(--accent)}.favorite-button:hover,.mini-button:hover{background:#2a4037;color:var(--accent)}.entry-wrap .row-marker{display:none}.entry-wrap .row-icon{width:58px}.vod-grid .entry-wrap{display:block}.vod-grid .entry-wrap .row{width:100%}.vod-grid .entry-wrap .row-icon{width:100%}.vod-grid .entry-actions{position:absolute;right:12px;top:12px;background:#0b151ce0;border-radius:6px}.vod-grid .favorite-button{width:30px;height:30px}.saved-entry .row-icon{width:58px;height:42px}.saved-entry progress{display:block;margin-top:8px;width:100%;height:4px;accent-color:var(--accent);border:0}.remove-entry{flex:none}.login-form{border-top:1px solid var(--line);margin-top:18px;padding-top:10px;display:grid;gap:12px}.login-form h3{font-size:15px;font-weight:500;margin:5px 0}.login-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.login-form input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:11px;border-radius:7px}.login-form p{font-size:11px;margin:0}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:40;background:#203b2f;border:1px solid #63937c;color:#d9f7e6;border-radius:8px;padding:12px 18px;font-size:13px;max-width:90vw;box-shadow:0 5px 30px #0007}.personal-caption~.nav-item{font-size:13px}
@media(max-width:620px){.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.personal-caption{display:none}.personal-caption~.nav-item{font-size:12px}.brand strong{font-size:21px}.stage-top{padding:0 9px}.stage-tools{gap:4px}.stage-tools button{font-size:10px}.stage-top>.overline{font-size:9px;letter-spacing:0}.entry-wrap .row-icon{width:65px}.toast{bottom:15px}.side{padding-bottom:8px}}

.top-right{display:flex;align-items:center;gap:10px}.replay-tools{padding:12px;background:#1b302a;border:1px solid #416655;border-radius:8px;margin-bottom:12px}.replay-tools label{font-weight:600;color:var(--accent)}.replay-tools input{min-height:42px}.library:has(.replay-tools:not([hidden])){max-height:700px}@media(max-width:620px){.topbar>.crumb{display:none}.top-right{width:100%;justify-content:space-between}.top-right>.text-button{font-size:11px}}

.library-head{flex-wrap:wrap}.login-form .inline-check{display:flex;align-items:center;gap:10px}.inline-check input{width:18px;height:18px}#parental-settings{margin-top:20px}#parental-settings summary{cursor:pointer;color:var(--accent)}#parental-lock{margin-top:15px}

.company-gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.company-card{width:min(100%,480px);display:grid;gap:22px;border:1px solid var(--line);background:var(--panel);padding:36px;border-radius:18px}.company-card h1{font-size:34px}.company-card p{color:var(--muted);line-height:1.8}.company-card a{text-decoration:none;text-align:center}.company-profile{display:grid;gap:5px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.company-profile small{color:var(--muted)}.company-profile span{overflow-wrap:anywhere}.company-profile button{justify-self:start}.account-details{padding:16px;border:1px solid var(--line);border-radius:10px;margin-top:14px}.account-details h3{margin:0 0 12px}.account-details dl{margin:0;display:grid;gap:12px}.account-details dt{font-size:11px;color:var(--muted)}.account-details dd{margin:3px 0 0;overflow-wrap:anywhere}.expiry-remaining{display:block;color:var(--accent);padding-top:14px}.brand strong{font-size:18px}

.library-sync-status{margin:0 1rem .7rem;font-size:.75rem;color:var(--muted,#91abb3);line-height:1.5}

.top-right>button{white-space:nowrap;min-height:36px}.top-right>button:disabled{opacity:.45;cursor:not-allowed}.top-right #refresh-catalog{font-size:12px}@media(max-width:620px){.top-right{gap:6px}.top-right>button,.top-right #refresh-catalog{font-size:11px;padding:6px 8px}}
.vod-categories,.catalog-hint{display:none}
.poster-badge{position:absolute;right:7px;bottom:7px;left:7px;padding:4px 7px;border-radius:5px;background:#08120ee6;color:#eefaf3;font-size:11px;line-height:1.4;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
.catalog-view .workspace{grid-template-columns:minmax(0,1fr);gap:24px}
.catalog-view .stage .video-shell{width:100%;max-height:none;min-height:0;aspect-ratio:16/9}
.catalog-view .workspace>.library:not(.source-library){max-height:none;min-height:0;padding:24px;overflow:visible}
.catalog-view .library-head{margin-bottom:16px}
.catalog-view .library-head h2{font-size:22px;border-left:3px solid var(--accent);padding-left:12px}
.catalog-view .library-sync-status{margin:0 0 14px}
.catalog-view .search{max-width:480px;margin-bottom:16px}
.catalog-view .filter-bar{max-width:480px}
.catalog-view #group-filter{display:none}
.catalog-view .filter-bar:has(#area-filter[hidden]){display:none}
.catalog-view .vod-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.category-chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 17px;color:var(--muted);font-size:13px;min-height:40px}
.category-chip:hover{border-color:#6b9b84;color:var(--text)}
.category-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--ink);font-weight:600}
.catalog-view .catalog-hint{display:block;margin:0 0 18px;color:var(--muted);font-size:12px}
.catalog-view .library-list.vod-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px;overflow:visible;max-height:none;padding:0;margin:0}
.catalog-view .vod-grid>.empty{grid-column:1/-1;min-height:180px}
.catalog-view .vod-grid .row{width:100%;padding:0 0 10px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;overflow:hidden}
.catalog-view .vod-grid .row:hover{background:#1c2d2a;border-color:#466757}
.catalog-view .vod-grid .row.active{border-color:var(--accent);background:#20372e}
.catalog-view .vod-grid .row-icon{width:100%;border-radius:9px;height:auto;padding-bottom:0;aspect-ratio:2/3;font-size:28px}
.catalog-view .vod-grid .row-icon img{object-fit:cover}
.catalog-view .vod-grid .row-body{padding:12px 8px 0;min-width:0}
.catalog-view .vod-grid .row-body strong{font-size:14px;line-height:1.6;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.catalog-view .vod-grid .row-body small{display:block;margin-top:3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-view .vod-grid .entry-actions{right:9px;top:9px;border:1px solid #ffffff26}
.catalog-view .vod-grid .favorite-button{width:36px;height:36px;font-size:20px}
.catalog-view .pagination{margin-top:24px;padding-top:20px;justify-content:center;gap:24px;border-top:1px solid var(--line)}
.pip-notice{padding:15px 20px;background:#1b3028;color:var(--accent);font-size:13px;border-block:1px solid #355446}
/* Keep the same video element rendering while the OS owns its PiP window. */
.pip-active .stage .video-shell{position:absolute;width:1px;height:1px;min-height:0;max-height:none;aspect-ratio:auto;opacity:0;pointer-events:none;overflow:hidden}
.pip-active .workspace{grid-template-columns:minmax(0,1fr)}
.pip-active .stage-meta{padding-top:12px}
.pip-active .stage-meta p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.catalog-view .playback-options{padding:16px 20px;margin-top:12px}
.pip-active .stage{display:grid;grid-template-columns:minmax(0,1fr) auto}
.pip-active .stage-top,.pip-active .pip-notice,.pip-active .playback-options,.pip-active .playback-message,.pip-active .error{grid-column:1/-1}
.pip-active .stage-meta{grid-column:1;grid-row:3;padding:12px 20px;align-items:center}
.pip-active .stage-meta h2{font-size:18px}
.pip-active .stage-meta p{display:none}
.pip-active .stage>.episode-label{grid-column:2;grid-row:3;border:0;padding:0;margin:10px 20px;align-self:center}
.pip-active .playback-message:has(#unmute-button[hidden]){display:none}
.pip-active .stage>.playback-options{margin:0;padding:10px 20px;gap:8px 16px}
.pip-active .playback-options small{display:none}
@media(min-width:1600px){.catalog-view .library-list.vod-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:620px){.pip-active .stage{grid-template-columns:minmax(0,1fr)}.pip-active .stage>.episode-label{grid-column:1;grid-row:auto;margin:0 12px 10px}.pip-active .stage-meta{padding:10px 12px}.pip-active .stage>.playback-options{padding:10px 12px}}
@media(max-width:1200px){.catalog-view .library-list.vod-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.catalog-view .workspace>.library:not(.source-library){padding:18px}.catalog-view .library-list.vod-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}}
@media(max-width:620px){.catalog-view .workspace>.library:not(.source-library){padding:16px 12px}.catalog-view .library-list.vod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.catalog-view .library-head h2{font-size:20px}.catalog-view .stage .video-shell{min-height:0}.catalog-view .vod-categories{gap:7px}.category-chip{padding:7px 12px;font-size:12px}.catalog-view .vod-grid .row-body strong{font-size:13px}.pip-active .stage .video-shell{height:1px}.pip-notice{padding:12px;font-size:12px}.catalog-view .stage-top{height:auto;min-height:44px;flex-wrap:wrap;gap:4px;padding-block:7px}.catalog-view .stage-tools{flex-wrap:wrap}}

/* A stable anchor preserves scroll position while the existing video floats. */
.video-anchor{width:100%;min-width:0;aspect-ratio:16/9;position:relative}
.video-anchor>.video-shell{width:100%;height:100%;min-height:0;max-height:none}
.catalog-view .video-anchor>.video-shell{width:100%;height:100%;max-height:none}
.pip-active .video-anchor{height:1px;aspect-ratio:auto;grid-column:1/-1}
.floating-toolbar{display:flex;align-items:center;gap:6px;position:absolute;bottom:100%;left:-1px;right:-1px;min-height:40px;padding:4px 8px;background:#14231e;border:1px solid #628d78;border-bottom:0;border-radius:10px 10px 0 0;color:var(--text)}
.floating-toolbar strong{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.floating-toolbar button{flex:none;white-space:nowrap;min-height:32px;padding:5px 8px;font-size:12px}
#floating-close{font-size:22px;min-width:32px}
body.scroll-floating:not(.pip-active) .stage .video-shell{position:fixed;z-index:35;right:20px;bottom:20px;left:auto;top:auto;width:min(640px,calc(100% - 40px),calc((100dvh - 100px)*16/9));height:auto;min-height:0;max-height:none;aspect-ratio:16/9;overflow:visible;opacity:1;pointer-events:auto;border:1px solid #628d78;border-radius:0 0 9px 9px;box-shadow:0 12px 48px #000a}
body.scroll-floating.floating-small:not(.pip-active) .stage .video-shell{width:min(320px,calc(100% - 40px),calc((100dvh - 100px)*16/9))}
.scroll-floating .video-shell>video{border-radius:0 0 8px 8px}
.scroll-floating .video-placeholder{display:none}
@media(max-width:620px){body.scroll-floating:not(.pip-active) .stage .video-shell{right:12px;bottom:12px;width:calc(100% - 24px);max-width:calc((100dvh - 110px)*16/9)}body.scroll-floating.floating-small:not(.pip-active) .stage .video-shell{width:min(240px,calc(100% - 24px))}.floating-toolbar{gap:2px}.floating-toolbar button{padding-inline:6px}}

/* Channel cards use the same below-player catalogue with landscape station art. */
.catalog-view .library-list.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-view .channel-grid .row-icon{aspect-ratio:16/9;font-size:25px}
.catalog-view .channel-grid .row-icon img{object-fit:contain;padding:14px}
.catalog-view .channel-grid .row-icon.frame img{object-fit:cover;padding:0}
.catalog-view .channel-grid .row-body strong{min-height:0}
.catalog-view .channel-grid .entry-actions{flex-direction:row}
.catalog-view .channel-grid .mini-button{min-width:36px;height:36px}
@media(min-width:1600px){.catalog-view .library-list.channel-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){.catalog-view .library-list.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.catalog-view .library-list.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.catalog-view .channel-grid .row-icon{font-size:20px}.catalog-view .channel-grid .row-icon img{padding:8px}.catalog-view .channel-grid .entry-actions{top:5px;right:5px}.catalog-view .channel-grid .favorite-button,.catalog-view .channel-grid .mini-button{width:30px;min-width:30px;height:30px}}
/* One page layout for live, films, replay, saved items and imported sources. */
.catalog-view .workspace,.catalog-view.direct-view .workspace{grid-template-columns:minmax(0,1fr);max-width:none}
.catalog-view .workspace>.library{max-height:none;min-height:0;padding:24px;overflow:visible}
.catalog-view .source-library #source-list{overflow:visible;min-height:180px}
.catalog-view.direct-view .video-shell video{max-height:none}
.catalog-view .vod-categories:empty{display:none}
.catalog-view .replay-tools{max-width:480px;margin-bottom:20px}
.catalog-view .saved-entry .remove-entry{position:absolute;right:9px;top:9px;min-width:36px;height:36px;border-radius:6px;background:#0b151ce0;border:1px solid #ffffff26;z-index:1}
.catalog-view .saved-entry .row-body{padding-right:8px}
.catalog-view .saved-entry progress{margin-bottom:6px}
.side{z-index:40}.side-bottom{position:relative;display:block;padding:12px 0 0}
.side-menu-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 9px;border:1px solid var(--line);border-radius:9px;background:#17241f;color:var(--text);text-align:left}
.side-menu-toggle>span:nth-child(2){flex:1;min-width:0}.side-menu-toggle strong{font-weight:600}.side-menu-toggle small{font-size:10px}.side-chevron{font-size:18px;color:var(--accent)}
.side-menu-toggle:hover,.side-menu-toggle[aria-expanded=true]{background:#223a30;border-color:#527764}
.side-options{position:absolute;bottom:calc(100% + 8px);left:0;right:0;padding:7px;display:grid;gap:5px;border:1px solid #446152;border-radius:10px;background:#14221c;box-shadow:0 8px 30px #0008}
.side-options>button{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:10px;border:0;border-radius:6px;font-size:12px;color:var(--text);text-align:left;background:transparent}
.side-options>button:hover{background:#284236}.side-options>button:disabled{opacity:.45}
@media(max-width:850px){.catalog-view .workspace>.library{padding:18px}}
@media(max-width:620px){.catalog-view .workspace>.library{padding:16px 12px}.side-bottom{display:block;margin-top:10px;padding-top:10px}.side-menu-toggle{padding:8px 12px;min-height:44px}.side-menu-toggle>span:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:10px}.side-menu-toggle small{margin:0}.side-options{top:calc(100% + 6px);bottom:auto}.side-chevron{transform:rotate(180deg)}}

.vod-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 18px;padding:15px;background:#101a20;border:1px solid var(--line);border-radius:9px}
.vod-filters label{display:grid;gap:5px;min-width:140px;flex:1;color:var(--muted);font-size:12px}.vod-filters select{width:100%;padding:8px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px}.vod-filters small{flex-basis:100%;color:var(--muted)}
@media(max-width:620px){.vod-filters label{min-width:calc(50% - 12px)}}

/* One draggable player; position overrides apply only while floating. */
.floating-toolbar{cursor:grab;touch-action:none;user-select:none}
.floating-toolbar.dragging{cursor:grabbing}
.floating-toolbar button{cursor:pointer;touch-action:manipulation}
#floating-title{outline-offset:3px;min-height:32px;display:flex;align-items:center}
#floating-title:focus-visible{outline:2px solid var(--accent);border-radius:3px}
body.scroll-floating.floating-positioned:not(.pip-active) .stage .video-shell{left:var(--float-left);top:var(--float-top);right:auto;bottom:auto}

.second-video-button{width:100%;padding:9px;border:1px solid var(--line);border-radius:7px;background:#14241f;color:var(--accent);font-size:12px}.second-video-button:hover{background:#244035}
.mini-player{position:fixed;z-index:36;right:20px;top:64px;width:min(640px,calc(100% - 40px),calc((100dvh - 280px)*8/9));border:1px solid #628d78;border-radius:10px;background:#14231e;box-shadow:0 12px 48px #000a;overflow:hidden}
.mini-player.mini-small{width:min(320px,calc(100% - 24px),calc((100dvh - 280px)*8/9))}
.mini-player header{display:flex;align-items:center;gap:5px;padding:4px 8px;min-height:40px;cursor:grab;touch-action:none;user-select:none}
.mini-player header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;min-height:32px;display:flex;align-items:center}
.mini-player header button{flex:none;min-height:32px;padding:5px;font-size:12px;cursor:pointer}.mini-player header .close{font-size:22px;width:28px;height:32px}
.mini-player video{position:static;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}.mini-player p{margin:0;padding:5px 10px;font-size:11px;color:var(--muted)}
.mini-player label{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px}.mini-player select{flex:1;min-width:0;max-width:100%;background:var(--bg);color:var(--text)}
.mini-player.mini-native video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
body.secondary-open.scroll-floating:not(.pip-active):not(.floating-small) .stage .video-shell{width:min(640px,calc(100% - 40px),calc((100dvh - 280px)*8/9))}
@media(max-width:620px){.mini-player{right:12px;top:12px;width:calc(100% - 24px)}.mini-player.mini-small{width:min(260px,calc(100% - 24px))}.floating-toolbar{gap:2px}.floating-toolbar button{font-size:11px;padding-inline:4px}.mini-player header{gap:3px;padding-inline:6px}.mini-player header button{font-size:11px;padding-inline:4px}}

/* External stylesheet: Document PiP inherits the production style-src self policy. */
.sntv-pip-root,.sntv-pip-body{margin:0;width:100%;height:100%;overflow:hidden;background:#080e12;color:#e5f4ed;font:13px system-ui}
.sntv-pip-body{display:flex;flex-direction:column}.sntv-pip-body *{box-sizing:border-box}
.sntv-pip-body header{height:44px;flex:none;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#14231e}
.sntv-pip-body strong{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sntv-pip-body button{background:#213d31;color:#ddffec;border:1px solid #547b65;border-radius:5px;min-height:30px;padding:3px 9px;cursor:pointer}
.sntv-pip-body button[aria-pressed=true]{background:#a6e4c2;color:#092318}.sntv-pip-body button:focus-visible{outline:2px solid white}
.sntv-pip-body>video{display:block;position:static!important;width:100%!important;height:0!important;flex:1;min-height:0;object-fit:contain;background:#000}
.sntv-pip-body .pip-resize-grip{position:fixed;right:0;bottom:0;width:22px;min-height:22px;height:22px;padding:0;opacity:.8;cursor:nwse-resize;touch-action:none}
#pip-mode{max-width:150px;min-height:30px;padding:4px;background:#14231e;color:var(--text);border:1px solid var(--line);border-radius:5px;font-size:11px}
@media(max-width:620px){.stage-top{height:auto;min-height:47px;padding-block:7px}.stage-tools{flex-wrap:wrap;justify-content:flex-end;gap:4px}#pip-mode{max-width:132px}}

/* Document PiP multiview: external CSS, compatible with style-src self. */
.sntv-multi-root,.sntv-multi-body{margin:0;width:100%;height:100%;overflow:hidden;background:#080e12;color:#e5f4ed;font:13px system-ui,sans-serif;box-sizing:border-box}
.sntv-multi-body{display:flex;flex-direction:column;gap:8px;padding:8px}
.sntv-multi-body *{box-sizing:border-box}
.multi-toolbar{display:flex;align-items:center;gap:6px;flex:0 0 36px;min-width:0}
.multi-toolbar strong{margin-right:auto;white-space:nowrap;font-size:14px}
.sntv-multi-body button,.sntv-multi-body select,.sntv-multi-body input{font:inherit;color:#e5f4ed;background:#14252c;border:1px solid #344c55;border-radius:7px;min-height:30px;padding:4px 9px}
.sntv-multi-body button{cursor:pointer;white-space:nowrap}
.sntv-multi-body button[aria-pressed=true]{background:#a5e2c4;color:#082119;border-color:#a5e2c4}
.sntv-multi-body :focus-visible{outline:2px solid #a5e2c4;outline-offset:1px}
.multi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;min-height:0;flex:1}
.multi-grid[data-count="3"],.multi-grid[data-count="4"]{grid-template-rows:repeat(2,minmax(0,1fr))}
.multi-grid[data-count="3"] .multi-tile:last-child{grid-column:1/-1}
.multi-tile{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #293f47;border-radius:9px;overflow:hidden;background:#000}
.multi-channel-controls{display:flex;gap:6px;padding:7px;background:#111f26;flex:0 0 auto;min-width:0}
.multi-channel-controls input{min-width:0;width:30%;font-size:12px}
.multi-channel-controls select{min-width:0;flex:1;max-width:100%}
.multi-tile>.multi-video{display:block;position:static!important;width:100%!important;height:0!important;flex:1;min-height:0;object-fit:contain;background:#000}
.multi-footer{display:flex;align-items:center;gap:5px;padding:5px 7px;background:#111f26;flex:0 0 auto;min-width:0}
.multi-status{color:#a8c2c9;font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multi-footer button{font-size:11px;min-height:25px;padding:3px 8px}
@media(max-width:550px){.multi-toolbar strong{font-size:11px}.multi-toolbar{gap:4px}.multi-toolbar button{padding:4px 6px;font-size:11px}.multi-channel-controls{flex-direction:column;gap:4px}.multi-channel-controls input{width:100%}.multi-footer{gap:3px;padding:4px}.multi-footer button{padding:3px 5px}.multi-status{font-size:10px}}

/* Reachable navigation on short desktops and on phones in both orientations. */
.side{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
.side>*{flex-shrink:0}
#mobile-nav-toggle{display:none}
@media(max-width:980px){
 .shell{display:block}
 .side{position:sticky;top:0;align-self:start;width:100%;height:auto;max-height:100vh;max-height:100dvh;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;border-right:0;border-bottom:1px solid var(--line);z-index:45;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
 .side .brand{position:sticky;top:0;z-index:1;min-height:44px;padding:0;background:var(--side);gap:8px}
 .side .brand strong{font-size:17px}.side .brand small{display:none}.side .brand-mark{width:30px;height:30px}
 #mobile-nav-toggle{display:block;margin-left:auto;flex:none;min-height:44px;padding:8px 12px;border:1px solid #446152;border-radius:8px;background:#20372e;color:var(--accent);font:inherit;font-size:13px;white-space:nowrap}
 .side>.nav-caption,.side .personal-caption{display:none}
 .side:not(.mobile-menu-open)>.nav,.side:not(.mobile-menu-open)>.side-bottom{display:none}
 .side.mobile-menu-open>.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 0 4px}
 .side .nav-item{justify-content:center;min-height:44px;padding:9px 5px;gap:6px;font-size:12px;white-space:normal}
 .side .nav-item span{font-size:15px}
 .side.mobile-menu-open>.side-bottom{display:block;margin-top:6px;padding-top:6px;padding-bottom:env(safe-area-inset-bottom,0px)}
 .side .side-options{position:static;margin-bottom:6px}
 .side .side-menu-toggle{min-height:44px;padding:8px 12px}
 .side .side-menu-toggle>span:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:8px}
 .side .side-chevron{transform:none}
 .main{scroll-margin-top:calc(70px + env(safe-area-inset-top,0px));padding-inline:14px}
}
@media(max-width:360px){.side.mobile-menu-open>.nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Appearance palette: Work Hub classic blue / forest green with a neutral white option. */
:root{--soft:#20372e;--field:#0c151b;--poster:#2c4540}
.theme-picker{margin:4px 0 8px;padding:8px;border:1px solid var(--line);border-radius:8px;min-width:0;color:var(--text)}
.theme-picker legend{padding:0 4px;font-size:12px}.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.theme-choices button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:4px;white-space:nowrap;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--text);font:inherit;font-size:11px}
.theme-choices button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--soft);color:var(--accent);font-weight:700}
.theme-dot{width:13px;height:13px;flex:none;border-radius:50%;border:1px solid #80938d}.theme-dot.dark{background:#101c23}.theme-dot.white{background:#fff}.theme-dot.green{background:#438564}.theme-dot.blue{background:#337fba}
.theme-picker small{font-size:10px;line-height:1.5;margin-top:7px;color:var(--muted)}
.side-options{position:static;margin-bottom:8px;box-shadow:none}
html[data-theme=white]{color-scheme:light;--bg:#f4f6f8;--side:#fff;--card:#fff;--line:#d4dce3;--text:#203044;--muted:#596b7d;--accent:#335873;--ink:#fff;--soft:#e9eff4;--field:#f8fafc;--poster:#dce6ef}
html[data-theme=green]{color-scheme:light;--bg:#f4f9f5;--side:#edf7f0;--card:#fff;--line:#cbded1;--text:#213f32;--muted:#536b5c;--accent:#2f704f;--ink:#fff;--soft:#e0f0e5;--field:#f6faf7;--poster:#cbded1}
html[data-theme=blue]{color-scheme:light;--bg:#f2f6fb;--side:#eaf1f9;--card:#fff;--line:#cbd9e8;--text:#173b63;--muted:#536d88;--accent:#25689f;--ink:#fff;--soft:#dcebf8;--field:#f6f9fd;--poster:#cbddeb}
html[data-theme]:not([data-theme=dark]) :is(.nav-item,.advanced summary,footer){color:var(--muted)}
html[data-theme]:not([data-theme=dark]) :is(.nav-item:hover,.nav-item.selected,.row:hover,.row.active,.guide-item.active,.ghost-button:hover,.secondary-button:hover,.favorite-button:hover,.mini-button:hover,.catalog-view .vod-grid .row:hover,.catalog-view .vod-grid .row.active,.side-menu-toggle:hover,.side-menu-toggle[aria-expanded=true],.side-options>button:hover,.second-video-button:hover){background:var(--soft);color:var(--accent);border-color:var(--line)}
html[data-theme]:not([data-theme=dark]) :is(.side-menu-toggle,.side-options,.dialog,.mini-player,.sntv-pip-body,.sntv-multi-body){background:var(--card);color:var(--text);border-color:var(--line)}
html[data-theme]:not([data-theme=dark]) :is(.count,.player-state,.connection-panel,.replay-tools,.pip-notice,.floating-toolbar,.second-video-button,.sntv-pip-body header,.multi-channel-controls,.multi-footer){background:var(--soft);color:var(--accent);border-color:var(--line)}
html[data-theme]:not([data-theme=dark]) :is(.search,.filter-bar select,.vod-filters,#pip-mode,.sntv-pip-body button,.sntv-multi-body button,.sntv-multi-body input,.sntv-multi-body select){background:var(--field);color:var(--text);border-color:var(--line)}
html[data-theme]:not([data-theme=dark]) :is(.sntv-pip-body button[aria-pressed=true],.sntv-multi-body button[aria-pressed=true]){background:var(--accent);color:var(--ink)}
html[data-theme]:not([data-theme=dark]) :is(.row-icon,.row-icon.alt){background:linear-gradient(135deg,var(--soft),var(--poster));color:var(--text)}
html[data-theme]:not([data-theme=dark]) .row-icon img{background:var(--soft)}
html[data-theme]:not([data-theme=dark]) .video-placeholder{background:radial-gradient(ellipse at center,var(--card),var(--soft));color:var(--text)}
html[data-theme]:not([data-theme=dark]) .play-ring{border-color:var(--accent)}
html[data-theme]:not([data-theme=dark]) .primary-button:hover{background:var(--accent);filter:brightness(.92)}
html[data-theme]:not([data-theme=dark]) :is(.entry-actions,.catalog-view .saved-entry .remove-entry){background:var(--card);border-color:var(--line)}
html[data-theme]:not([data-theme=dark]) :is(.entry-actions button,.catalog-view .saved-entry .remove-entry){color:var(--accent)}
html[data-theme]:not([data-theme=dark]) .connection-alert{background:#fff5de;color:#765015;border-color:#e4cd9b}
html[data-theme]:not([data-theme=dark]) .error{background:#fff0ef;color:#96372e;border-color:#e9beb9}
html[data-theme]:not([data-theme=dark]) .danger{color:#a0352b}
html[data-theme]:not([data-theme=dark]) .toast{background:var(--soft);color:var(--text);border-color:var(--accent)}
html[data-theme]:not([data-theme=dark]) :is(input::placeholder,.multi-status){color:var(--muted)}
html[data-theme]:not([data-theme=dark]) .playback-options input[type=checkbox]{accent-color:var(--accent)}
html[data-theme]:not([data-theme=dark]) #mobile-nav-toggle{background:var(--soft);color:var(--accent);border-color:var(--line)}
html[data-theme]:not([data-theme=dark]) .sntv-multi-body :focus-visible{outline-color:var(--accent)}
@media(max-width:980px){.theme-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:360px){.theme-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Visible episode selection: no nested scrolling or hidden dropdown. */
.stage-meta > div{min-width:0}
.episode-panel{margin:8px 20px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.episode-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-bottom:14px}
.episode-heading h3{font-size:15px;margin:0;display:flex;align-items:baseline;gap:10px}
.episode-heading h3 span,.episode-heading>span{font-size:12px;font-weight:400;color:var(--muted)}
.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
.episode-button{font:inherit;font-size:13px;line-height:1.5;min-height:44px;padding:10px 8px;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);cursor:pointer}
.episode-button:hover{border-color:var(--accent)}
.episode-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.episode-button.is-current{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:700}
.stage>.selected-description{margin:14px 20px;color:var(--muted);font-size:12px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pip-active .stage>.episode-panel,.pip-active .stage>.selected-description{grid-column:1/-1;grid-row:auto}
.pip-active .stage>.selected-description{display:none}
@media(max-width:620px){
 .episode-panel{margin:8px 12px 0;padding:14px 0}
 .episode-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
 .episode-heading{gap:6px;margin-bottom:12px}
 .episode-heading>span{flex-basis:100%}
 .stage>.selected-description{margin:12px}
}

.mini-playback-panel{max-height:32dvh;overflow-y:auto;overscroll-behavior:contain;padding:10px;color:var(--text)}
.mini-episode-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;margin-bottom:8px}
.mini-episode-heading span{color:var(--muted)}
.mini-playback-panel .episode-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}
.mini-playback-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.mini-playback-options label{padding:0;flex:1 1 210px}
.mini-playback-options select{min-height:40px;padding:6px;border:1px solid var(--line);border-radius:6px}
.mini-playback-options button{font-size:12px;min-height:40px;padding:6px 10px}
.mini-player #mini-status{padding:8px 0 0;line-height:1.6;overflow-wrap:anywhere}

#mini-episode-list{max-height:144px;overflow-y:auto;overscroll-behavior:contain;padding:3px}
.mini-playback-panel #mini-episodes{margin-top:10px}
.mini-playback-options{margin-top:0;padding-top:0;border-top:0}

.floating-feedback{position:absolute;inset:0;z-index:4;background:var(--card);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;text-align:center;border-radius:0 0 8px 8px;overflow:auto}
.floating-feedback>strong{font-size:16px}.floating-feedback>span{font-size:12px;line-height:1.6;color:var(--muted);max-width:100%;overflow-wrap:anywhere}
.floating-feedback>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.floating-feedback button{font-size:12px;min-height:40px;padding:6px 10px}

/* Keep both toolbars inside the visible viewport, clear of mobile navigation. */
body.scroll-floating:not(.pip-active) .stage .video-shell{width:var(--safe-player-width,320px)!important}
.mini-player{width:var(--safe-player-width,320px)!important;max-height:var(--safe-player-height,calc(100dvh - 80px));overflow:hidden}
.mini-player>header,.floating-toolbar{min-height:44px}
.mini-player>header button,.floating-toolbar button{min-height:40px}
.mini-settings{background:var(--card);color:var(--text)}
.mini-settings>summary{height:44px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;border-top:1px solid var(--line);list-style:none}
.mini-settings>summary::-webkit-details-marker{display:none}
.mini-settings>summary:after{content:'⌃';flex:none}
.mini-settings:not([open])>summary:after{content:'⌄'}
.mini-settings>summary strong{font-size:12px;white-space:nowrap}
.mini-settings>summary #mini-status{padding:0;margin:0;min-width:0;flex:1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-settings .mini-playback-panel{max-height:var(--safe-panel-height,32dvh);box-sizing:border-box}
@media(max-width:980px){
 .mini-player>video{display:block;aspect-ratio:16/9;object-fit:contain}
 .mini-player>header,.floating-toolbar{gap:2px;flex-wrap:nowrap}
 .mini-player>header button,.floating-toolbar button{padding:3px;font-size:11px;flex:none}
 .mini-player>header strong,.floating-toolbar strong{min-width:20px;font-size:11px}
 .floating-toolbar #floating-return{font-size:0}
 .floating-toolbar #floating-return:after{content:'返回';font-size:11px}
 .mini-playback-panel .mini-playback-options label{flex-basis:100%}
 .floating-feedback{justify-content:flex-start;padding:8px;gap:6px}
}

/* Expanding settings must not change either player's occupied area. */
.mini-player{padding-bottom:44px}
.mini-settings{position:absolute;bottom:0;left:0;right:0;z-index:5;max-height:calc(100% - 44px);display:flex;flex-direction:column}
.mini-settings>summary{flex:0 0 44px}
.mini-settings:not([open])>.mini-playback-panel{display:none}
.mini-settings[open]>.mini-playback-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain}

/* Users may overlap or exchange floating windows; the touched player stays on top. */
body.primary-player-front.scroll-floating:not(.pip-active) .stage .video-shell{z-index:37}

/* Personal web browsing, with the existing media windows kept above the page. */
.web-page{min-width:0}.web-form,.web-bookmarks{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}
.web-inputs{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}.web-inputs label{display:flex;flex-direction:column;gap:8px;font-size:13px}.web-inputs input{width:100%;min-width:0;min-height:44px;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}
.web-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.web-actions span,#web-message{color:var(--muted);font-size:12px;line-height:1.7}#web-message:empty{display:none}.web-bookmarks>summary{cursor:pointer;font-size:14px}.web-bookmarks>summary span{margin-left:8px;color:var(--muted)}
.web-sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:220px;overflow:auto;padding-top:12px}.web-sites>p{color:var(--muted);font-size:13px}.web-site{display:flex;border:1px solid var(--line);border-radius:8px;min-width:0}.web-site>button:first-child{flex:1;min-width:0;border:0;background:transparent;color:var(--text);text-align:left;padding:10px;cursor:pointer}.web-site strong,.web-site small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-site small{color:var(--muted);margin-top:6px}.web-site>.text-button{min-width:44px}
.web-pane{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card);display:flex;flex-direction:column;min-width:0}
.web-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:var(--soft);flex:none}.web-toolbar strong{flex:1;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.web-toolbar button,.web-toolbar a{min-height:40px;font-size:12px}.web-toolbar a{text-decoration:none;display:flex;align-items:center}
.web-frame-host{height:65vh;min-height:360px;background:var(--bg);position:relative}.web-frame-host iframe{display:block;width:100%;height:100%;border:0;background:#fff}.web-empty{height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;padding:24px;color:var(--muted)}.web-empty h2{font-size:20px;color:var(--text)}.web-empty p{font-size:13px;line-height:1.7}.web-help{font-size:12px;color:var(--muted);line-height:1.6;padding:10px 12px;margin:0;border-top:1px solid var(--line);flex:none}
.web-pane.web-maximized{position:fixed;z-index:32;left:var(--web-left,8px);right:8px;top:var(--web-top,80px);bottom:8px}.web-maximized .web-frame-host{flex:1;min-height:0;height:auto}
body.web-view .workspace{display:block;height:0;min-height:0;margin:0;overflow:visible}body.web-view .workspace>.library{display:none}body.web-view .stage{padding:0;margin:0;border:0;background:transparent}body.web-view .stage>:not(.video-anchor){display:none}body.web-view .video-anchor{height:0;min-height:0;aspect-ratio:auto}body.web-view .video-shell{visibility:hidden}body.web-view.scroll-floating:not(.pip-active) .video-shell{visibility:visible}
@media(max-width:620px){.web-inputs{grid-template-columns:1fr}.web-form,.web-bookmarks{padding:12px}.web-toolbar{gap:5px;padding:8px}.web-toolbar strong{flex-basis:100%}.web-toolbar button,.web-toolbar a{padding:6px;min-height:44px}.web-frame-host{height:60vh;min-height:320px}.web-help{font-size:11px}.web-actions span{flex-basis:100%}}

/* The same primary video defaults to a preview on every catalogue page. */
body.primary-preview:not(.pip-active) .stage{padding:0;border:0;background:transparent;min-height:0}
body.primary-preview:not(.pip-active) .stage>:not(.video-anchor){display:none}
body.primary-preview:not(.pip-active) .video-anchor{height:0;min-height:0;aspect-ratio:auto}
body.primary-preview:not(.scroll-floating):not(.pip-active) .video-shell{visibility:hidden}
body.primary-preview.scroll-floating .video-shell{visibility:visible}
/* A single row at both 1x and 2x. Secondary actions open over the video. */
.floating-toolbar,.mini-player>header{flex-wrap:nowrap;gap:4px;min-height:44px;padding:2px 6px;box-sizing:border-box}
.floating-toolbar>strong,.mini-player>header>strong{flex:1 1 64px;min-width:24px;display:block;line-height:40px;min-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.floating-toolbar button,.mini-player>header button{padding-inline:5px;font-size:11px;white-space:nowrap}
.floating-toolbar #floating-return{font-size:11px}
.floating-toolbar #floating-return:after{content:none}
.mini-player>header #mini-promote{font-size:11px}
.player-more{flex:none;cursor:default;touch-action:manipulation}
.player-more>summary{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 5px;list-style:none;cursor:pointer;font-size:11px;white-space:nowrap;color:var(--accent)}
.player-more>summary::-webkit-details-marker{display:none}
.player-more[open]>summary{background:var(--soft);border-radius:6px}
.player-more>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}
.player-more-panel{position:absolute;z-index:10;top:44px;right:6px;width:152px;max-width:calc(100% - 12px);max-height:min(176px,35dvh);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;display:flex;flex-direction:column;padding:4px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0004}
.player-more:not([open])>.player-more-panel{display:none}
.floating-toolbar .player-more-panel button,.mini-player>header .player-more-panel button{width:100%;min-height:40px;text-align:left;padding:8px 12px;font-size:12px;touch-action:pan-y}
.floating-toolbar{z-index:11}
.mini-player>header{position:relative;z-index:11}
.mini-player .player-more-panel{max-height:min(176px,calc(var(--safe-player-height,300px) - 48px))}
.mini-playback-panel .mini-playback-options{gap:6px}
.mini-playback-panel .mini-playback-options label{display:flex;align-items:center;gap:8px;flex:1 1 180px;min-width:0;white-space:nowrap;font-size:12px}
.mini-playback-options label select{flex:1;min-width:0;width:auto}
.mini-playback-options button{padding:6px 8px}

/* True fullscreen uses the main document; preserve the existing decoders when moving. */
.multi-page-overlay{position:fixed;inset:0;z-index:80;width:100%;height:100dvh;max-width:none;max-height:none;background:var(--bg);color:var(--text)}
.multi-page-overlay:fullscreen{width:100vw;height:100vh;padding:8px;background:var(--bg)}
.multi-page-overlay .multi-toolbar{flex-wrap:wrap;flex-basis:auto;min-height:40px}
.multi-page-overlay .multi-mode-note{font-size:12px;color:var(--muted)}
.multi-mode-note:empty{display:none}
.multi-page-overlay .multi-grid[data-count="3"] .multi-tile:last-child{grid-column:auto}
.multi-page-overlay .multi-grid[data-count="3"] .multi-tile:first-child{grid-row:1/3}
@media(max-width:620px){.multi-page-overlay .multi-toolbar strong{flex-basis:100%}.multi-page-overlay .multi-channel-controls{flex-wrap:wrap}.multi-page-overlay .multi-channel-controls input{width:100%}}

/* Four visual identities, drawn in CSS without external images or requests. */
html[data-theme=dark]{color-scheme:dark;--bg:#080f1b;--side:#0b1422;--card:#101d2c;--line:#263d52;--text:#e1eef8;--muted:#9db3c6;--accent:#73dbea;--ink:#06212c;--soft:#163341;--field:#0a1725;--poster:#193d50}
html[data-theme=white]{--bg:#f5f3ed;--side:#fcfbf7;--card:#fffefa;--line:#ddd8cb;--text:#343c45;--muted:#686858;--accent:#75613d;--ink:#fff;--soft:#eee8dc;--field:#faf8f2;--poster:#ddd6c5}
html[data-theme=green]{--bg:#eef4e9;--side:#e5eedf;--card:#fcfdf8;--line:#c4d6b9;--text:#243e2c;--muted:#50644c;--accent:#356440;--ink:#fff;--soft:#dcead2;--field:#f4f8ef;--poster:#bfd1af}
html[data-theme=blue]{--bg:#eaf4fc;--side:#e1f0fb;--card:#fcfeff;--line:#c0d9ed;--text:#1d3d59;--muted:#526f86;--accent:#246b9c;--ink:#fff;--soft:#dceefa;--field:#f1f8fd;--poster:#b7d9ed}
html[data-theme=dark] body{background-image:radial-gradient(ellipse at 90% 0%,#15526b44,transparent 60%),linear-gradient(#70dbea08 1px,transparent 1px),linear-gradient(90deg,#70dbea08 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;background-attachment:fixed}
html[data-theme=dark] .side{background:linear-gradient(160deg,#102b3c,#0b1422 50%);border-color:#2a5266}
html[data-theme=dark] .brand-mark{background:#73dbea;color:#071523;box-shadow:0 0 22px #47d6f029;border-radius:9px}
html[data-theme=dark] .nav-item.selected{background:linear-gradient(90deg,#12485d,#142a3d);color:#b5f6ff;border-color:#397589;box-shadow:inset 3px 0 #73dbea}
html[data-theme=dark] :is(.library,.web-form,.web-pane){box-shadow:0 10px 34px #0002,inset 0 1px #73dbea18}
html[data-theme=dark] :is(.row-icon,.row-icon.alt){background:radial-gradient(ellipse at 100% 0%,#2a667c55,transparent 70%),linear-gradient(140deg,#152f45,#0e1b2b);color:var(--text)}
html[data-theme=dark] :is(.floating-toolbar,.mini-player>header,.multi-channel-controls,.multi-footer){background:#112c3b;color:var(--text);border-color:var(--line)}
html[data-theme=green] body{background-image:radial-gradient(ellipse at 95% 0%,#a2c78a4d,transparent 50%),radial-gradient(ellipse at 0% 80%,#ccdcbc88,transparent 60%);background-attachment:fixed}
html[data-theme=green] .side{background:radial-gradient(ellipse 105px 240px at 100% 0%,#8eac7226,transparent 72%),linear-gradient(145deg,#f3f8ed,#e1ecda);border-color:#c2d3b5}
html[data-theme=green] .main>.intro{background:linear-gradient(120deg,#d9e8cb88,transparent);border-radius:24px 5px 24px 5px}
html[data-theme=green] .brand-mark{border-radius:20px 6px 20px 6px;background:#356440}
html[data-theme=green] .nav-item.selected{background:linear-gradient(110deg,#d4e5c6,#e7efdc);box-shadow:inset 3px 0 #527e40}
html[data-theme=green] :is(.library,.web-form,.web-pane){border-radius:18px;box-shadow:0 12px 32px #314a1b09}
html[data-theme=green] :is(.row-icon,.row-icon.alt){background:radial-gradient(ellipse 80px 200px at 100% 0%,#78965336,transparent 75%),radial-gradient(ellipse 160px 75px at 0% 100%,#97b57b40,transparent 75%),linear-gradient(135deg,#e4edd6,#c1d5b1)}
html[data-theme=blue] body{background-image:radial-gradient(ellipse 650px 240px at 80% 2%,#fff,transparent 80%),radial-gradient(ellipse 800px 280px at 10% 55%,#ffffffaa,transparent 80%),linear-gradient(#e5f2fd,#f4faff);background-attachment:fixed}
html[data-theme=blue] .side{background:radial-gradient(ellipse 200px 110px at 90% 18%,#ffffffb0,transparent 80%),linear-gradient(180deg,#def0fc,#f0f8fe);border-color:#c0d9ed}
html[data-theme=blue] .brand-mark{background:linear-gradient(135deg,#428dbc,#256b9c);border-radius:15px;box-shadow:0 5px 16px #256b9c25}
html[data-theme=blue] .nav-item.selected{background:linear-gradient(100deg,#cce6f9,#eff8ff);box-shadow:inset 3px 0 #509bca}
html[data-theme=blue] :is(.library,.web-form,.web-pane){border-radius:18px;box-shadow:0 10px 36px #4b8bb510}
html[data-theme=blue] :is(.row-icon,.row-icon.alt){background:radial-gradient(ellipse 180px 100px at 15% 20%,#ffffffbf,transparent 80%),radial-gradient(ellipse 200px 120px at 100% 90%,#ffffff88,transparent 80%),linear-gradient(180deg,#bbdef5,#e7f5fe)}
html[data-theme=white] body{background-image:radial-gradient(ellipse at 100% 0%,#e4dbca55,transparent 55%),linear-gradient(110deg,#f9f7f1,#f1f0eb);background-attachment:fixed}
html[data-theme=white] .side{background:linear-gradient(160deg,#fffefa,#f2eee5);border-color:#ddd7c9}
html[data-theme=white] .brand-mark{background:#75613d;border-radius:11px}
html[data-theme=white] .nav-item.selected{background:linear-gradient(100deg,#e9e2d3,#faf7f0);box-shadow:inset 3px 0 #a48a58}
html[data-theme=white] :is(.library,.web-form,.web-pane){border-radius:10px;box-shadow:0 8px 28px #52462708}
html[data-theme=white] :is(.row-icon,.row-icon.alt){background:linear-gradient(135deg,#f2eee4,#ded7c8);border:1px solid #e0d9cb}
html[data-theme=white] .library-head h2{border-color:#ac9462}
:is(.floating-toolbar,.mini-player>header,.multi-channel-controls,.multi-footer){border-color:var(--line)}
.theme-dot.white{background:#ede5d5}.theme-dot.green{background:#527e40}.theme-dot.blue{background:#529bc9}.theme-dot.dark{background:#142a3f;border-color:#73dbea}

html[data-theme=green] .side{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22260%22%20height%3D%22800%22%20viewBox%3D%220%200%20260%20800%22%3E%3Cg%20fill%3D%22%23547644%22%20opacity%3D%22.085%22%3E%3Cpath%20d%3D%22M210%20420l-48%2090h30l-47%2085h40l-48%2085h147l-48-85h40l-47-85h30z%22/%3E%3Cpath%20d%3D%22M65%20510l-38%2070h24l-39%2070h30L0%20730h130l-43-80h30l-38-70h25z%22/%3E%3C/g%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2363824d%22%20opacity%3D%22.13%22%20stroke-width%3D%221.4%22%3E%3Cpath%20d%3D%22M260%2020C150%2060%20190%20180%20110%20260%22/%3E%3Cpath%20d%3D%22M220%2040Q150%2025%20168%2090Q214%2094%20220%2040ZM188%20105Q250%2070%20242%20135Q204%20152%20188%20105ZM170%20162Q110%20135%20115%20196Q153%20206%20170%20162Z%22/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(145deg,#f3f8ed,#e1ecda);background-repeat:no-repeat;background-size:100% 100%,auto}
html[data-theme=blue] .intro{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22520%22%20height%3D%22220%22%20viewBox%3D%220%200%20520%20220%22%3E%3Cg%20fill%3D%22white%22%20opacity%3D%22.65%22%3E%3Cpath%20d%3D%22M50%20145c-30%200-34-42-7-49%200-42%2060-52%2074-14%2031-16%2067%205%2062%2036%2036-6%2043%2027%2012%2027z%22/%3E%3Cpath%20d%3D%22M320%2078c-25%200-28-30-4-35%203-35%2053-36%2060-9%2026-10%2047%209%2043%2028%2030-3%2032%2016%208%2016z%22/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:auto 100%}
html[data-theme=green] .intro{padding:14px 16px;border:1px solid #c5d8b755}

/* Shared favourites and contained browser tabs inherit every theme. */
.shared-heading{margin:0 0 14px}.shared-admin p{color:var(--muted);font-size:13px;line-height:1.7}.shared-admin fieldset{border:0;margin:0;padding:0;min-width:0}.shared-admin legend{position:absolute;width:1px;height:1px;overflow:hidden}.shared-admin h3{font-size:15px;margin:18px 0 10px}.shared-admin input{background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;min-height:44px;min-width:0;font:inherit}.shared-admin input[type=search]{display:block;width:100%;margin-top:8px}.shared-edit-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,2fr) auto;gap:8px;margin-bottom:10px}.shared-edit-row button,.web-address-form button,.web-tab-strip button{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:6px;min-height:40px;cursor:pointer}.shared-accounts{max-height:280px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.shared-accounts label{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:8px;padding:10px;overflow-wrap:anywhere;font-size:13px}.shared-accounts input{min-height:22px;width:22px;flex:none}.shared-site{display:flex;flex-direction:column;gap:6px;background:var(--soft);color:var(--text);border:1px solid var(--line);padding:14px;text-align:left;border-radius:8px;cursor:pointer;min-width:0}.shared-site strong,.shared-site small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-site small{color:var(--muted)}
.web-tab-strip{display:flex;align-items:center;gap:6px;padding:8px;background:var(--soft);flex:none;min-width:0}#web-tabs{display:flex;gap:6px;min-width:0;overflow-x:auto;flex:1}.web-tab{display:flex;flex:none;max-width:220px;border-bottom:3px solid transparent}.web-tab.active{border-color:var(--accent)}.web-tab button:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px;padding:8px 12px}.web-tab button:last-child{width:36px}.web-address-form{display:flex;align-items:center;gap:6px;padding:8px;background:var(--soft);flex:none}.web-address-form input{flex:1;min-width:0;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:14px}.web-address-form button{padding:6px 10px}.web-tab-panel{height:100%;width:100%}.web-tab-panel[hidden]{display:none!important}.web-toolbar strong{min-width:0}.web-tab-strip button:focus-visible,.shared-site:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shared-admin[hidden],#shared-folder[hidden]{display:none!important}
@media(max-width:620px){.shared-edit-row{grid-template-columns:minmax(0,1fr) auto}.shared-edit-row input:first-child{grid-column:1/-1}.shared-accounts{grid-template-columns:1fr}.web-address-form input,.shared-admin input{font-size:16px}.web-tab button{min-height:44px}.web-tab{max-width:180px}.web-tab button:first-child{max-width:140px}.web-help{max-height:75px;overflow:auto}.web-toolbar strong{flex-basis:auto}.web-toolbar{padding:6px}.web-toolbar button,.web-toolbar a{min-height:40px;font-size:11px}}

.web-pane{scroll-margin-top:100px}.shared-admin{scroll-margin-top:100px}

/* Personal exploration order: edit handles do not interfere with navigation. */
.nav-order-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;grid-column:1/-1;order:0}
.nav-order-toolbar>button{font:inherit;font-size:11px;min-height:32px;padding:5px 8px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:7px;cursor:pointer}
.nav-order-status{flex-basis:100%;font-size:10px;line-height:1.6;color:var(--muted)}
.nav-sort-row{display:flex;align-items:center;min-width:0;border-radius:9px}
.nav-sort-row>.nav-item{flex:1;width:100%;min-width:0}
.nav-sort-controls{display:flex;flex:none;align-items:center;gap:1px}
.nav-sort-controls[hidden],.nav-order-toolbar>[hidden]{display:none}
.nav-sort-controls button{padding:0;width:25px;min-height:44px;border:0;background:transparent;color:var(--accent);border-radius:5px;cursor:pointer;font:inherit;font-size:15px}
.nav-sort-controls button:disabled{opacity:.3;cursor:default}
.nav-sort-controls .nav-drag-handle{touch-action:none;cursor:grab;font-size:22px}
.nav-order-editing .nav-sort-row>.nav-item{font-size:12px;padding:10px 3px;gap:4px;white-space:normal;cursor:default}
.nav-order-editing .nav-sort-row{border:1px solid var(--line)}
.nav-order-dragging{background:var(--soft,#183b43);outline:2px solid var(--accent);box-shadow:0 5px 12px #0004}
.nav-order-dragging .nav-drag-handle{cursor:grabbing}
#primary-nav>.personal-caption{order:10}
#primary-nav>[data-library],#primary-nav>#stream-page-nav{order:11}
.nav-sort-controls button:focus-visible,.nav-order-toolbar button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media(max-width:980px){
 .side.mobile-menu-open>.nav.nav-order-editing{grid-template-columns:1fr}
 .side .nav-order-toolbar>button{min-height:44px;font-size:12px}
 .side .nav-order-editing .nav-sort-row>.nav-item{justify-content:flex-start;padding:9px 12px;font-size:14px}
 .side .nav-sort-controls button{width:44px}
 .side .nav-order-status{font-size:12px}
}