:root{font-family:ui-rounded,Avenir Next,system-ui,sans-serif;color:#e8edf4;background:#07111f;font-synthesis:none;--ink: #e8edf4;--muted: #8c9aad;--panel: #0c1929;--panel-raised: #122238;--line: #26374b;--accent: #5eead4;--accent-deep: #0b8d85;--record: #fb5a62;--timeline-width: 1260px}*{box-sizing:border-box}html{background:#07111f}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% -20%,#153555 0,transparent 35rem),#07111f}button{font:inherit}button,video{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),white 20%);outline-offset:2px}.app-shell{min-height:100vh}.app-version{position:fixed;z-index:40;right:12px;bottom:8px;color:#657386;font-size:.68rem;letter-spacing:.04em;pointer-events:none}.topbar{height:72px;display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:14px;padding:env(safe-area-inset-top) clamp(18px,4vw,64px) 0;border-bottom:1px solid rgba(140,154,173,.18);background:#07111fdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:10px;padding:0;cursor:pointer;width:fit-content;font:700 1.25rem ui-rounded,Avenir Next,system-ui,sans-serif;letter-spacing:-.03em}.brand img{width:33px;height:33px;border-radius:9px}.topbar nav{display:flex;align-items:center;gap:4px;padding:4px;background:#0c1929;border:1px solid #203248;border-radius:12px}.topbar nav button{border:0;color:var(--muted);background:transparent;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem}.topbar nav button.active{color:var(--ink);background:#1a2d44;box-shadow:0 1px 3px #0006}.count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:3px;border-radius:10px;font-size:.72rem;color:#07111f;background:var(--accent)}.system-status{color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:8px}.sign-out{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;padding:7px 0}.sign-out:hover{color:var(--ink)}.settings-button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;padding:7px 0}.settings-button:hover{color:var(--ink)}.tuner-lights{display:flex;align-items:center;gap:4px}.system-status i{width:8px;height:8px;border-radius:50%;background:#657386}.system-status i.online{background:var(--accent);box-shadow:0 0 10px #5eead499}.system-status i.busy{background:var(--record);box-shadow:0 0 10px #fb71858c}main{max-width:1800px;margin:0 auto;padding:clamp(26px,5vw,58px) clamp(16px,4vw,64px) 80px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.guide-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px}.eyebrow{display:block;color:var(--accent);font-weight:700;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}h1,h2{font-family:ui-rounded,Avenir Next,system-ui,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1;margin:0}.date-controls{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.date-controls button,.date-controls select{min-width:42px;height:40px;border:0;border-right:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-weight:700}.date-controls select{min-width:154px;padding:0 27px 0 12px;font-weight:600;appearance:auto}.date-controls select:disabled{color:var(--muted);cursor:wait}.date-controls button:last-child{border-right:0}.date-controls button:hover,.date-controls select:hover{background:var(--panel-raised)}.guide-search input{width:min(230px,35vw);height:40px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--panel);font:inherit}.guide-search input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.search-results{display:flex;align-items:center;min-height:40px;gap:7px;padding:0 5px 0 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:.8rem;font-weight:700;white-space:nowrap}.search-results button{width:29px;height:29px;border:1px solid #385069;border-radius:7px;color:var(--ink);background:#11243a;cursor:pointer;font:700 1.05rem/1 system-ui,sans-serif}.search-results button:hover{background:var(--panel-raised)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guide-scroll{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#0c1929d1;box-shadow:0 24px 70px #00000040;scrollbar-color:#3d5067 transparent}.guide-section+.guide-section{margin-top:36px}.guide-section-heading{margin-bottom:13px}.guide-section-heading .eyebrow{margin-bottom:5px}.guide-section-heading h2{margin:0;font-size:1.35rem}.guide-grid{min-width:calc(144px + var(--timeline-width))}.channel-corner{width:144px;height:48px;position:sticky;z-index:13;left:0;top:0;display:flex;align-items:center;padding:0 14px;background:#0a1727;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:700}.timeline-head{position:sticky;z-index:12;top:0;margin-left:144px;width:var(--timeline-width);height:48px;margin-top:-48px;background:#0a1727;border-bottom:1px solid var(--line)}.timeline-head span{position:absolute;top:15px;color:#aab5c4;font-size:.78rem;transform:translate(8px)}.channel-row{display:flex;min-height:86px;border-bottom:1px solid var(--line)}.channel-row:last-child{border-bottom:0}.channel-label{position:sticky;z-index:10;left:0;width:144px;flex:0 0 144px;display:flex;flex-direction:column;justify-content:center;padding:10px 14px;background:#0c1929;border-right:1px solid var(--line)}.channel-logo{display:block;width:74px;height:26px;margin-bottom:5px;object-fit:contain;object-position:left center}.channel-number{display:flex;align-items:center;gap:7px;min-width:0}.channel-label strong{font:700 1.15rem ui-rounded,Avenir Next,system-ui,sans-serif}.channel-label span{color:var(--muted);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.favorite-toggle{flex:0 0 auto;width:20px;height:20px;padding:0;border:0;color:#526276;background:transparent;cursor:pointer;font-size:1.15rem;line-height:1}.favorite-toggle:hover,.favorite-toggle.selected{color:#ffd166}.favorite-toggle.selected{text-shadow:0 0 9px rgba(255,209,102,.35)}.program-row{position:relative;flex:0 0 var(--timeline-width);height:86px;overflow:hidden}.gridline{position:absolute;top:0;bottom:0;width:1px;background:#8c9aad1a}.now-line{position:absolute;z-index:4;top:0;bottom:0;width:2px;background:var(--record);box-shadow:0 0 8px #fb5a628c}.program{position:absolute;z-index:2;top:7px;bottom:7px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:10px 13px;border:1px solid #29405a;border-radius:9px;background:#15283e;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.program:hover,.program.selected{border-color:#5a718d;background:#1b324c;transform:translateY(-1px)}.program.scheduled{border-color:color-mix(in srgb,var(--record),#29405a 55%);padding-left:18px}.program strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.program span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9cabbc;font-size:.73rem;margin-top:5px}.recording-dot{position:absolute;top:11px;left:7px;width:6px;height:6px;border-radius:50%;background:var(--record)}.details-backdrop{position:fixed;z-index:50;inset:0;background:#02070e99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:flex-end}.details{width:min(440px,100%);height:100%;background:#0e1d2f;border-left:1px solid #2c4057;padding:max(76px,calc(env(safe-area-inset-top) + 38px)) clamp(24px,6vw,42px) 42px;box-shadow:-30px 0 80px #00000059;position:relative;animation:slide-in .2s ease-out}@keyframes slide-in{0%{transform:translate(30px);opacity:0}}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.6rem;cursor:pointer}.details .close{position:absolute;top:max(20px,env(safe-area-inset-top));right:22px}.details h2{font-size:2.25rem;line-height:1.05;margin:18px 0 7px}.details h3{margin:0 0 18px;font-size:1.05rem;font-weight:500;color:#b6c1ce}.program-time{color:var(--ink);font-weight:600;margin-top:28px}.description{color:#a7b3c2;line-height:1.65;font-size:1rem}.padding-note{margin:26px 0 18px;padding:12px 14px;border:1px solid var(--line);background:#091726;border-radius:9px;color:var(--muted);font-size:.84rem}.primary{border:0;border-radius:9px;padding:12px 18px;background:var(--accent);color:#05201e;font-weight:800;cursor:pointer}.primary:disabled{opacity:.45;cursor:default}.record-button{width:100%;display:flex;justify-content:center;gap:9px;align-items:center;font-size:1rem}.details-actions{display:grid;gap:10px}.details-actions .live-button,.details-actions .record-button{width:100%;justify-content:center}.record-icon{width:10px;height:10px;border-radius:50%;background:var(--record)}.recording-list{display:grid;gap:12px}.recording-card{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:20px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0c1929d1}.status-art{height:64px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#173554,#10253d);color:#a9bbcc;font:700 1rem ui-rounded,Avenir Next,system-ui,sans-serif}.status-art.recording{background:linear-gradient(145deg,#782b39,#3c1823);color:#fff}.recording-info h2{margin:2px 0 4px;font-size:1.15rem}.recording-info p{margin:0;color:var(--muted);font-size:.85rem}.recording-info .recording-error{margin-top:7px;color:#ff9ba1}.status-label{color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.recording-actions{display:flex;gap:8px}.subtle{border:1px solid var(--line);border-radius:9px;padding:11px 15px;background:transparent;color:var(--ink);cursor:pointer}.danger:hover{color:#ff8d93;border-color:#713941}.empty{min-height:270px;border:1px dashed #35475c;border-radius:16px;display:grid;place-content:center;justify-items:center;color:var(--muted)}.empty span{font-size:2.4rem;color:var(--accent)}.empty p{margin:8px 20px;text-align:center}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:clamp(28px,7vw,46px);border:1px solid var(--line);border-radius:18px;background:#0c1929e6;box-shadow:0 24px 80px #00000059}.auth-card h1{margin:0 0 12px;font-size:clamp(2rem,7vw,2.6rem)}.auth-card>p{margin:0 0 26px;color:var(--muted);line-height:1.55}.auth-icon{display:block;width:48px;height:48px;margin-bottom:26px;border-radius:13px}.auth-card form{display:grid;gap:16px}.auth-card label{display:grid;gap:7px;color:#b9c5d2;font-size:.85rem;font-weight:700}.auth-card input{width:100%;padding:12px 13px;color:var(--ink);background:#091726;border:1px solid var(--line);border-radius:9px;font:inherit}.auth-card input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.auth-submit{width:100%;margin-top:8px;font-size:1rem}.auth-card small{display:block;margin-top:20px;color:#758497;line-height:1.45}.auth-error{margin:0;color:#ff9ba1;font-size:.9rem;line-height:1.4}.auth-loading{text-align:center}.auth-loading .auth-icon{margin-inline:auto}.settings-backdrop{position:fixed;z-index:55;inset:0;display:flex;justify-content:flex-end;background:#02070e99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-panel{position:relative;width:min(460px,100%);min-height:100%;padding:max(76px,calc(env(safe-area-inset-top) + 38px)) clamp(24px,6vw,42px) 42px;background:#0e1d2f;border-left:1px solid #2c4057;box-shadow:-30px 0 80px #00000059;animation:slide-in .2s ease-out}.settings-panel h2{margin:0 0 24px;font-size:2.1rem}.settings-close{position:absolute;top:max(20px,env(safe-area-inset-top));right:22px}.settings-section{padding:20px;border:1px solid var(--line);border-radius:14px;background:#0a1727}.settings-section h3{margin:0 0 7px;font-size:1.15rem}.settings-section>p{margin:0 0 20px;color:var(--muted);line-height:1.5;font-size:.88rem}.settings-section form{display:grid;gap:15px}.settings-section label{display:grid;gap:7px;color:#b9c5d2;font-size:.85rem;font-weight:700}.settings-section input{width:100%;padding:12px 13px;color:var(--ink);background:#091726;border:1px solid var(--line);border-radius:9px;font:inherit}.settings-section input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.settings-section .primary{justify-self:start;margin-top:4px}.settings-error{margin:0;color:#ff9ba1;font-size:.9rem;line-height:1.4}.player-overlay{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:20px;background:#00050ce6}.player-shell{width:min(1100px,100%)}.player-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.player-heading h2{margin:0;font-size:1.5rem}.player-shell video{display:block;width:100%;max-height:70vh;background:#000;border-radius:12px;box-shadow:0 20px 80px #000}.playback-position{margin-top:12px;color:var(--muted);text-align:center;font-size:.82rem;font-variant-numeric:tabular-nums}.player-error{margin-top:12px;padding:10px 12px;border:1px solid #713941;border-radius:9px;color:#ffb3b7;background:#32151c}.transport{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:16px}.transport button{min-width:64px;padding:11px 14px;border:1px solid #385069;border-radius:9px;background:#11243a;color:var(--ink);font-weight:700;cursor:pointer}.transport .live{display:flex;align-items:center;gap:7px}.transport .live span{width:7px;height:7px;border-radius:50%;background:var(--record)}.transport .live.active{color:#fff;border-color:var(--record)}.transport button:disabled{opacity:.42;cursor:wait}.toast{position:fixed;z-index:80;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(420px,calc(100% - 28px));border-radius:10px;padding:12px 18px;color:#07111f;font-weight:700;box-shadow:0 12px 38px #0006}.toast.success{background:var(--accent)}.toast.error{background:#ff8990}.loading-grid{height:310px;border-radius:16px;background:linear-gradient(100deg,#0c1929 30%,#14263b,#0c1929 70%);background-size:300% 100%;animation:loading 1.4s infinite}@keyframes loading{to{background-position:-150% 0}}@media(max-width:680px){.topbar{height:64px;padding-inline:14px;grid-template-columns:auto 1fr auto auto;gap:10px}.brand span,.system-status{display:none}.topbar nav{justify-self:end}.sign-out{font-size:.72rem}.settings-button span:last-child{display:none}.topbar nav button{padding:7px 10px}main{padding:28px 14px 70px}.page-heading{align-items:center}.guide-controls{justify-content:flex-start}.guide-search{flex:1 1 100%}.guide-search input{width:100%}.channel-corner,.channel-label{width:112px;flex-basis:112px}.timeline-head{margin-left:112px}.guide-grid{min-width:calc(112px + var(--timeline-width))}.channel-logo{width:64px;height:23px}.recording-card{grid-template-columns:64px 1fr;gap:14px}.status-art{height:54px}.recording-actions{grid-column:1 / -1}.recording-actions>*{flex:1}.details{height:min(82vh,650px);width:100%;margin-top:auto;border-left:0;border-top:1px solid var(--line);border-radius:22px 22px 0 0;animation-name:slide-up;padding-top:68px}.settings-panel{min-height:min(82vh,650px);width:100%;margin-top:auto;border-left:0;border-top:1px solid var(--line);border-radius:22px 22px 0 0;animation-name:slide-up;padding-top:68px}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}