@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.0da2o5sn3utep.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.0ww4yqxbk72bj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.092gko6h6levo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.playlist-manager.playlist-manager-page{width:min(860px,100%);max-height:none;box-shadow:none;background:#16181cc7;margin-top:2.25rem;animation:.25s both rise-in}.view-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin:2.2rem 0 1.25rem;display:flex}.view-heading h2{margin-bottom:.45rem;font-size:1.55rem}.view-heading>div>p:not(.eyebrow){max-width:500px;color:var(--muted);margin-bottom:0;line-height:1.45}.view-heading>svg{color:var(--aqua)}.library-view,.settings-view{max-width:1100px;animation:.25s both rise-in}.library-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.9rem;display:grid}.library-item{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;gap:.43rem;padding:0;display:grid;overflow:hidden}.library-art{color:#ffffffd9;border:1px solid var(--line);background:#1c1c1f;border-radius:7px;place-items:end start;min-height:205px;padding:.8rem;font-size:2rem;font-weight:800;transition:transform .16s,box-shadow .16s;display:grid}.library-item:hover .library-art,.library-item:focus-visible .library-art{box-shadow:0 0 0 2px var(--focus-ring), 0 14px 28px #0000004d;transform:scale(1.025)}.library-item:focus-visible{outline:none}.library-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-item small{color:var(--muted)}.empty-view{text-align:center;background:var(--glass);border-radius:var(--radius-panel);border:1px dashed #ffffff1f;place-content:center;justify-items:center;gap:.75rem;min-height:280px;padding:1.5rem;display:grid}.empty-view>svg{color:var(--muted)}.empty-view h2{margin-bottom:0;font-size:1.15rem}.empty-view p{max-width:390px;color:var(--muted);margin-bottom:.4rem;line-height:1.45}.empty-view .secondary-wide{width:auto}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.settings-section{border:1px solid var(--line);background:#ffffff09;border-radius:7px;align-content:start;gap:1rem;padding:1rem;display:grid}.settings-groups{grid-column:1/-1}.settings-section-heading{color:var(--aqua);gap:.65rem;display:flex}.settings-section-heading h3{color:var(--ink);margin:0 0 .24rem;font-size:.96rem}.settings-section-heading p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.4}.setting-toggle,.visibility-row{color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting-toggle span{gap:.24rem;display:grid}.setting-toggle small{color:var(--muted);font-size:.73rem}.setting-toggle input,.visibility-row input{appearance:none;cursor:pointer;background:#40454c;border-radius:999px;flex:none;width:34px;height:20px;margin:0;transition:background .16s}.setting-toggle input:after,.visibility-row input:after{content:"";background:#e8edf0;border-radius:50%;width:14px;height:14px;margin:3px;transition:transform .16s;display:block;transform:translate(0)}.setting-toggle input:checked,.visibility-row input:checked{background:var(--aqua)}.setting-toggle input:checked:after,.visibility-row input:checked:after{transform:translate(14px)}.settings-select{color:var(--muted);gap:.45rem;font-size:.76rem;font-weight:700;display:grid}.settings-select select{width:100%;color:var(--ink);border:1px solid var(--line);background:#101114;border-radius:5px;padding:.65rem}.group-visibility-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;display:grid}.visibility-row{border-bottom:1px solid var(--line);background:#ffffff06;min-height:39px;padding:.45rem .5rem;font-size:.82rem}.app-shell{background:var(--canvas);grid-template-columns:72px minmax(0,1fr);min-height:100dvh;display:grid}.side-rail{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#0c0d10c7;flex-direction:column;align-items:center;gap:2rem;height:100dvh;padding:1.15rem 0;display:flex;position:sticky;top:0}.rail-nav{gap:.65rem;display:grid}.rail-action,.icon-button{width:38px;height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;padding:0;transition:transform .16s,color .16s,background .16s,box-shadow .16s;display:grid}.rail-bottom{margin-top:auto}.workspace{min-width:0;padding:2.2rem clamp(1.25rem,4vw,4.5rem) 3rem}.topbar{justify-content:space-between;align-items:center;gap:1.25rem;animation:.45s both rise-in;display:flex}.eyebrow{color:var(--aqua);letter-spacing:.16em;margin:0 0 .35rem;font-size:.68rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:2.12rem;font-weight:650;line-height:1}h2{letter-spacing:0;margin-bottom:0;font-weight:600}.topbar-actions{align-items:center;gap:.8rem;display:flex}.search-field{width:min(27vw,300px);height:41px;color:var(--muted);border:1px solid var(--line);background:#ffffff0e;border-radius:7px;align-items:center;gap:.55rem;padding:0 .75rem;transition:border .16s,box-shadow .16s;display:flex}.search-field:focus-within{border-color:#ffffff59}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.search-field input::placeholder{color:#737a84}.import-trigger,.play-button,.primary-wide,.secondary-wide{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:.48rem;min-height:41px;padding:.65rem .9rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.import-trigger,.secondary-wide{color:var(--ink);border-color:var(--line);background:#ffffff17}.now-playing{grid-template-columns:minmax(310px,1.1fr) minmax(250px,.9fr);align-items:center;gap:clamp(1.5rem,4vw,4.5rem);max-width:1120px;margin:3rem 0 3.5rem;animation:.55s .1s both rise-in;display:grid}.player-surface{isolation:isolate;aspect-ratio:16/9;background:#121214;border:1px solid #ffffff24;border-radius:8px;min-height:230px;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000006b}.player-video{object-fit:cover;z-index:-2;background:#121416;width:100%;height:100%;position:absolute;inset:0}.player-vignette{z-index:-1;pointer-events:none;background:linear-gradient(#0000 50%,#00000073);position:absolute;inset:0}.player-identity{letter-spacing:.12em;align-items:center;gap:.45rem;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:1rem;left:1rem}.player-identity strong{letter-spacing:0;margin-left:.2rem;font-size:.8rem}.live-dot{background:var(--coral);width:.42rem;height:.42rem;box-shadow:0 0 9px var(--coral);border-radius:50%;display:inline-block}.player-controls{opacity:0;background:#040506ab;border:1px solid #ffffff24;border-radius:7px;justify-content:space-between;align-items:center;gap:.75rem;padding:.44rem;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem;transform:translateY(8px)}.player-control-cluster{align-items:center;gap:.26rem;display:flex}.player-control-cluster button{width:32px;height:32px;color:var(--ink);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.player-control-cluster button:not(.player-primary-control):hover:not(:disabled){background:#ffffff29}.player-control-cluster button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.player-control-cluster button:disabled{color:var(--faint);cursor:not-allowed}.player-control-cluster .player-primary-control{color:var(--on-selected);background:var(--selected)}.player-control-cluster .player-primary-control:hover:not(:disabled){color:var(--on-selected);background:#fff}.player-control-end{margin-left:auto}.volume-slider{width:74px;accent-color:var(--selected)}.player-surface:fullscreen{background:#000;border:0;border-radius:0;width:100vw;height:100vh}.player-surface:fullscreen .player-video{object-fit:contain}.player-surface-compact{cursor:pointer;min-height:0}.player-surface-compact:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.player-surface-compact .player-controls{display:none}.player-surface-compact .player-identity{top:.7rem;left:.7rem}.player-surface-compact .player-identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:15ch;overflow:hidden}.player-message{color:#f8d7d0;max-width:75%;margin:0;font-size:.82rem;position:absolute;bottom:1rem;left:1rem}.now-copy h2{margin-bottom:.7rem;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.05}.now-copy>p:not(.eyebrow){max-width:430px;color:var(--muted);margin-bottom:1.3rem;line-height:1.5}.now-actions{align-items:center;gap:.65rem;display:flex}.play-button,.primary-wide{color:var(--on-selected);background:var(--action)}.icon-button{border-color:var(--line);background:#ffffff0b}.guide-section{outline:0;animation:.55s .18s both rise-in}.guide-toolbar{justify-content:space-between;align-items:center;padding-bottom:.8rem;display:flex}.guide-title{align-items:baseline;gap:.7rem;display:flex}.guide-title h2{font-size:1.25rem}.guide-title span{color:var(--muted);font-size:.8rem}.segmented{border:1px solid var(--line);background:#ffffff0f;border-radius:7px;align-items:center;gap:.2rem;padding:.25rem;display:flex}.segmented button{width:34px;height:29px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.segmented button.is-selected{color:var(--on-selected);background:var(--selected)}.group-tabs{scrollbar-width:none;gap:.4rem;padding-bottom:1.3rem;display:flex;overflow-x:auto}.group-tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:.45rem .68rem;font-size:.82rem}.group-tabs button:hover,.group-tabs button.is-selected{color:var(--ink);border-color:var(--line);background:#ffffff14}.group-tabs button.is-selected{color:var(--on-selected);background:var(--selected);border-color:var(--selected)}.guide-scroll{border:1px solid var(--line);background:#15171bdb;border-radius:8px;overflow:auto}.guide-grid{min-width:1040px}.guide-corner,.timeline-header{border-bottom:1px solid var(--line);background:#ffffff06;height:48px}.guide-corner{float:left;width:230px;color:var(--faint);letter-spacing:.11em;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.65rem;font-weight:800;display:flex}.guide-corner span{color:var(--muted)}.timeline-header{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;margin-left:230px;display:grid;position:relative}.timeline-header>span{color:var(--muted);padding-left:.65rem;font-size:.72rem}.timeline-header>span:nth-of-type(7){display:none}.guide-row{clear:both;min-height:71px;display:flex}.channel-cell{text-align:left;width:230px;color:var(--ink);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff05;flex:none;align-items:center;gap:.7rem;padding:.65rem .8rem;display:flex}.channel-cell:hover,.channel-cell:focus-visible,.channel-cell.is-selected{background:#ffffff0f}.channel-cell>span:nth-child(2){gap:.22rem;min-width:0;display:grid}.channel-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;overflow:hidden}.channel-cell small{color:var(--muted);font-size:.68rem}.channel-cell>svg{color:var(--brand);margin-left:auto}.channel-badge{width:30px;height:30px;color:var(--ink);background:var(--glass-strong);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:.64rem;font-weight:900;display:grid}.timeline-lane{border-bottom:1px solid var(--line);background-image:linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:16.6667% 100%;flex:1;position:relative;overflow:hidden}.programme-block{text-align:left;color:var(--ink);background:var(--surface-raised);border:1px solid #ffffff17;border-radius:5px;align-content:center;gap:.14rem;padding:.45rem .62rem;display:grid;position:absolute;top:8px;bottom:8px;overflow:hidden}.programme-block:hover,.programme-block:focus-visible{z-index:2;transform:scale(1.01)}.programme-block strong{text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;overflow:hidden}.programme-block small{color:var(--muted);font-size:.68rem}.programme-progress{background:var(--brand);height:3px;position:absolute;bottom:0;left:0}.now-rule{z-index:3;background:var(--coral);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.now-rule:after{content:"";background:var(--coral);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}.now-rule-header{bottom:-71px}.now-rule-header b{color:var(--brand-text);font-size:.65rem;font-style:normal;position:absolute;top:6px;left:5px}.guide-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.guide-list-row{text-align:left;width:100%;min-height:62px;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:#ffffff06;grid-template-columns:38px minmax(130px,.42fr) 1fr 24px;align-items:center;gap:.8rem;padding:.6rem 1rem;display:grid}.guide-list-row:last-child{border-bottom:0}.guide-list-row:hover,.guide-list-row:focus-visible,.guide-list-row.is-selected{background:#ffffff0f}.list-programme{min-width:0;color:var(--muted);flex-direction:column;gap:.17rem;display:flex}.list-programme small{color:var(--ink);letter-spacing:.1em;font-size:.65rem;font-weight:800}.guide-list-row>svg{color:var(--muted);transform:rotate(180deg)}.empty-guide{color:var(--muted);text-align:center;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-panel);flex:1;place-content:center;gap:.5rem;margin:0;padding:2rem;display:grid}.import-panel{z-index:20;border-left:1px solid var(--line);background:#15171b;flex-direction:column;width:min(100%,390px);padding:1.65rem;animation:.24s both panel-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 65px #00000073}.panel-heading{justify-content:space-between;gap:1rem;display:flex}.panel-heading h2{font-size:1.35rem}.import-tabs{background:var(--glass);border:1px solid var(--hairline);border-radius:var(--radius-pill);grid-template-columns:repeat(3,1fr);gap:.25rem;margin:1.8rem 0 1.2rem;padding:.3rem;display:grid}.import-tabs button{min-height:38px;color:var(--muted);border-radius:var(--radius-pill);background:0 0;border:0;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .4rem;font-size:.78rem;font-weight:650;display:inline-flex}.import-tabs button.is-selected{color:var(--on-selected);background:var(--selected)}.import-form{gap:1rem;display:grid}.import-form label,.epg-import label{color:var(--muted);gap:.43rem;font-size:.76rem;font-weight:700;display:grid}.import-form input,.epg-import input{width:100%;color:var(--ink);background:var(--field);border-radius:var(--radius-md);border:1px solid #ffffff24;padding:.72rem}.import-form input:focus,.epg-import input:focus{border-color:#fff6}.primary-wide,.secondary-wide{width:100%}.primary-wide:disabled,.secondary-wide:disabled{opacity:.65;cursor:wait}.file-import{text-align:center;min-height:250px;color:var(--muted);background:var(--field);border:1.5px dashed #ffffff29;border-radius:14px;place-content:center;justify-items:center;gap:.65rem;padding:1.5rem;display:grid}.file-import>svg{color:var(--aqua)}.file-import strong{color:var(--ink)}.file-import span{max-width:200px;font-size:.77rem;line-height:1.4}.file-import input{display:none}.epg-import{border-top:1px solid var(--line);gap:.75rem;margin-top:1.3rem;padding-top:1.2rem;display:grid}.epg-import .eyebrow{margin-bottom:0}.security-note{color:var(--faint);margin-top:auto;padding-top:1.4rem;font-size:.74rem;line-height:1.45}.import-message{color:var(--ink);background:var(--glass);border-radius:var(--radius-md);padding:.65rem;font-size:.78rem;line-height:1.4}.player-overlay{z-index:30;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#010203bd;place-items:end start;padding:clamp(1.25rem,5vw,4.5rem);animation:.18s both overlay-in;display:grid;position:fixed;inset:0}.overlay-dismiss{background:0 0;border:0;position:absolute;inset:0}.overlay-content{background:var(--surface);border-radius:var(--radius-panel);border:1px solid #ffffff2b;width:min(700px,100%);padding:1.2rem 1.4rem;position:relative;box-shadow:0 25px 75px #00000080}.overlay-top{color:var(--muted);letter-spacing:.11em;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:800;display:flex}.overlay-top>span{align-items:center;gap:.45rem;display:flex}.overlay-main{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.overlay-main h2{margin-bottom:.55rem;font-size:clamp(1.35rem,3vw,2.2rem)}.overlay-main p{max-width:530px;color:var(--muted);margin-bottom:0;line-height:1.45}.overlay-play{width:54px;height:54px;color:var(--on-selected);background:var(--selected);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.overlay-options{border-top:1px solid var(--line);gap:.55rem;padding-top:1rem;display:flex;overflow-x:auto}.overlay-options button{color:var(--ink);border:1px solid var(--line);background:#ffffff12;border-radius:5px;flex:none;align-items:center;gap:.38rem;padding:.52rem .65rem;font-size:.75rem;display:inline-flex}.overlay-options button:hover,.overlay-options button:focus-visible{background:#ffffff21}.manager-backdrop{z-index:24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010203b3;place-items:center;padding:1rem;animation:.16s both overlay-in;display:grid;position:fixed;inset:0}.playlist-manager{background:#16181c;border:1px solid #ffffff26;border-radius:8px;width:min(600px,100%);max-height:min(700px,100dvh - 2rem);padding:1.45rem;overflow-y:auto;box-shadow:0 25px 75px #00000080}.manager-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.manager-heading h2{font-size:1.45rem}.manager-description{color:var(--muted);margin:1rem 0 1.25rem;font-size:.84rem;line-height:1.45}.playlist-stack{gap:.55rem;display:grid}.playlist-card{border:1px solid var(--line);background:#ffffff0a;border-radius:7px;align-items:center;min-height:76px;transition:background .16s,border .16s;display:flex}.playlist-card.is-active{background:var(--glass-strong);border-color:#ffffff38}.playlist-select{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:.72rem;padding:.75rem;display:flex}.playlist-source-icon{width:34px;height:34px;color:var(--on-selected);background:var(--selected);border-radius:var(--radius-sm);flex:none;place-items:center;display:grid}.playlist-card-copy{gap:.26rem;min-width:0;display:grid}.playlist-card-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-card-copy small{color:var(--muted);font-size:.72rem}.playlist-card-copy input{width:min(270px,100%);color:var(--ink);border:1px solid var(--aqua);background:#101114;border-radius:4px;outline:0;padding:.35rem .45rem}.active-playlist-label{color:var(--aqua);align-items:center;gap:.25rem;margin-left:auto;font-size:.68rem;font-weight:800;display:inline-flex}.playlist-card-actions{gap:.12rem;padding-right:.45rem;display:flex}.playlist-card-actions button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.playlist-card-actions button:hover:not(:disabled),.playlist-card-actions button:focus-visible{color:var(--ink);background:#ffffff1a}.playlist-card-actions button:disabled{color:var(--faint);cursor:not-allowed}.add-playlist-button{width:100%;color:var(--ink);background:var(--glass);border-radius:var(--radius-pill);border:1px dashed #ffffff38;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-weight:800;display:inline-flex}.add-playlist-button:hover,.add-playlist-button:focus-visible{background:var(--glass-strong)}.multiview-overlay{z-index:28;background:var(--canvas);padding:clamp(1rem,4vw,3rem);animation:.18s both overlay-in;position:fixed;inset:0;overflow-y:auto}.multiview-toolbar{justify-content:space-between;align-items:center;gap:1rem;max-width:1380px;margin:0 auto;display:flex}.multiview-toolbar h2{font-size:1.5rem}.multiview-actions{align-items:center;gap:.55rem;display:flex}.multiview-hint{max-width:1380px;color:var(--muted);margin:.9rem auto 1.3rem;font-size:.82rem}.multiview-grid{gap:.9rem;max-width:1380px;margin:0 auto;display:grid}.multiview-grid.is-2,.multiview-grid.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}.multiview-grid .player-surface{min-height:0}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.side-rail{border-top:1px solid var(--line);border-right:0;flex-direction:row;justify-content:space-around;height:62px;padding:.5rem;position:fixed;inset:auto 0 0}.rail-bottom{display:none}.rail-nav{justify-content:space-around;width:100%;display:flex}.workspace{padding:1.5rem 1rem 5.3rem}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}.search-field{flex:1;width:auto}.import-trigger{white-space:nowrap;font-size:.78rem}.now-playing{grid-template-columns:1fr;gap:1.35rem;margin:2rem 0 2.6rem}.player-surface{min-height:180px}.now-copy h2{font-size:1.8rem}.guide-toolbar{padding-bottom:.7rem}.import-panel{width:100%;padding:1.2rem}.guide-list-row{grid-template-columns:34px minmax(85px,.52fr) 1fr 18px;gap:.5rem;padding:.55rem .65rem}.guide-list-row strong{font-size:.8rem}.list-programme{white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.player-open{opacity:1;transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.app-shell{grid-template-columns:220px minmax(0,1fr)}.app-shell.is-standalone-route{grid-template-columns:1fr}.app-shell.is-standalone-route .workspace{padding:clamp(1.5rem,6vw,5rem)}.side-rail{background:#0c0d10e0;align-items:stretch;gap:2rem;padding:1.3rem .75rem}.brand-lockup{color:inherit;border-radius:10px;align-items:center;gap:.65rem;padding:0 .55rem;text-decoration:none;display:flex}a.brand-lockup:focus-visible{outline:2px solid var(--ink,#fff);outline-offset:3px}.rail-nav{gap:.22rem}.playlist-expiry-indicator{min-width:0;min-height:70px;color:var(--ink);background:var(--surface);border-bottom:1px solid var(--line);grid-area:1/2;align-items:center;gap:.5rem;padding:.3rem 1rem;display:flex}.playlist-expiry-indicator span{color:var(--muted);font-size:.75rem;font-weight:650}.playlist-expiry-indicator strong{font-variant-numeric:tabular-nums;min-width:0;font-size:.8rem;font-weight:750;line-height:1.3}main.app-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0}main.app-shell>.side-rail{grid-area:1/1/-1;height:100%}main.app-shell>.workspace{grid-area:2/2;min-height:0;overflow-y:auto}main.app-shell.is-media-route>.workspace,main.app-shell.is-live-route>.workspace,main.app-shell.is-discover-route>.workspace{height:100%}main.app-shell.is-standalone-route>.workspace,main.app-shell.is-standalone-route>.playlist-expiry-indicator{grid-column:1}@media (max-width:760px){main.app-shell,main.app-shell.is-standalone-route{height:calc(100dvh - 68px - env(safe-area-inset-bottom));flex-direction:column;display:flex}main.app-shell.is-standalone-route{height:100dvh}main.app-shell>.side-rail{height:calc(68px + env(safe-area-inset-bottom))}main.app-shell>.workspace{flex:1;order:1;height:auto;min-height:0}main.app-shell.is-media-route>.workspace,main.app-shell.is-live-route>.workspace,main.app-shell.is-discover-route>.workspace{height:auto}.playlist-expiry-indicator{order:0;align-content:center;gap:.1rem;min-height:64px;padding:.35rem .75rem;display:grid}}.rail-focus-ring{z-index:1;pointer-events:none;will-change:transform;border:2px solid #ffffffe6;border-radius:8px;transition:transform .22s cubic-bezier(.3,.9,.4,1),width .22s cubic-bezier(.3,.9,.4,1),height .22s cubic-bezier(.3,.9,.4,1),opacity .18s;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 18px #00000059,inset 0 0 0 1px #ffffff1f}.rail-bottom-group{gap:.22rem;margin-top:auto;display:grid}.rail-prewarm-status{color:var(--muted);letter-spacing:.02em;border:1px dashed #fff3;border-radius:5px;align-items:center;gap:.4rem;padding:.35rem .55rem;font-size:.68rem;font-weight:700;display:flex}.rail-prewarm-status>i{border:2px solid #fff3;border-top-color:var(--ink);border-radius:50%;width:.55rem;height:.55rem;animation:.7s linear infinite media-select-spin}.rail-prewarm-status b{color:var(--aqua);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.66rem}.rail-action{z-index:2;width:100%;min-height:42px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.7rem;padding:0 .65rem;font-size:.83rem;font-weight:700;transition:color .16s,background .16s,border .16s,transform .2s cubic-bezier(.3,.9,.4,1);display:flex;position:relative}.rail-action>svg{flex:none}.rail-action.is-active{color:var(--ink);background:var(--glass-strong);box-shadow:none;border-color:#0000;transform:scale(1.05)}.rail-action:hover,.rail-action:focus-visible{color:var(--ink);box-shadow:none;background:#ffffff14;transform:scale(1.02)}.playlist-manager.playlist-manager-page{width:min(960px,100%);box-shadow:none;background:0 0;border:0;margin-top:2.25rem;padding:0}.playlist-stack{border:1px solid var(--line);background:#ffffff06;border-radius:8px;gap:0;overflow:hidden}.playlist-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:76px}.playlist-card:last-child{border-bottom:0}.playlist-card.is-active{background:var(--glass-strong);border-color:var(--line);box-shadow:inset 3px 0 0 var(--brand)}.playlist-select{padding:.85rem}.playlist-select:hover,.playlist-select:focus-visible{background:#ffffff0a}.guide-list{background:#0a0b0d73}.guide-list-row{background:0 0;grid-template-columns:38px minmax(150px,.42fr) 1fr 24px;gap:.9rem;min-height:70px;padding:.7rem 1rem}.guide-list-row:hover,.guide-list-row:focus-visible{background:#ffffff0e}.guide-list-row.is-selected{background:var(--glass-strong);box-shadow:inset 3px 0 0 var(--brand)}.playlist-import-view{max-width:1040px;margin:2.25rem auto 0;animation:.25s both rise-in}.import-page-heading{gap:1.25rem;margin-bottom:1.5rem;display:grid}.import-page-heading h2{margin-bottom:.45rem;font-size:1.8rem}.import-page-heading p:not(.eyebrow){max-width:580px;color:var(--muted);margin-bottom:0;line-height:1.5}.back-button{width:max-content;color:var(--muted);background:0 0;border:0;align-items:center;gap:.42rem;padding:0;font-size:.8rem;font-weight:700;display:inline-flex}.back-button:hover{color:var(--ink)}.import-page-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1rem;display:grid}.import-method-panel,.import-side-panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-panel);padding:1.25rem}.import-method-panel .import-tabs{margin-top:0}.import-side-panel{align-content:start;gap:1.3rem;display:grid}.import-side-panel>div:first-child>svg{color:var(--aqua)}.import-side-panel h3{margin:.55rem 0 .35rem;font-size:.98rem}.import-side-panel p:not(.eyebrow){color:var(--muted);margin-bottom:0;font-size:.8rem;line-height:1.5}.import-page-message{color:var(--ink);background:var(--glass);border:1px solid var(--hairline);border-radius:var(--radius-md);margin:1rem 0 0;padding:.75rem .9rem;font-size:.82rem}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.side-rail{align-items:center}.brand-lockup,.rail-bottom-group{display:none}.rail-nav{justify-content:space-around;gap:.15rem;width:100%;display:flex}.rail-action{place-items:center;width:40px;min-height:40px;padding:0;display:grid}.rail-action span{display:none}.rail-action.is-active{transform:scale(1.08)}.import-page-layout{grid-template-columns:1fr}.playlist-import-view{margin-top:1.5rem}}


@media (min-width:700px) and (max-width:780px),(orientation:landscape) and (min-width:620px) and (max-width:699px) and (max-height:560px){.playlist-workbench{grid-template-columns:minmax(280px,.75fr) minmax(0,1fr)}.playlist-source-footer{grid-template-columns:1fr}}.playlist-storage-permission{color:var(--muted);background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;display:flex}.playlist-storage-permission strong{color:var(--ink);margin-bottom:.2rem;font-size:.84rem;display:block}.playlist-storage-permission p{margin:0;font-size:.78rem;line-height:1.4}.playlist-storage-permission button{min-height:36px;color:var(--on-brand,#1a0d04);background:var(--brand);cursor:pointer;transition:transform .15s var(--ease-app);border:0;border-radius:999px;flex:none;padding:0 1rem;font-size:.8rem;font-weight:800}.playlist-storage-permission button:active{transform:translateY(1px)scale(.98)}.playlist-editor-dialog{background:var(--surface);border:1px solid var(--line);border-radius:22px;gap:1rem;width:min(440px,92vw);padding:1.25rem;display:grid;position:relative;box-shadow:0 18px 50px #00000080}.playlist-editor-dialog.studio-dialog{border-radius:22px}.playlist-editor-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.playlist-editor-header .eyebrow{color:var(--brand-text);letter-spacing:.14em;text-transform:uppercase}.playlist-editor-header h2{margin:.1rem 0 0;font-size:1.1rem;font-weight:620}.playlist-editor-form{gap:.85rem;display:grid}.playlist-editor-field{gap:.4rem;display:grid}.playlist-editor-field span{color:var(--muted);letter-spacing:0;text-transform:none;font-size:.8rem;font-weight:700}.playlist-editor-field input{width:100%;min-height:42px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:12px;padding:.55rem .8rem}.playlist-editor-field input:focus{border-color:#ffffff59}.playlist-editor-field input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.playlist-editor-note{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.playlist-editor-message,.playlist-manager-message{color:var(--danger-ink);background:var(--danger-soft);border:1px solid var(--danger-line);border-radius:12px;margin:0;padding:.7rem .9rem;font-size:.82rem;line-height:1.45}.playlist-editor-actions{justify-content:flex-end;gap:.5rem;display:flex}@media (max-width:560px){.playlist-editor-actions .secondary-wide,.playlist-editor-actions .primary-wide{flex:1}}@media (prefers-reduced-motion:reduce){.playlist-storage-permission button{transition:none}}
.player-surface{isolation:isolate;container-type:size}.player-video{width:min(100cqw, calc(100cqh * var(--picture-ratio)));height:min(100cqh, calc(100cqw / var(--picture-ratio)));inset:50% auto auto 50%;transform:translate(-50%,-50%)}.player-video-format-16-9{--picture-ratio:1.77778}.player-video-format-21-9{--picture-ratio:2.33333}.player-video-format-4-3{--picture-ratio:1.33333}.player-surface:fullscreen .player-video-cover{object-fit:cover}.player-surface:fullscreen .player-video-fill{object-fit:fill}.stream-menu{z-index:8;border:1px solid var(--line-strong);background:#141618f5;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;width:min(360px,100% - 1.5rem);max-height:min(470px,100% - 4.25rem);padding:.75rem;display:grid;position:absolute;bottom:4rem;right:.75rem;box-shadow:0 16px 38px #0000008c}.stream-menu-header{color:var(--muted);letter-spacing:0;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.55rem;font-size:.68rem;font-weight:800;display:flex}.stream-menu-content{min-height:0;display:none;overflow-y:auto}.stream-menu-options{grid-template-columns:minmax(0,1fr);gap:.25rem;min-width:0;display:grid}.player-settings-trigger svg{transition:transform .25s}.player-settings-trigger.is-open svg{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.player-settings-trigger svg{transition:none}}.player-seek-row{width:100%;color:var(--muted);align-items:center;gap:.55rem;margin-bottom:.35rem;font-size:.65rem;display:flex}.seek-slider{min-width:0;accent-color:var(--brand);flex:1}.player-video-contain{object-fit:contain}.player-video-cover{object-fit:cover}.player-video-fill{object-fit:fill}.seek-track{flex:1;align-items:center;min-width:0;display:flex;position:relative}.seek-track .seek-slider{cursor:pointer;width:100%;height:20px}.seek-preview{bottom:calc(100% + 12px);left:clamp(86px, var(--preview-left), calc(100% - 86px));z-index:3;pointer-events:none;background:#0e0e10f0;border:1px solid #ffffff38;border-radius:12px;justify-items:center;gap:4px;padding:4px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 10px 28px #0000008c}.seek-preview img{object-fit:cover;background:#111;border-radius:8px;width:160px;height:90px;display:block}.seek-preview-pending{width:160px;height:90px;color:var(--muted);background:repeating-linear-gradient(135deg,#ffffff08 0 8px,#0000 8px 16px);border-radius:8px;place-items:center;font-size:.66rem;display:grid}.seek-preview strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.74rem}.player-control-cluster .player-skip-button{width:36px;position:relative}.player-skip-button span{pointer-events:none;place-items:center;padding-top:1px;font-size:.5rem;font-weight:800;display:grid;position:absolute;inset:0}.player-seek-hint{z-index:4;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#00000094;border-radius:999px;padding:.55rem 1.1rem;font-size:1.1rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-surface:not(.player-surface-compact) .player-controls.is-vod{background:linear-gradient(#0000,#00000094 45%,#000000e0);border:0;border-radius:0;flex-wrap:wrap;gap:.25rem .75rem;padding:3.5rem clamp(.9rem,2.5vw,2rem) clamp(.6rem,1.6vw,1.1rem);bottom:0;left:0;right:0}.player-controls.is-vod .player-seek-row{flex:1 0 100%;margin:0}.player-controls.is-vod .seek-slider{--seek-track:4px;appearance:none;background:0 0;height:22px;margin:0}.player-controls.is-vod .seek-track:hover .seek-slider,.player-controls.is-vod .seek-slider:focus-visible{--seek-track:7px}.player-controls.is-vod .seek-slider:focus-visible{outline:none}.player-controls.is-vod .seek-slider::-webkit-slider-runnable-track{height:var(--seek-track);background:linear-gradient(to right, var(--brand) 0 var(--seek-progress,0%), #ffffff73 var(--seek-progress,0%) var(--seek-buffered,0%), #ffffff26 var(--seek-buffered,0%));border-radius:999px;transition:height .12s}.player-controls.is-vod .seek-slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:calc((var(--seek-track) - 15px) / 2);background:var(--brand);border:0;border-radius:50%;transition:transform .12s,box-shadow .12s;transform:scale(.8);box-shadow:0 1px 3px #00000073}.player-controls.is-vod .seek-track:hover .seek-slider::-webkit-slider-thumb{transform:scale(1.1)}.player-controls.is-vod .seek-slider:active::-webkit-slider-thumb{transform:scale(1.1)}.player-controls.is-vod .seek-slider:focus-visible::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 0 2px #0e0e10,0 0 0 4px #ffffffd9}.player-controls.is-vod .seek-slider::-moz-range-track{height:var(--seek-track);background:linear-gradient(to right, var(--brand) 0 var(--seek-progress,0%), #ffffff73 var(--seek-progress,0%) var(--seek-buffered,0%), #ffffff26 var(--seek-buffered,0%));border:0;border-radius:999px}.player-controls.is-vod .seek-slider::-moz-range-thumb{background:var(--brand);border:0;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 3px #00000073}.player-controls.is-vod .seek-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #0e0e10,0 0 0 4px #ffffffd9}@media (prefers-reduced-motion:reduce){.player-controls.is-vod .seek-slider::-webkit-slider-runnable-track{transition:none}.player-controls.is-vod .seek-slider::-webkit-slider-thumb{transition:none}}.player-controls.is-vod .player-control-cluster{gap:.35rem}.player-controls.is-vod .player-control-cluster button{border-radius:50%;width:42px;height:42px}.player-controls.is-vod .player-control-cluster button svg{width:22px;height:22px}.player-controls.is-vod .player-control-cluster .player-primary-control{width:46px;height:46px}.player-controls.is-vod .player-skip-button svg{width:26px;height:26px}.player-controls.is-vod .player-skip-button span{font-size:.56rem}.player-controls.is-vod .volume-slider{width:90px}.player-time{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.35rem;margin-left:.5rem;font-size:.82rem;font-weight:600;display:inline-flex}.player-time>span{color:var(--muted)}.player-surface:has(.player-controls.is-vod) .player-unmute-button{bottom:7.5rem}@media (max-width:600px){.player-controls.is-vod .player-control-cluster button{width:36px;height:36px}.player-controls.is-vod .player-control-cluster .player-primary-control{width:40px;height:40px}.player-controls.is-vod .volume-slider{display:none}.player-time{margin-left:.2rem;font-size:.72rem}}
.content-directory{max-width:1120px;margin-top:2.25rem;animation:.22s both rise-in}.content-directory-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.3rem;display:flex}.content-directory-header h2{margin:0 0 .45rem;font-size:1.65rem}.content-directory-header p:not(.eyebrow){max-width:520px;color:var(--muted);margin:0;line-height:1.45}.content-directory-header>span{color:var(--muted);white-space:nowrap;font-size:.74rem;font-weight:800}.favorite-tabs{border-bottom:1px solid var(--line);gap:.2rem;margin-bottom:1.1rem;padding-bottom:.7rem;display:flex}.favorite-tabs button{min-width:84px;min-height:33px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:.42rem .65rem;font-size:.78rem;font-weight:750}.favorite-tabs button:hover,.favorite-tabs button:focus-visible{color:var(--ink);background:#ffffff14;outline:none}.favorite-tabs button.is-active{color:#102020;background:var(--lime)}.content-directory-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.content-directory-row{border-bottom:1px solid var(--line);align-items:stretch;min-height:68px;display:flex}.content-directory-row:last-child{border-bottom:0}.content-directory-row:hover{background:#ffffff09}.content-directory-main{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;grid-template-columns:36px minmax(0,1fr) auto 18px;align-items:center;gap:.8rem;padding:.75rem .8rem;display:grid}.content-directory-main:focus-visible{outline:2px solid var(--aqua);outline-offset:-2px}.content-kind-mark{color:#142020;background:var(--aqua);border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.content-kind-mark.is-movie{background:var(--lime)}.content-kind-mark.is-series{background:var(--brand-gradient-to)}.content-directory-copy{gap:.2rem;min-width:0;display:grid}.content-directory-copy strong,.content-directory-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-directory-copy strong{font-size:.88rem}.content-directory-copy small{color:var(--muted);font-size:.7rem}.content-live-label{color:var(--brand-text);align-items:center;gap:.32rem;font-size:.7rem;font-weight:800;display:inline-flex}.content-live-label i{background:var(--coral);border-radius:50%;width:6px;height:6px}.content-directory-main>svg{color:var(--muted)}.content-favorite-button{width:44px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.content-favorite-button:hover,.content-favorite-button:focus-visible{color:var(--coral);background:#ffffff12;outline:none}.content-directory-empty{text-align:center;border:1px dashed var(--line);place-content:center;justify-items:center;gap:.55rem;min-height:220px;display:grid}.content-directory-empty>svg{color:var(--aqua)}.content-directory-empty h3{margin:0;font-size:.96rem}.content-directory-empty p{max-width:360px;color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}@media (max-width:620px){.content-directory-header{flex-direction:column;align-items:start}.content-directory-main{grid-template-columns:36px minmax(0,1fr) 18px}.content-live-label{display:none}}
body,.app-shell{background:var(--canvas)}.workspace{width:100%;max-width:none;margin:0;padding:1.5rem clamp(1.25rem,2.6vw,3rem) 2.5rem}.topbar{border-bottom:1px solid var(--line);min-height:64px;padding-bottom:1.25rem}.topbar h1{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:600}.topbar-actions{gap:.6rem}.search-field{background:var(--field);border-color:var(--hairline);border-radius:var(--radius-md);height:40px}.search-field:focus-within{box-shadow:none;border-color:#ffffff59}.icon-button{border-radius:var(--radius-pill)}.now-playing{grid-template-columns:minmax(460px,1.45fr) minmax(290px,.75fr);gap:clamp(1.5rem,3vw,3rem);max-width:none;margin:2rem 0 2.5rem}.player-surface{background:#131315;border-color:#ffffff1f;border-radius:6px;min-height:0;box-shadow:0 14px 32px #0000003d}.player-identity{background:#09090b8f;border:1px solid #ffffff1f;border-radius:4px;padding:.38rem .5rem;top:.8rem;left:.8rem}.player-controls{border-radius:5px;bottom:.6rem;left:.6rem;right:.6rem}.now-copy{flex-direction:column;justify-content:center;align-self:stretch;padding-left:clamp(0rem,1vw,1rem);display:flex}.now-copy h2{font-size:clamp(1.45rem,2.6vw,2.25rem)}.now-copy>p:not(.eyebrow){max-width:42ch;margin-bottom:1.15rem}.now-actions{gap:.45rem}.guide-section{max-width:none}.guide-toolbar{min-height:44px;padding-bottom:.65rem}.guide-title h2{font-size:1.12rem}.segmented{background:var(--surface);border-radius:var(--radius-pill)}.segmented button{border-radius:var(--radius-pill)}.group-tabs{gap:.25rem;padding-bottom:.85rem}.group-tabs button{border-radius:var(--radius-pill);min-height:32px;padding:.38rem .58rem}.group-tabs button.is-selected{color:var(--on-selected);background:var(--selected);border-color:var(--selected)}.guide-scroll,.guide-list,.content-directory-list{border-color:var(--line);border-radius:var(--radius-panel);background:#131315}.guide-corner,.timeline-header{background:var(--surface-raised)}.channel-cell{background:var(--surface)}.channel-cell:hover,.channel-cell:focus-visible,.channel-cell.is-selected{background:var(--surface-hover)}.timeline-lane{background-color:var(--field)}.programme-block{background:var(--surface-raised);border-radius:10px}.programme-block.is-live{background:#e0782f24}.guide-list-row.is-selected,.content-directory-row:hover{background:var(--surface-hover)}.content-directory,.settings-view,.library-view{max-width:1180px;margin-top:2rem}.content-directory-header h2,.view-heading h2{font-size:1.45rem}.content-directory-list{border-radius:var(--radius-panel)}.content-directory-row{min-height:64px}.content-kind-mark,.channel-badge{border-radius:var(--radius-sm)}.settings-grid{gap:.75rem}.settings-section{background:var(--surface);border-color:var(--hairline);border-radius:var(--radius-panel)}.settings-section:hover{border-color:#ffffff24}.settings-select select,.import-form input,.epg-import input{background:var(--field);border-radius:var(--radius-md)}.playlist-import-view,.content-directory,.settings-view{animation-duration:.18s}.file-import{background:var(--field);border-radius:14px;min-height:210px}.credential-persistence-toggle{color:var(--muted);background:var(--field);border:1px solid var(--hairline);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:.65rem;padding:.75rem .8rem;display:flex!important}.credential-persistence-toggle:hover{background:var(--glass);border-color:#ffffff38}.credential-persistence-toggle>input{appearance:none;cursor:pointer;flex:none;height:18px;margin:.08rem 0 0;background:var(--stage)!important;border:1px solid var(--faint)!important;border-radius:5px!important;width:18px!important;padding:0!important}.credential-persistence-toggle>input:checked{position:relative;background:var(--selected)!important;border-color:var(--selected)!important}.credential-persistence-toggle>input:checked:after{content:"";border-right:2px solid var(--on-selected);border-bottom:2px solid var(--on-selected);width:4px;height:8px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.credential-persistence-toggle>span{gap:.22rem;display:grid}.credential-persistence-toggle strong{color:var(--ink);font-size:.76rem}.credential-persistence-toggle small{color:var(--muted);font-size:.68rem;line-height:1.35}.primary-wide,.secondary-wide,.import-trigger,.play-button{border-radius:var(--radius-pill)}.stream-menu{background:#09090bd6}.multiview-overlay{background:#09090bf7}@media (max-width:980px){.now-playing{grid-template-columns:minmax(0,1fr);gap:1.25rem}.now-copy{padding-left:0}}@media (max-width:760px){.workspace{padding:1.25rem 1rem 5.2rem}.topbar{min-height:auto;padding-bottom:1rem}.topbar-actions,.search-field{width:100%}.player-controls{opacity:1;transform:none}.volume-slider{display:none}.settings-grid{grid-template-columns:1fr}.settings-groups{grid-column:auto}.group-visibility-list{grid-template-columns:1fr}}.app-shell.is-live-route .workspace{height:100dvh;padding:0;overflow:hidden}.app-shell.is-live-route .topbar .search-field{display:none}.app-shell.is-live-route .topbar{min-height:50px;padding-bottom:.6rem;padding-right:.5rem}.app-shell.is-media-route .workspace{padding:0 0 2rem}.app-shell.is-media-route .topbar{padding:.7rem 1rem .65rem}@media (max-width:760px){.app-shell.is-live-route .workspace{height:auto;overflow:visible}.app-shell.is-media-route .workspace{padding:0 0 5rem}}.storage-status{background:var(--glass);border:1px solid var(--hairline);border-left:3px solid var(--warning);border-radius:var(--radius-md);align-content:start;justify-items:start;gap:.45rem;padding:.85rem .9rem;display:grid}.storage-status.is-granted{border-left-color:var(--success)}.storage-status>svg{color:var(--warning)}.storage-status.is-granted>svg{color:var(--success)}.storage-status h3,.storage-status p{margin:0}.storage-status h3{font-size:.82rem}.storage-status p{color:var(--muted);font-size:.72rem;line-height:1.4}
.live-browser{max-width:1280px;margin-top:2rem}.live-browser-search{width:min(300px,100%);min-height:39px;color:var(--muted);background:var(--field);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:0 .65rem;display:flex}.live-browser-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.live-browser-workspace{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-panel);grid-template-columns:minmax(210px,.42fr) minmax(0,1.58fr);min-height:520px;display:grid;overflow:hidden}.live-category-pane{background:var(--surface);border-right:1px solid var(--line);min-width:0}.live-category-pane>header,.live-channel-pane>header{min-height:48px;color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 .8rem;font-size:.7rem;font-weight:800;display:flex}.live-category-pane>header small,.live-channel-pane>header small{color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;font-size:.68rem}.live-category-list{max-height:470px;overflow-y:auto}.live-category-list button{width:100%;min-height:39px;color:var(--muted);text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.77rem;display:grid}.live-category-list button:not(:has(svg)){grid-template-columns:minmax(0,1fr) auto}.live-category-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-category-list button small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.68rem}.live-category-list button:hover{color:var(--ink);background:var(--surface-hover)}.live-category-list button:focus-visible{color:var(--ink);background:var(--surface-hover);outline:2px solid var(--focus-ring);outline-offset:-2px}.live-category-list button.is-active{color:var(--ink);background:var(--glass-strong);box-shadow:inset 3px 0 0 var(--brand)}.live-category-empty{border-top:1px solid var(--hairline);justify-items:start;gap:.6rem;margin:.5rem .35rem 0;padding:.85rem .85rem .9rem;display:grid}.live-category-empty p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.78rem;line-height:1.4}.live-category-list .live-category-empty button{width:auto;min-height:34px;color:var(--ink);background:var(--glass);border-radius:var(--radius-pill);border:1px solid #ffffff24;align-items:center;margin:0;padding:0 .9rem;font-size:.76rem;font-weight:700;display:inline-flex}.live-category-list .live-category-empty button:hover{background:var(--glass-strong);border-color:#ffffff38}.live-category-list .live-category-empty button:focus-visible{background:var(--glass-strong);outline-offset:2px}.live-channel-pane{min-width:0}.live-channel-viewport{height:470px;overflow:auto}.live-channel-virtual{width:100%;position:relative}.live-channel-row{border-bottom:1px solid var(--line);align-items:stretch;height:70px;display:flex;position:absolute;left:0;right:0}.live-channel-row:hover{background:var(--glass)}.live-channel-row.is-selected{background:var(--glass-strong);box-shadow:inset 3px 0 0 var(--brand)}.live-channel-main{text-align:left;min-width:0;color:var(--ink);border-radius:var(--radius-md);background:0 0;border:0;flex:1;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.6rem;padding:.65rem .75rem;display:grid}.live-channel-main:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.live-channel-index{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.68rem}.live-channel-name{gap:.22rem;min-width:0;display:grid}.live-channel-name strong,.live-channel-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-channel-name strong{font-size:.82rem}.live-channel-name small{color:var(--muted);font-size:.67rem}.live-channel-name small time{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.live-channel-favorite{width:42px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.live-channel-favorite:hover,.live-channel-favorite:focus-visible{color:var(--brand);background:var(--glass)}.live-channel-favorite:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.live-browser-empty{min-height:100%;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:.5rem;padding:2rem 1.25rem;font-size:.82rem;line-height:1.45;display:grid}.live-browser-empty-icon{width:46px;height:46px;color:var(--muted);background:var(--glass);border:1px solid var(--hairline);border-radius:50%;place-items:center;margin-bottom:.35rem;display:grid}.live-browser-empty>strong{max-width:30ch;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance;font-family:Space Grotesk Variable,sans-serif;font-size:1rem;font-weight:600;line-height:1.3}.live-browser-empty>span:not(.live-browser-empty-icon){text-wrap:pretty;max-width:34ch}.live-browser-empty-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.65rem;display:flex}.live-empty-action{min-height:38px;color:var(--ink);background:var(--glass);border-radius:var(--radius-pill);cursor:pointer;transition:transform .15s var(--ease-app), background-color .15s ease, border-color .15s ease;border:1px solid #ffffff24;justify-content:center;align-items:center;padding:0 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.live-empty-action:hover{background:var(--glass-strong);border-color:#ffffff38}.live-empty-action.is-primary{color:var(--on-selected);background:var(--action);border-color:#0000}.live-empty-action.is-primary:hover{background:var(--action-hover)}.live-empty-action:active{transform:translateY(1px)scale(.98)}@media (prefers-reduced-motion:reduce){.live-empty-action{transition:none}.live-empty-action:active{transform:none}}@media (max-width:760px){.live-browser-search{width:100%}.live-browser-workspace{grid-template-columns:1fr}.live-category-pane{border-right:0;border-bottom:1px solid var(--line)}.live-category-list{max-height:145px}.live-channel-main{grid-template-columns:40px minmax(0,1fr)}}
.media-library{max-width:1280px;margin-top:2rem;animation:.22s both rise-in}.media-library-workspace{background:var(--surface,#161618);border:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);min-height:calc(100dvh - 150px);display:grid;overflow:hidden}.media-category-pane{background:var(--surface,#161618);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow:hidden}.media-category-pane>header{min-height:44px;color:var(--muted);background:var(--surface-raised,#1f1f22);border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 .75rem;font-size:.68rem;font-weight:800;display:flex}.media-category-pane>header small{color:var(--faint);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.68rem}.media-category-list{scrollbar-width:thin;scrollbar-color:#55595d transparent;flex:1;min-height:0;overflow-y:auto}.media-category-list button{width:calc(100% - .7rem);min-height:40px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:.45rem;margin-inline:.35rem;padding:.45rem .7rem;font-size:.75rem;display:grid}.media-category-list button:not(:has(svg)){grid-template-columns:minmax(0,1fr) auto}.media-category-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-category-list button small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.68rem}.media-category-list button:hover{color:var(--ink);background:var(--glass,#ffffff0f)}.media-category-list button:focus-visible{color:var(--ink);background:var(--glass,#ffffff0f);outline:2px solid var(--focus-ring,#fff);outline-offset:-2px}.media-category-list button:active{transform:scale(.98)}.media-category-pane .media-category-list>button.is-active{color:var(--ink);border-radius:10px}.media-category-folder{z-index:4;background:var(--surface,#161618);position:sticky;top:0}.media-category-folder>button{width:calc(100% - .7rem);min-height:39px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:18px 18px minmax(0,1fr) auto;align-items:center;gap:.45rem;margin-inline:.35rem;padding:.45rem .7rem;font-size:.75rem;font-weight:700;display:grid}.media-category-folder>button:hover{color:var(--ink)}.media-category-folder>button:focus-visible{color:var(--ink);outline:2px solid var(--focus-ring,#fff);outline-offset:-2px}.media-category-folder>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-category-folder>button small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:400}.media-folder-chevron{display:inline-flex}.media-content-pane{scrollbar-width:thin;scrollbar-color:#55595d transparent;flex-direction:column;min-width:0;min-height:0;padding:1rem;display:flex;overflow:hidden}.media-content-toolbar{z-index:6;align-items:center;gap:.65rem;margin-bottom:.85rem;display:flex;position:relative}.media-search-field{min-width:0;min-height:39px;color:var(--muted);background:var(--glass,#ffffff0f);border:1px solid var(--hairline,#ffffff14);border-radius:12px;flex:1;align-items:center;gap:.5rem;padding:0 .65rem;display:flex}.media-language-filter{min-height:39px;color:var(--muted);border:1px solid var(--hairline,#ffffff14);border-radius:12px;flex:none;align-items:center;gap:.45rem;padding:0 .65rem;font-size:.72rem;font-weight:700;display:inline-flex;position:relative}.media-content-toolbar .media-language-filter{background:var(--glass,#ffffff0f);border-color:var(--hairline,#ffffff14)}.media-content-toolbar .media-language-filter:hover{border-color:#ffffff29}.media-content-toolbar .media-language-filter:has(>.media-language-trigger:focus-visible){outline:2px solid var(--focus-ring,#fff);outline-offset:2px}.media-language-trigger{min-width:110px;max-width:170px;min-height:30px;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .35rem;font-size:.74rem;font-weight:500;display:flex}.media-language-trigger span,.media-language-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-language-trigger:focus-visible,.media-language-option:focus-visible{outline:none}.media-language-options{z-index:7;width:max(100%,210px);max-width:min(300px,100vw - 2rem);max-height:min(280px,100dvh - 190px);color:var(--ink);background:var(--surface-raised,#1f1f22);border:1px solid #ffffff1a;border-radius:14px;padding:.3rem;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 18px 40px #00000073}.media-language-option{width:100%;min-height:36px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.76rem;display:flex}.media-language-option:hover,.media-language-option:focus-visible,.media-language-option[aria-selected=true]{background:var(--surface-hover)}.media-language-option:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring,#fff)}.media-search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.media-cover-grid-scroll{scrollbar-width:thin;scrollbar-color:#55595d transparent;flex:1;min-height:0;position:relative;overflow-y:auto}.media-cover-grid-canvas{width:100%;position:relative}.media-cover-grid-row{align-items:start;gap:.85rem;display:grid;position:absolute;top:0;left:0;right:0}.media-cover-card{align-content:start;gap:.35rem;min-width:0;display:grid;position:relative}.media-fullscreen-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c7;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.media-fullscreen-backdrop.is-suspended{display:none}.media-playback{z-index:80;background:#000;position:fixed;inset:0}.media-playback .player-surface{background:#000;border:0;border-radius:0;width:100%;height:100dvh;min-height:0;aspect-ratio:auto!important}.media-playback-exit{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:12;color:#fff;cursor:pointer;background:#0a0a0cb8;border:1px solid #ffffff3d;border-radius:999px;place-items:center;width:42px;height:42px;transition:opacity .16s;display:grid;position:absolute}.media-playback .player-identity{transition:opacity .16s}.media-playback .player-surface:not(.has-controls) :is(.player-identity,.media-playback-exit){opacity:0;pointer-events:none}@media (max-width:650px){.media-playback .player-identity{min-width:0;max-width:calc(100% - 5.5rem)}.media-playback .player-identity strong{min-width:0;max-width:100%}}.media-playback-exit:hover{background:#ffffff29}.media-playback-exit:focus-visible{outline:2px solid var(--focus-ring,#fff);outline-offset:2px;background:#ffffff29}.media-playback-exit:active{transform:translateY(1px)scale(.98)}.media-fullscreen-backdrop .media-fullscreen-dialog{background:var(--surface,#161618);border:1px solid var(--line);grid-template-columns:minmax(215px,290px) minmax(0,1fr);gap:0;width:min(880px,100%);padding:0}.media-fullscreen-backdrop .media-fullscreen-cover{background:var(--surface-raised,#1f1f22);border-radius:0;min-height:430px;position:relative}.media-fullscreen-backdrop .media-fullscreen-copy{align-content:start;gap:.85rem;min-width:0;padding:clamp(1.25rem,3vw,2rem)}.media-fullscreen-backdrop .media-fullscreen-copy h2{font-family:Space Grotesk Variable,sans-serif;font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.14}.media-fullscreen-backdrop .media-select-field{grid-template-columns:82px minmax(0,1fr);gap:.75rem}.media-fullscreen-backdrop .media-select-field .select-menu-trigger{min-height:42px}.media-fullscreen-backdrop .media-fullscreen-actions{flex-wrap:wrap;align-items:center;gap:.65rem;padding-top:.45rem;display:flex}.media-fullscreen-backdrop .media-play-button{gap:.6rem;min-height:46px;padding:.6rem 1.25rem}.media-detail-favorite{min-height:46px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.media-detail-favorite:hover,.media-detail-favorite:focus-visible{background:var(--surface-hover)}@media (max-width:650px){.media-fullscreen-backdrop{padding:.7rem}.media-fullscreen-backdrop .media-fullscreen-dialog{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 1.4rem)}.media-fullscreen-backdrop .media-fullscreen-cover{height:min(30dvh,220px);min-height:0}.media-fullscreen-backdrop .media-fullscreen-cover img{object-fit:contain}.media-fullscreen-backdrop .media-fullscreen-copy{padding:1.2rem}.media-fullscreen-backdrop .media-select-field{grid-template-columns:74px minmax(0,1fr)}}.media-fullscreen-dialog{width:min(920px,100%);max-height:calc(100dvh - 2.5rem);color:var(--ink);background:var(--surface,#161618);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);gap:1.25rem;padding:1.25rem;display:grid;overflow-y:auto;box-shadow:0 28px 80px #0000008c}.media-fullscreen-cover{min-height:300px;color:var(--faint,#92929c);background:var(--surface-raised,#1f1f22);border-radius:12px;place-items:center;font-size:3rem;font-weight:800;display:grid;overflow:hidden}.media-fullscreen-cover img{object-fit:cover;width:100%;height:100%}.media-fullscreen-copy{align-content:center;gap:.85rem;display:grid}.media-fullscreen-copy h2{margin:0;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.1}.media-play-button:disabled{cursor:progress;opacity:.65}.media-select-loading{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:.8rem;height:.8rem;margin-right:.3rem;animation:.7s linear infinite media-select-spin}@keyframes media-select-spin{to{transform:rotate(360deg)}}.media-fullscreen-copy .media-select-field{color:var(--muted);grid-template-columns:auto minmax(150px,230px);align-items:center;gap:.5rem;font-size:.76rem;font-weight:700;display:grid}.media-fullscreen-copy .select-menu-trigger{width:100%;min-width:0;min-height:36px;color:var(--ink);background:var(--field,#121214);border:1px solid var(--line);border-radius:12px;padding:0 .5rem}.media-fullscreen-actions{align-items:center;gap:.5rem;display:flex}.media-cover-art img{object-fit:contain;width:100%;height:100%}.media-cover-art>img{position:absolute;inset:0}.media-play-button{min-height:36px;color:var(--on-selected,#0e0e10);background:var(--action,#efeff2);border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:800;display:inline-flex}.media-cover-main{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;gap:.4rem;padding:0;display:grid}.media-cover-main:focus-visible{outline:none}.media-cover-card .media-cover-main:active .media-cover-art{transform:translateY(-2px)scale(.98)}.media-cover-art{aspect-ratio:2/3;width:100%;color:var(--faint,#92929c);border:1px solid var(--line);background:#1c1c1f;border-radius:12px;place-items:center;font-size:2rem;font-weight:800;transition:transform .16s,border .16s;display:grid;position:relative;overflow:hidden}.cover-fallback{color:#f4f4f5;background:#1c1c1f;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;display:flex}.media-cover-art .cover-fallback-name{display:none}.cover-image{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.cover-image img{object-fit:cover}.media-cover-main strong,.media-cover-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-cover-main strong{font-size:.8rem}.media-cover-main small{color:var(--muted);font-size:.68rem}.media-language-count{color:#f4f4f5;text-overflow:ellipsis;white-space:nowrap;background:#09090bd1;border:1px solid #fff3;border-radius:999px;max-width:calc(100% - .9rem);padding:.35rem .5rem;font-size:.68rem;font-weight:750;line-height:1;position:absolute;bottom:.45rem;left:.45rem;overflow:hidden}.media-cover-art>i{display:none}.media-library-empty,.media-library-index-state{text-align:center;border-radius:var(--radius-panel,20px);border:1px dashed #ffffff1f;flex:1;place-content:center;justify-items:center;gap:.55rem;min-height:230px;padding:2.5rem 1.5rem;display:grid}.media-library-empty h3,.media-library-empty p,.media-library-index-state h3,.media-library-index-state p{margin:0}.media-library-empty h3,.media-library-index-state h3{letter-spacing:-.01em;font-size:1rem}.media-library-empty p,.media-library-index-state p{max-width:360px;color:var(--muted);font-size:.8rem;line-height:1.5}.media-empty-mark{width:52px;height:52px;color:var(--brand,#e0782f);background:var(--brand-soft,#e0782f24);border-radius:14px;place-items:center;margin-bottom:.3rem;display:grid}.media-library-index-state .media-empty-mark{animation:1.6s ease-in-out infinite media-index-pulse}@keyframes media-index-pulse{50%{opacity:.45}}.media-library-empty .eyebrow{margin-bottom:0}.media-empty-action{min-height:40px;color:var(--on-selected,#0e0e10);background:var(--action,#efeff2);cursor:pointer;border:0;border-radius:999px;margin-top:.6rem;padding:0 1.2rem;font-size:.82rem;font-weight:800;box-shadow:0 6px 16px #0000004d}.media-empty-action:hover{background:#fff;transform:translateY(-1px)}.media-empty-action:focus-visible{outline:2px solid var(--focus-ring,#fff);outline-offset:2px}.media-empty-action:active{transform:translateY(1px)scale(.98)}@media (max-width:760px){.media-library-workspace{grid-template-columns:1fr;min-height:0}.media-category-pane{border-right:0;border-bottom:1px solid var(--line)}.media-category-list{max-height:150px}.media-cover-grid-scroll{flex:1;height:auto;min-height:320px;padding-top:.5rem}.media-play-button{flex:1;justify-content:center}}.media-category-toggle,.media-category-close,.media-category-backdrop{display:none}@media (max-width:760px){.media-content-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.media-category-toggle{min-width:0;max-width:min(120px,32vw);min-height:39px;color:var(--ink);background:var(--glass,#ffffff0f);border:1px solid var(--hairline,#ffffff14);border-radius:12px;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.76rem;font-weight:700;display:inline-flex}.media-category-toggle:active{transform:translateY(1px)scale(.98)}.media-category-toggle span{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.media-category-close{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.media-category-close:hover{color:var(--ink);background:var(--glass,#ffffff0f)}.media-category-backdrop{z-index:14;background:#0000008c;border:0;display:block;position:fixed;inset:0}.media-category-pane{z-index:15;border-right:1px solid var(--line);background:var(--surface,#161618);width:min(280px,82vw);transition:transform .2s;position:fixed;top:0;bottom:62px;left:0;transform:translate(-105%);box-shadow:18px 0 50px #00000080;border-bottom:0!important}.media-category-pane.is-open{transform:translate(0)}.media-category-pane>header{gap:.4rem}.media-category-pane>header .media-category-close{margin-left:auto}.media-category-list{height:calc(100% - 44px);max-height:none}.media-search-field{min-width:0}.media-language-filter{grid-column:1/-1;justify-content:space-between}.media-language-options{width:100%;max-width:none}.media-language-trigger{flex:1;max-width:none}.media-fullscreen-dialog{grid-template-columns:1fr;max-height:calc(100dvh - 2rem);overflow-y:auto}.media-fullscreen-cover{min-height:180px}}.media-dialog-track-check{width:34px;height:34px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;justify-content:center;align-self:start;align-items:center;padding:0;font-size:.75rem;display:inline-flex}.media-dialog-track-check:hover{background:var(--surface-hover)}.media-dialog-track-check:active{transform:translateY(1px)scale(.96)}.media-dialog-track-status{color:var(--ink);align-self:start;align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.media-library-index-state .media-empty-mark{animation:none}}
.series-episodes-panel{z-index:55;flex-direction:column;display:flex;position:fixed}.series-episodes-panel.is-suspended{display:none}.series-episodes-backdrop{z-index:54;cursor:default;border:0;width:100%;position:fixed;inset:0}.series-episodes-backdrop.is-suspended{display:none}.series-episodes-art{aspect-ratio:2/3;color:var(--faint,#92929c);background:var(--surface-raised,#1f1f22);border:0;place-items:center;display:grid;position:relative;overflow:hidden}.series-episodes-art img{object-fit:cover}.series-episodes-heading{min-width:0}.series-episode-cover{color:var(--muted,#b0b0b8);place-items:center;display:grid;position:relative;overflow:hidden}.series-episode-cover img{z-index:1;object-fit:cover}.series-episode-cover-label{font-variant-numeric:tabular-nums}.series-episodes-state{color:var(--muted,#b0b0b8);padding:1.5rem 0;font-size:.85rem}
.player-surface:not(.player-surface-compact) .player-controls{opacity:0;pointer-events:none;transform:translateY(8px)}.player-surface:not(.player-surface-compact).has-controls .player-controls{opacity:1;pointer-events:auto;transition:opacity .16s,transform .16s;transform:translateY(0)}.multiview-tile .player-surface-compact .player-controls{z-index:4;opacity:0;pointer-events:none;background:#0e0e10cc;border:1px solid #ffffff1a;border-radius:999px;gap:.35rem;padding:.25rem .35rem;transition:opacity .16s,transform .16s;display:flex;transform:translateY(8px);box-shadow:0 8px 24px #00000059}.multiview-tile .player-surface-compact .player-control-cluster{gap:.2rem}.multiview-tile .player-surface-compact .player-control-cluster button{border-radius:50%}.multiview-tile .player-surface-compact.has-controls .player-controls{opacity:1;pointer-events:auto;transform:translateY(0)}@container (max-width:440px){.multiview-tile .player-surface-compact .player-controls{gap:.2rem;padding:.2rem .3rem;bottom:.3rem;left:.3rem;right:.3rem}.player-surface-compact .player-control-cluster button{width:28px;height:28px}.player-surface-compact .volume-slider,.player-surface-compact .player-control-cluster button[title=Vorheriger\ Sender],.player-surface-compact .player-control-cluster button[title=Nächster\ Sender]{display:none}}.player-unmute-button{z-index:3;color:#fff;cursor:pointer;min-height:42px;transition:transform .15s var(--ease-app,ease);background:#0e0e10e0;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem .55rem .85rem;font-weight:700;display:inline-flex;position:absolute;bottom:4.5rem;right:1rem;box-shadow:0 8px 24px #00000059}.player-unmute-button:hover{background:#28282cf0;border-color:#fff6}.player-unmute-button:focus-visible{outline:2px solid var(--focus-ring,#ffffffd9);outline-offset:3px}.player-unmute-button:active{transform:translateY(1px)scale(.98)}
.live-browser{flex-direction:column;width:100%;max-width:none;height:100%;min-height:0;margin-top:0;display:flex}.live-browser-search{background:var(--field);border-radius:var(--radius-md);width:230px;min-height:34px}.live-browser-workspace{background:var(--canvas);border:0;border-radius:0;flex:1;grid-template-columns:245px minmax(560px,1.55fr) minmax(390px,.9fr);height:auto;min-height:0;overflow:hidden}.live-category-pane{background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.live-channel-pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.live-category-pane>header,.live-channel-pane>header{background:var(--surface-raised);min-height:40px;padding:0 .65rem;font-size:.64rem}.live-category-search{width:auto;min-height:32px;color:var(--muted);background:var(--field);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:.4rem;margin:.4rem .55rem .3rem;padding:0 .5rem;display:flex}.live-category-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:.74rem}.live-category-folder{z-index:3;background:var(--surface);border-bottom:1px solid #ffffff0a;position:sticky;top:0}.live-category-folder>button{width:100%;min-height:39px;color:var(--ink);background:var(--surface-raised);text-align:left;border:0;grid-template-columns:18px 18px minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.77rem;font-weight:700;display:grid}.live-category-folder>button:hover,.live-category-folder>button:focus-visible{background:var(--surface-hover)}.live-category-folder>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-category-folder>button small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:400}.live-channel-pane>header{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.65rem;padding:.3rem .65rem;display:flex}.live-channel-search{width:100%;min-height:30px;color:var(--muted);background:var(--field);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:.4rem;padding:0 .5rem;display:flex}.live-channel-search input{min-width:0;color:var(--ink);letter-spacing:0;text-transform:none;background:0 0;border:0;outline:0;flex:1;font-size:.74rem}.live-category-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#55555c transparent;flex:1;min-height:0;max-height:none;overflow-y:auto}.live-category-list::-webkit-scrollbar{width:9px}.live-channel-viewport::-webkit-scrollbar{width:9px}.live-category-list::-webkit-scrollbar-track{background:0 0}.live-channel-viewport::-webkit-scrollbar-track{background:0 0}.live-category-list::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#55555c padding-box padding-box;border:2px solid #0000}.live-channel-viewport::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#55555c padding-box padding-box;border:2px solid #0000}.live-category-list button{min-height:44px;padding:.5rem .8rem;font-size:.8rem}.live-category-list button.is-active{background:var(--glass-strong);box-shadow:inset 3px 0 0 var(--brand)}.live-channel-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#55555c transparent;flex:1;height:auto;min-height:0;overflow-y:auto}.live-channel-row{background:0 0;height:70px}.live-channel-row:hover{background:var(--glass)}.live-channel-row.is-selected{z-index:1;background:var(--glass-strong);box-shadow:inset 3px 0 0 var(--brand)}.live-channel-main{gap:.65rem;padding:.55rem .75rem}.live-channel-index{font-size:.68rem}.live-channel-name strong{font-size:.8rem}.live-channel-name small{font-size:.67rem}.live-channel-progress{border-radius:var(--radius-pill);background:#ffffff1f;width:100%;height:2px;margin-top:.1rem;display:block;overflow:hidden}.live-channel-progress b{background:var(--brand);border-radius:inherit;height:100%;display:block}.live-selected-pane{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.live-selected-player{background:var(--stage);border-bottom:1px solid var(--line)}.live-selected-player .player-surface{min-height:0;box-shadow:none;border:0;border-radius:0}.live-selected-player .player-identity{display:none}.live-selected-copy{align-content:start;gap:.55rem;padding:1rem;display:grid}.live-selected-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.12rem;overflow:hidden}.live-selected-programme,.live-selected-next{border-top:1px solid var(--line);gap:.2rem;padding-top:.7rem;display:grid}.live-selected-programme small,.live-selected-next small{color:var(--muted);font-size:var(--type-sm);letter-spacing:.02em;font-weight:700}.live-selected-programme strong,.live-selected-next span{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.live-selected-programme span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.live-selected-next time{color:var(--muted);font-variant-numeric:tabular-nums}.live-selected-noepg{color:var(--muted);border-top:1px solid var(--line);margin:.75rem 0 0;padding-top:.7rem;font-size:.8rem}.live-selected-actions{flex-wrap:wrap;gap:.4rem;padding-top:.35rem;display:flex}.live-selected-favorite,.live-selected-tool{min-height:34px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-pill);align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.76rem;font-weight:700;display:inline-flex}.live-selected-favorite:hover,.live-selected-favorite:focus-visible,.live-selected-tool:hover,.live-selected-tool:focus-visible{color:var(--ink);background:var(--glass-strong);border-color:#ffffff2e}.live-selected-actions .live-selected-favorite[aria-pressed=true],.live-selected-actions .live-selected-favorite[aria-pressed=true]:hover{color:var(--brand);background:var(--brand-soft);border-color:#e0782f59}.live-selected-actions .live-selected-favorite[aria-pressed=true]:hover{background:#e0782f33}.live-selected-actions :is(.live-selected-favorite,.live-selected-tool):disabled,.live-selected-actions :is(.live-selected-favorite,.live-selected-tool):disabled:hover{color:var(--ink);background:var(--surface-raised);border-color:var(--line);opacity:.5;cursor:default}.live-selected-actions .live-selected-tool[aria-busy=true],.live-selected-actions .live-selected-tool[aria-busy=true]:hover{opacity:.75;cursor:progress}.live-recording-message{color:var(--danger-ink);background:var(--danger-soft);border-radius:var(--radius-md);border:1px solid #f871713d;align-items:flex-start;gap:.5rem;margin:.35rem 0 0;padding:.6rem .8rem;font-size:.78rem;line-height:1.4;display:flex}.live-recording-message svg{flex:none;margin-top:.1rem}@media (max-width:760px){.live-browser-search{width:100%}.live-browser-workspace{flex:none;grid-template-columns:1fr;min-height:0;overflow:visible}.live-category-pane{border-right:0;border-bottom:1px solid var(--line)}.live-category-list{height:132px}.live-channel-viewport{flex:none;height:420px}.live-selected-pane{display:flex}.live-selected-player{border-right:0;border-bottom:1px solid var(--line)}.live-selected-noepg{margin-top:.35rem;padding-top:.5rem}.live-channel-pane>header{gap:.4rem;padding:.3rem .45rem}.live-channel-pane>header>span{display:none}}
.auth-panel{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:20px;align-content:start;gap:.9rem;padding:1.25rem;display:grid}.auth-panel-heading{color:var(--muted);align-items:flex-start;gap:.7rem;margin-bottom:.2rem;display:flex}.auth-panel-heading svg{color:var(--muted);flex:none;margin-top:.15rem}.auth-panel-heading :is(h1,h3){color:var(--ink);margin:0;font-size:1.05rem;line-height:1.2}.auth-panel-heading p{margin:.35rem 0 0;font-size:.85rem;line-height:1.5}.login-panel .auth-panel-heading h1{letter-spacing:-.02em;font-size:clamp(1.6rem,2.4vw,1.95rem);line-height:1.1}.login-panel .auth-panel-heading p{font-size:.92rem}.auth-mode-switch{background:var(--glass);border:1px solid var(--hairline);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-mode-switch button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;transition:color .16s,background-color .16s,transform .16s;display:inline-flex}.auth-mode-switch button:not(.is-active):hover{color:var(--ink);background:#ffffff0f}.auth-panel .auth-mode-switch button.is-active{color:var(--on-selected);background:var(--selected)}.auth-form{gap:.9rem;display:grid}.auth-field{color:var(--muted);gap:.4rem;font-size:.82rem;font-weight:700;display:grid}.auth-optional{color:var(--faint);font-weight:500}.auth-field input{width:100%;min-height:46px;color:var(--ink);font:inherit;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:12px;padding:0 .9rem;font-size:1rem;font-weight:400;transition:border-color .16s,background-color .16s}.auth-field input::placeholder{color:#ffffff80}.auth-field input:hover{border-color:#ffffff42}.auth-field input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:#fff6}.auth-field-help{color:var(--faint);font-size:.78rem;font-weight:500}.auth-field .auth-code-input{font-variant-numeric:tabular-nums;letter-spacing:.3em}.login-screen .login-panel .auth-field input{background:#ffffff0d;border-color:#ffffff2e;min-height:48px}.login-screen .login-panel .auth-field input:hover{border-color:#ffffff42}.login-screen .login-panel .auth-field input:focus-visible{border-color:#fff6}.auth-submit,.auth-oauth,.auth-logout{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.92rem;font-weight:700;transition:transform .16s,background-color .16s,border-color .16s,opacity .16s;display:inline-flex}.auth-submit{color:var(--on-selected);background:var(--selected)}.auth-submit:hover:not(:disabled){background:#fff}.auth-submit.auth-passkey,.auth-oauth{color:var(--ink);background:var(--surface-raised);border-color:var(--line)}.auth-submit.auth-passkey:hover:not(:disabled),.auth-oauth:hover:not(:disabled){background:var(--surface-hover)}.auth-logout{color:var(--ink);background:var(--glass);border-color:var(--hairline)}.auth-logout:hover:not(:disabled){background:var(--glass-strong)}:is(.auth-submit,.auth-oauth,.auth-logout):disabled{opacity:.6;cursor:not-allowed}:is(.auth-submit,.auth-oauth)[aria-busy=true]:disabled{opacity:.85;cursor:progress}.auth-panel :is(.auth-submit,.auth-oauth,.auth-logout,.auth-mode-switch button):active:not(:disabled){transform:translateY(1px)scale(.98)}.login-screen .login-panel :is(.auth-submit,.auth-oauth){min-height:48px}.auth-alternatives{gap:.6rem;display:grid}.is-settings-route .auth-panel>:is(.auth-mode-switch,.auth-form,.auth-divider,.auth-alternatives){flex-basis:100%}.auth-divider{color:var(--faint);align-items:center;gap:.75rem;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-message{border:1px solid #0000;border-radius:12px;margin:0;padding:.7rem .9rem;font-size:.85rem;font-weight:500;line-height:1.45}.auth-message.is-error{color:var(--danger-ink);background:var(--danger-soft);border-color:var(--danger-line)}.auth-message.is-success{color:#bff0cf;background:#4ade801a;border-color:#4ade8047}.auth-message.is-info{color:var(--ink);background:var(--glass);border-color:var(--hairline)}.auth-hint{color:var(--faint);text-align:center;font-size:.75rem;line-height:1.45}.auth-passkey-list{gap:.4rem;display:grid}.auth-passkey-row{background:var(--field);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .5rem .45rem .8rem;font-size:.85rem;display:flex}.auth-passkey-row span{align-items:center;gap:.4rem;display:inline-flex}.auth-passkey-row button{min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .75rem;font-size:.8rem;font-weight:700;transition:color .16s,background-color .16s}.auth-passkey-row button:hover:not(:disabled){color:var(--ink);background:var(--glass)}.auth-totp{border-top:1px solid var(--line);gap:.6rem;padding-top:.75rem;display:grid}.auth-totp p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.5}.auth-totp-secret{color:var(--ink);background:var(--field);border:1px solid var(--line);letter-spacing:.08em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:12px;padding:.5rem .7rem;font-size:.85rem}.auth-skeleton{gap:.75rem}.auth-skeleton>i{background:#ffffff0f;border-radius:12px;height:12px;animation:1.4s ease-in-out infinite auth-skeleton-pulse;display:block}.auth-skeleton>.is-title{width:62%;height:32px}.auth-skeleton>.is-text{width:88%;height:14px;margin-bottom:.4rem}.auth-skeleton>.is-track{border-radius:999px;height:50px;margin-bottom:.3rem}.auth-skeleton>.is-label{width:24%;margin-top:.2rem}.auth-skeleton>.is-input{height:48px}.auth-skeleton>.is-button{border-radius:999px;height:48px;margin-top:.3rem}.auth-skeleton.is-settings>i{border-radius:20px;height:96px}@keyframes auth-skeleton-pulse{50%{opacity:.5}}.auth-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.auth-skeleton>i{animation:none}.auth-field input,.auth-mode-switch button,:is(.auth-submit,.auth-oauth,.auth-logout,.auth-passkey-row button){transition:none}.auth-panel :is(.auth-submit,.auth-oauth,.auth-logout,.auth-mode-switch button):active:not(:disabled),.login-screen .login-panel .auth-panel button:active:not(:disabled){transform:none}}
.login-screen{background:var(--canvas);place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.login-screen .login-panel>*{width:100%;max-width:440px;margin-inline:auto}.login-screen .login-panel>.login-brand{width:auto}.login-stage-brand{color:var(--ink);border-radius:12px;align-self:flex-start;text-decoration:none}.login-stage-brand:focus-visible,.login-brand:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.login-brand{color:var(--ink);justify-content:center;text-decoration:none}.login-screen .login-stage-features{width:min(380px,100%)}.login-screen .login-stage-features li{padding-inline:.85rem}.login-redirect-note{min-height:160px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:.6rem;margin:0;font-size:.95rem;display:flex}.login-redirect-note .brand-loader{color:inherit;font-size:inherit}.login-legal{color:var(--faint);text-align:center;margin:0;font-size:.75rem;line-height:1.5}.login-legal-links{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}.login-legal-links a{color:var(--muted);border-radius:999px;padding:.3rem .55rem;font-size:.78rem;text-decoration:none;transition:color .16s,background-color .16s}.login-legal-links a:hover{color:var(--ink);background:var(--glass)}.login-legal-links a:focus-visible{color:var(--ink);outline:2px solid var(--focus-ring);outline-offset:2px}.prose .terms-related{color:var(--muted);font-size:.95rem}.terms-accept{background:var(--surface);border:1px solid var(--hairline);border-radius:20px;gap:1rem;margin-top:2.5rem;padding:clamp(1.25rem,3vw,1.75rem);display:grid;box-shadow:0 18px 50px #00000059}.prose .terms-accept>p{color:var(--ink);margin:0;line-height:1.6}.terms-accept.is-guest{box-shadow:none;grid-template-columns:minmax(0,1fr) auto;align-items:center}.prose .terms-accept.is-guest>p{color:var(--muted)}.prose .terms-accept .btn{color:var(--ink)}.prose .terms-accept .btn-primary{color:#141414}.terms-end-marker{height:1px}.terms-accept.is-sticky{bottom:max(.75rem, env(safe-area-inset-bottom));z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--line-strong,#ffffff29);background:#161618eb;margin-top:1.5rem;position:sticky}.prose .terms-accept.is-sticky>p{color:var(--muted);align-items:center;gap:.5rem;display:flex}.prose .terms-accept.is-sticky.is-ready>p{color:var(--ink)}.prose .terms-accept.is-sticky>p svg{flex:none;animation:1.6s ease-in-out infinite terms-nudge}@keyframes terms-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.prose .terms-accept .btn-primary:disabled:not([aria-busy]){color:#ffffff73;box-shadow:none;cursor:not-allowed;opacity:1;background:#ffffff1a;border-color:#0000}.prose .terms-accept .btn-primary{transition:background-color .24s,color .24s}@media (prefers-reduced-motion:reduce){.prose .terms-accept.is-sticky>p svg{animation:none}.prose .terms-accept .btn-primary{transition:none}}.terms-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}@media (max-width:560px){.terms-actions{flex-direction:column-reverse;align-items:stretch}.terms-accept.is-guest{grid-template-columns:minmax(0,1fr)}}.admin-verify-form{gap:.75rem;display:grid}.admin-verify-field{gap:.4rem;display:grid}.admin-verify-field span{color:var(--muted);font-size:.82rem;font-weight:700}.admin-verify-card .admin-button{border-radius:999px;min-height:46px}.admin-verify-card .admin-button:active:not(:disabled){transform:translateY(1px)scale(.98)}.admin-verify-card .admin-more{color:var(--muted);border-radius:999px;justify-self:center;padding:.3rem .65rem;font-size:.85rem;text-decoration:none;transition:color .16s}.admin-verify-card .admin-more:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){.login-legal-links a,.admin-verify-card .admin-more{transition:none}.admin-verify-card .admin-button:active:not(:disabled){transform:none}}
.startup-screen{min-height:100dvh;color:var(--ink);background:var(--canvas);place-items:center;padding:1rem;display:grid}.startup-cancel{min-height:36px;color:var(--muted);border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:0 .95rem;font-size:.78rem;font-weight:700;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:inline-flex}.startup-cancel:hover{color:var(--ink);border-color:#ffffff3d}.startup-cancel:focus-visible{color:var(--ink);outline:2px solid var(--focus-ring);outline-offset:3px}.startup-cancel:active{transform:translateY(1px)scale(.98)}@media (prefers-reduced-motion:reduce){.startup-cancel{transition:none}.startup-cancel:active{transform:none}}