@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#fff4ec;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 0 0,#ffa57229,#0000 28%),radial-gradient(circle at 100% 100%,#436aff24,#0000 32%),linear-gradient(#21140f 0%,#0c1017 46%,#09090f 100%);font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;padding:0 0 var(--safe-bottom);background:0 0;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{width:min(1240px,100vw - 2rem);margin:0 auto;padding:2rem 0 4rem}.hero-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 100% 0,#f45d2257,#0000 32%),linear-gradient(140deg,#ffffff14,#1111112e);border:1px solid #ffffff26;border-radius:32px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:1.5rem;padding:2rem;display:grid;box-shadow:0 24px 80px #0000003d}.eyebrow,.panel-kicker{color:#ffcc7f;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .65rem;font-size:.82rem}.hero-panel h1,.panel h2{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,sans-serif}.hero-panel h1{font-size:clamp(3rem,7vw,5.2rem);line-height:.96}.hero-copy{color:#fff5ebd1;max-width:42rem;margin:1rem 0 0;font-size:1rem;line-height:1.7}.hero-metrics{gap:1rem;display:grid}.hero-metrics article,.hint-card,.channel-card,.subscription-chip,.timeline-card,.player-note,.status-strip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px}.hero-metrics article{padding:1.25rem}.hero-metrics span{color:#fff5eba6;font-size:.9rem;display:block}.hero-metrics strong{margin-top:.5rem;font-family:Space Grotesk,sans-serif;font-size:2rem;display:block}.main-grid{grid-template-columns:1.15fr .85fr;gap:1.5rem;margin-top:1.5rem;display:grid}.panel{background:#090a11b8;border:1px solid #ffffff14;border-radius:28px;padding:1.5rem;box-shadow:0 18px 64px #0000002e}.search-panel,.timeline-panel{min-height:18rem}.timeline-panel{grid-column:span 2}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel h2{font-size:clamp(1.5rem,3vw,2rem)}.search-form{gap:.75rem;display:flex}.search-input{color:#fff4ec;width:100%;font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;padding:.95rem 1rem}.search-input::placeholder{color:#fff5eb6b}.primary-button,.ghost-button,.mode-button{font:inherit;cursor:pointer;border:0;border-radius:18px;transition:transform .16s,opacity .16s,background .16s}.primary-button:hover,.ghost-button:hover,.mode-button:hover,.timeline-card:hover{transform:translateY(-1px)}.primary-button{color:#1a0a03;background:linear-gradient(135deg,#f45d22,#ff9252);padding:.95rem 1.15rem;font-weight:700}.ghost-button,.mode-button{color:#fff0e6;background:#ffffff0f;padding:.8rem 1rem;text-decoration:none}.primary-button:disabled,.ghost-button:disabled,.mode-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.compact{border-radius:16px;padding:.7rem .85rem}.mode-switch{background:#ffffff0d;border-radius:18px;gap:.5rem;padding:.35rem;display:inline-flex}.mode-button.active{color:#220d05;background:#f45d22e6}.sleep-timer{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;margin-top:1rem;padding:1rem 1.1rem}.sleep-timer-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sleep-countdown{color:#ffcc7f;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.sleep-presets{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.preset-chip{color:#fff0e6;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;padding:.65rem .85rem}.preset-chip.active{color:#220d05;background:#f45d22e6}.sleep-controls{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.timer-input{color:#fff4ec;min-width:110px;font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;padding:.85rem 1rem}.status-strip,.hint-card{color:#fff5ebe0;margin-top:1rem;padding:1rem 1.1rem;line-height:1.6}.subtle{background:#ffffff0a}.results-list,.subscription-list,.timeline-list{gap:.95rem;margin-top:1rem;display:grid}.channel-card,.subscription-chip{grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.9rem;display:grid}.channel-copy,.subscription-chip div{min-width:0}.channel-card h3,.timeline-card h3,.sleep-timer h3{margin:0;font-size:1.06rem}.channel-card p,.channel-card small,.subscription-chip p,.timeline-card p,.player-note p{color:#fff5ebb8;margin:.3rem 0 0;line-height:1.55}.avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.avatar.small{width:44px;height:44px}.timeline-card{text-align:left;cursor:pointer;grid-template-columns:minmax(160px,250px) 1fr;gap:1rem;padding:.8rem;display:grid}.timeline-thumb,.audio-shell img{object-fit:cover;aspect-ratio:16/9;border-radius:22px;width:100%}.timeline-body{flex-direction:column;justify-content:center;display:flex}.timeline-meta{color:#ffcc7f;text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:.75rem;font-size:.82rem;display:flex}.player-overlay{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05080fbd;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.player-modal{background:radial-gradient(circle at 100% 0,#f45d223d,#0000 28%),#0a0c14f0;border:1px solid #ffffff1f;border-radius:30px;width:min(980px,100%);max-height:calc(100vh - 2.5rem);padding:1.35rem;overflow:auto;box-shadow:0 36px 120px #00000073}.player-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.player-headline{min-width:0}.player-headline h2{margin:0}.player-subtitle{color:#fff5ebbd;margin:.55rem 0 0}.player-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.player-close{min-width:76px}.player-body{gap:1rem;display:grid}.media-player{background:#000;border-radius:24px;width:100%}.player-frame{aspect-ratio:16/9;border:0;min-height:min(72vw,560px)}.audio-shell{gap:1rem;display:grid}.audio-shell audio{width:100%}.player-note{padding:1rem 1.1rem}.player-note strong{color:#ffcc7f}@media (width<=980px){.hero-panel,.main-grid{grid-template-columns:1fr}.timeline-panel{grid-column:auto}}@media (width<=720px){.app-shell{width:min(100vw - 1rem,100%);padding-top:1rem}.hero-panel,.panel{border-radius:24px;padding:1.15rem}.search-form,.timeline-card,.channel-card,.subscription-chip{grid-template-columns:1fr}.search-form{display:grid}.panel-header{flex-direction:column}.player-overlay{align-items:end;padding:0}.player-modal{border-radius:26px 26px 0 0;width:100%;max-height:92vh;padding:1rem}.player-modal-header,.player-actions,.sleep-timer-header,.sleep-controls{flex-direction:column;align-items:stretch}.player-frame{min-height:min(58vw,300px)}}