@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Manrope:wght@500;700&display=swap";:root{--font-display: "Outfit", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Manrope", "Segoe UI", sans-serif;--space-1: .35rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .7rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-pill: 999px;--color-bg: #0a1111;--color-bg-alt: #101a1a;--color-surface: rgba(19, 30, 32, .62);--color-surface-strong: rgba(24, 36, 37, .82);--color-border: rgba(193, 219, 214, .22);--color-text-primary: #eff9f7;--color-text-secondary: #b9d0cb;--color-accent: #44d8c8;--color-accent-soft: rgba(68, 216, 200, .24);--color-highlight: #ffc46b;--shadow-soft: 0 16px 42px rgba(1, 8, 10, .45);--shadow-glow: 0 0 0 1px rgba(212, 236, 231, .12), 0 8px 24px rgba(3, 16, 20, .48);--motion-fast: .16s;--motion-mid: .26s;--motion-ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--color-text-primary);font-family:var(--font-body);background:radial-gradient(72rem 56rem at 10% 0%,rgba(49,189,173,.18),transparent 65%),radial-gradient(56rem 48rem at 90% 70%,rgba(255,196,107,.14),transparent 62%),linear-gradient(160deg,#060b0b,#0f1718 48%,#111618)}h1,h2,h3,h4{margin:0;font-family:var(--font-display);letter-spacing:-.02em}p{margin:0}ul{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit}.app-shell{position:relative;min-height:100vh;max-width:56rem;margin:0 auto;padding:var(--space-6) var(--space-4) calc(6.8rem + env(safe-area-inset-bottom))}.app-shell:before,.app-shell:after{content:"";position:fixed;width:16rem;height:16rem;border-radius:999px;z-index:-1;pointer-events:none;filter:blur(18px)}.app-shell:before{inset:auto auto 18% -8%;background:#44d8c833}.app-shell:after{inset:18% -8% auto auto;background:#ffc46b2b}.app-shell__header{margin-bottom:var(--space-5)}.app-shell__header h1{font-size:clamp(2.4rem,10vw,4.6rem);font-weight:800}.app-shell__content{display:grid;gap:var(--space-5);padding-bottom:calc(9.8rem + env(safe-area-inset-bottom))}.surface-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-glow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:var(--space-4);animation:surface-enter var(--motion-mid) var(--motion-ease) both}.surface-card--hero{background:linear-gradient(140deg,#111c1cdb,#0c1617e0),radial-gradient(circle at 68% 45%,rgba(255,196,107,.12),transparent 55%)}.surface-card--section{background:linear-gradient(130deg,#121d1ebf,#111819e6)}.surface-card--list{background:linear-gradient(140deg,#0c1416d1,#0e1415bd)}.surface-card--subtle{background:linear-gradient(140deg,#0c13148a,#0c1112ad)}.surface-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.surface-header__text h2,.surface-header__text h3,.surface-header__text h4{font-weight:700}.surface-header__text p{margin-top:var(--space-1);color:var(--color-text-secondary)}.input-surface{display:grid;gap:var(--space-2)}.input-surface label{color:var(--color-text-secondary);font-size:.92rem}.input-surface__field{display:flex;align-items:center;border-radius:var(--radius-pill);border:1px solid rgba(208,233,228,.35);background:#121e1fc7;box-shadow:inset 0 0 0 1px #d6eeea14,0 0 26px #59ada329;padding-inline:var(--space-4)}.input-surface__control{width:100%;border:0;outline:none;background:transparent;color:var(--color-text-primary);padding:.78rem 0}.input-surface__control::placeholder{color:color-mix(in srgb,var(--color-text-secondary) 84%,transparent)}.media-tile{display:flex;align-items:center;gap:var(--space-3)}.media-tile--compact{gap:var(--space-2)}.media-tile__artwork{width:4.4rem;height:4.4rem;border-radius:var(--radius-md);object-fit:cover;border:1px solid rgba(217,241,237,.25)}.media-tile--compact .media-tile__artwork{width:3.1rem;height:3.1rem}.media-tile__artwork--fallback{background:radial-gradient(circle at 28% 28%,#4cddcfad,#11282adb),linear-gradient(145deg,#ffc46b33,#49c4b333)}.media-tile__meta{min-width:0}.media-tile__meta strong{display:block;font-size:1rem}.media-tile__meta p{color:var(--color-text-secondary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-view,.discover-view,.library-view,.profile-view{display:grid;gap:var(--space-5)}.home-view__episode-title{font-size:1.2rem;font-weight:700}.home-view__episode-progress,.home-view__empty-copy{margin-top:var(--space-2);color:var(--color-text-secondary)}.home-view__quick-picks-empty{display:grid;gap:var(--space-3)}.home-view__quick-picks-empty button,.discover-view__search-card>button,.discover-view__item-row>button{width:fit-content;border:0;border-radius:var(--radius-pill);background:linear-gradient(120deg,#44d8c8e6,#ffc46bd1);color:#081315;font-weight:700;padding:.56rem 1rem;cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease),filter var(--motion-fast) var(--motion-ease)}.home-view__quick-picks-empty button:hover,.discover-view__search-card>button:hover,.discover-view__item-row>button:hover{transform:translateY(-1px);filter:brightness(1.05)}.home-view__quick-picks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.discover-view__search-card,.discover-view__section-list,.discover-view__item-list{display:grid;gap:var(--space-3)}.discover-view__item-row{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid rgba(203,230,225,.16)}.discover-view__item-row:last-child{border-bottom:0;padding-bottom:0}.discover-view__import-card{display:grid;gap:var(--space-4)}.discover-view__import-card section{display:grid;gap:var(--space-3)}.discover-view__import-card input,.discover-view__import-card textarea,.profile-view input,.profile-view textarea,.profile-view select{border-radius:var(--radius-md);border:1px solid rgba(207,233,227,.24);background:#0d1819bf;color:var(--color-text-primary);padding:.62rem .72rem}.discover-view__import-card button,.profile-view button,.library-view button{border:1px solid rgba(206,234,228,.35);border-radius:var(--radius-pill);background:#121f20b8;color:var(--color-text-primary);padding:.5rem .85rem}.library-view section,.profile-view section{display:grid;gap:var(--space-3)}.library-view li,.profile-view li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.bottom-tab-nav{position:fixed;left:50%;bottom:max(.85rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,26rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;border:1px solid rgba(222,244,240,.34);border-radius:var(--radius-xl);padding:.35rem;background:linear-gradient(120deg,#d2e0dd94,#b5d0ca70);box-shadow:0 16px 36px #020a0b70;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:30}.bottom-tab-nav__button{border:0;border-radius:var(--radius-pill);background:transparent;color:#041012eb;padding:.6rem .5rem;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.bottom-tab-nav__button.is-active{background:linear-gradient(120deg,#44d8c857,#ffc46b4d);color:#022025;font-weight:700}.mini-player{position:fixed;left:50%;transform:translate(-50%);bottom:calc(6rem + env(safe-area-inset-bottom));width:min(90vw,30rem);display:grid;gap:var(--space-2);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid rgba(204,232,227,.3);background:linear-gradient(140deg,#0c1819e0,#0d1a1bc7);box-shadow:var(--shadow-soft);z-index:25}.mini-player button,.mini-player select{width:fit-content}@media(min-width:760px){.app-shell{padding-inline:var(--space-6)}.home-view__quick-picks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1080px){.app-shell{max-width:72rem}.app-shell__content{grid-template-columns:minmax(0,1fr)}.surface-card{padding:var(--space-5)}.home-view__quick-picks-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bottom-tab-nav{width:min(64vw,34rem)}}.app-shell.is-reduced-motion *{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){.app-shell *{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@keyframes surface-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}