@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{color:#f7f1e6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-bottom:max(env(safe-area-inset-bottom), 1rem);background:radial-gradient(circle at 12% 0,#e2522d33,#0000 24%),radial-gradient(circle at 90% 18%,#2d5b8838,#0000 28%),linear-gradient(#151719 0%,#101214 46%,#090a0b 100%);font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}html{min-height:100%}body{min-width:320px;min-height:100vh;padding:0 0 var(--safe-bottom);background:0 0;margin:0}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 72%);mask-image:linear-gradient(#000 0%,#0000 72%)}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101214;--ink:#070808;--surface:#15181ae0;--surface-strong:#1e2326f5;--surface-soft:#262b2f;--line:#f7f1e61f;--line-strong:#f7f1e638;--text:#f7f1e6;--muted:#f7f1e6a8;--faint:#f7f1e670;--accent:#ffb000;--accent-strong:#ffcd54;--hot:#e2522d;--blue:#63a6c9;--danger:#ff6b5c;--shadow:0 18px 52px #00000075}*{box-sizing:border-box}button,input{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{width:100%;max-width:760px;min-height:100vh;padding:max(env(safe-area-inset-top), .75rem) .7rem calc(5.8rem + env(safe-area-inset-bottom));margin:0 auto}.app-header{z-index:10;padding:calc(.86rem + env(safe-area-inset-top)) .82rem .82rem;border-bottom:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:linear-gradient(135deg,#ffb0001f,#0000 34%),#0a0b0ce0;justify-content:space-between;align-items:stretch;gap:1rem;margin:-.75rem -.7rem 0;display:flex;position:sticky;top:0}.app-header:before{content:"";background:linear-gradient(90deg, var(--accent), #e2522d00);height:2px;position:absolute;bottom:-1px;left:.82rem;right:4.4rem}.header-copy{min-width:0}.eyebrow,.panel-kicker{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 .22rem;font-size:.72rem;font-weight:700}.app-header h1,.panel h2{color:var(--text);letter-spacing:0;text-transform:uppercase;margin:0;font-family:Barlow Condensed,IBM Plex Sans,sans-serif;font-weight:800}.app-header h1{font-size:2rem;line-height:.92}.icon-button{border:1px solid var(--line-strong);background:linear-gradient(180deg, #f7f1e614, #f7f1e600), var(--surface-strong);width:2.95rem;height:2.95rem;font:inherit;cursor:pointer;border-radius:8px;place-items:center;font-size:1.35rem;display:inline-grid;box-shadow:inset 0 1px #ffffff14}.summary-strip{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.7rem 0 0;display:grid}.summary-strip span{border:1px solid var(--line);background:linear-gradient(135deg, #f7f1e612, transparent), var(--surface);min-width:0;color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;grid-template-columns:auto 1fr;align-items:end;gap:.35rem;padding:.58rem .55rem;display:grid;overflow:hidden}.summary-strip strong{color:var(--text);font-family:Barlow Condensed,IBM Plex Sans,sans-serif;font-size:1.3rem;line-height:.9}.summary-strip small{color:var(--faint);font-size:.72rem;line-height:1}.status-strip{border:1px solid var(--line);min-height:2.25rem;color:var(--muted);background:#ffb00017;border-radius:8px;margin:.6rem 0 0;padding:.58rem .75rem;font-size:.84rem;line-height:1.35}.app-main{margin-top:.72rem}.panel{display:none}.panel.active-view{display:block}.panel-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.7rem;display:flex}.panel h2{font-size:1.32rem;line-height:1.18}.loaded-pill{border:1px solid var(--line);background:var(--surface);min-height:2rem;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;padding:.42rem .6rem;font-size:.8rem;display:inline-flex}.search-form{grid-template-columns:1fr;gap:.6rem;display:grid}.search-input,.timer-input{border:1px solid var(--line);background:linear-gradient(180deg, #f7f1e60b, transparent), var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:8px;padding:.9rem .85rem;font-size:1rem}.search-input::placeholder{color:var(--faint)}.primary-button,.ghost-button,.preset-chip{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;font-weight:700;transition:transform .14s,border-color .14s,background .14s}.primary-button:active,.ghost-button:active,.preset-chip:active,.nav-item:active,.timeline-card:active{transform:scale(.98)}.primary-button{background:linear-gradient(135deg, var(--accent-strong), #ff9e4d 76%), var(--accent-strong);color:var(--ink);padding:.88rem .92rem;box-shadow:0 10px 24px #ffb0002e}.ghost-button{border-color:var(--line);background:linear-gradient(180deg, #f7f1e60f, transparent), var(--surface-strong);color:var(--text);padding:.72rem .82rem;text-decoration:none}.primary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed}.compact{padding:.58rem .68rem;font-size:.88rem}.results-list,.subscription-list,.timeline-list,.channel-history-list{gap:.65rem;display:grid}.results-list,.subscription-list{margin-top:.8rem}.hint-card,.channel-card,.subscription-chip,.timeline-card,.channel-history-card,.sleep-timer{border:1px solid var(--line);background:linear-gradient(180deg, #f7f1e60d, transparent), var(--surface);border-radius:8px;box-shadow:inset 0 1px #ffffff09}.hint-card{color:var(--muted);margin-top:.8rem;padding:.85rem;font-size:.92rem;line-height:1.45}.channel-card{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.72rem;display:grid}.channel-card .primary-button{grid-column:1/-1}.channel-copy,.subscription-copy,.timeline-body,.channel-modal-copy,.player-headline{min-width:0}.channel-card h3,.timeline-card h3,.channel-history-card h3,.sleep-timer h3{color:var(--text);margin:0;font-size:.98rem;line-height:1.32}.channel-card p,.channel-card small,.subscription-chip p,.timeline-card p,.channel-history-card p,.player-subtitle,.channel-modal-copy p{color:var(--muted);margin:.28rem 0 0;font-size:.84rem;line-height:1.35}.avatar{object-fit:cover;background:var(--surface-soft);border-radius:50%;width:2.9rem;height:2.9rem}.avatar.small{width:2.15rem;height:2.15rem}.avatar-button,.subscription-copy,.timeline-card,.channel-history-card{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.avatar-button{border-radius:50%;padding:0}.avatar-button:focus-visible,.subscription-copy:focus-visible,.timeline-card:focus-visible,.channel-history-card:focus-visible,.icon-button:focus-visible,.bottom-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.subscription-chip{grid-template-columns:auto 1fr auto;align-items:center;gap:.62rem;padding:.58rem;display:grid}.subscription-copy{color:var(--text)}.subscription-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;display:block;overflow:hidden}.subscription-actions{gap:.4rem;display:flex}.timeline-card{border:1px solid var(--line);background:linear-gradient(125deg, #ffb00014, transparent 38%), var(--surface);border-radius:8px;grid-template-columns:7.35rem 1fr;gap:.68rem;width:100%;padding:.5rem;display:grid;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e}.timeline-thumb-frame{background:var(--surface-soft);border-radius:6px;position:relative;overflow:hidden}.timeline-thumb,.channel-history-card img{aspect-ratio:16/9;object-fit:cover;background:var(--surface-soft);border-radius:6px;width:100%}.timeline-thumb{height:100%}.play-glyph{width:1.35rem;height:1.35rem;color:var(--accent-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070808b8;border:1px solid #ffffff47;border-radius:999px;place-items:center;font-size:.58rem;line-height:1;display:inline-grid;position:absolute;bottom:.32rem;right:.35rem}.timeline-body{flex-direction:column;justify-content:space-between;padding:.06rem 0;display:flex}.timeline-meta{color:var(--accent);flex-wrap:wrap;gap:.32rem;margin-bottom:.28rem;font-size:.74rem;line-height:1.25;display:flex}.timeline-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;display:-webkit-box;overflow:hidden}.timeline-card p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.load-more-sentinel{min-height:4rem;color:var(--faint);text-align:center;place-items:center;display:grid}.load-more-button{width:100%}.bottom-nav{z-index:20;max-width:760px;padding:.52rem .7rem calc(.52rem + env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#f7f1e60f,#0000),#08090af0;grid-template-columns:repeat(3,1fr);gap:.42rem;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{min-height:3.12rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;gap:.12rem;display:grid}.nav-item span{font-size:1.1rem;line-height:1}.nav-item strong{font-size:.78rem}.nav-item.active{color:var(--text);background:linear-gradient(135deg,#ffb0002e,#e2522d14),#ffb00014;border-color:#ffb0006b}.player-overlay{z-index:40;background:#0000009e;align-items:end;padding:0;display:grid;position:fixed;inset:0}.player-modal,.channel-modal{width:100%;max-height:92vh;padding:.85rem .85rem calc(.9rem + env(safe-area-inset-bottom));border:1px solid var(--line);background:radial-gradient(circle at top right, #ffb0001f, transparent 32%), var(--bg);box-shadow:var(--shadow);border-bottom:0;border-radius:8px 8px 0 0;overflow:auto}.player-modal-header,.channel-modal-header{grid-template-columns:1fr auto;align-items:start;gap:.75rem;margin-bottom:.75rem;display:grid}.player-headline h2,.channel-modal-copy h2{color:var(--text);margin:0;font-size:1rem;line-height:1.3}.player-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.player-body{gap:.75rem;display:grid}.media-player{background:#000;border-radius:8px;width:100%}.player-frame{aspect-ratio:16/9;border:0;min-height:12rem}.sleep-timer{padding:.75rem}.sleep-timer-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sleep-countdown{color:var(--accent);white-space:nowrap;font-family:Barlow Condensed,IBM Plex Sans,sans-serif;font-size:.95rem}.sleep-presets,.sleep-controls{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:.65rem;display:grid}.preset-chip{background:var(--surface-soft);color:var(--muted);padding:.62rem .38rem}.preset-chip.active{background:var(--accent-strong);color:#1d1608}.sleep-controls{grid-template-columns:5.4rem 1fr auto}.channel-modal-header{grid-template-columns:auto 1fr auto;align-items:center}.channel-modal-avatar{object-fit:cover;border-radius:8px;width:3.4rem;height:3.4rem}.channel-history-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:7.2rem 1fr;align-items:center;gap:.65rem;width:100%;padding:.56rem;display:grid}.channel-history-card span{color:var(--accent);margin-bottom:.2rem;font-size:.75rem;display:inline-block}@media (width<=380px){.timeline-card,.channel-history-card{grid-template-columns:6.7rem 1fr}.subscription-actions .ghost-button:first-child{display:none}.sleep-controls{grid-template-columns:1fr}}@media (width>=820px){.app-shell{max-width:1120px;padding-left:1.25rem;padding-right:1.25rem}.bottom-nav{border:1px solid var(--line);border-radius:8px;width:22rem;padding:.4rem;inset:1rem auto auto 50%;transform:translate(-50%)}.app-main{margin-top:1rem}.timeline-card{grid-template-columns:13rem 1fr}.panel.active-view{max-width:860px;margin:0 auto}.player-overlay{align-items:center;padding:1.25rem}.player-modal,.channel-modal{border-bottom:1px solid var(--line);border-radius:8px;max-width:920px;margin:0 auto}}