*{box-sizing:border-box}:root{--dock-height:76px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}html,body{color:#f7f5ef;background:#0b0c0c;width:100%;height:100%;min-height:100%;margin:0;font-family:DM Sans,system-ui,sans-serif;overflow:hidden}body{min-height:100dvh}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}main{background:#111;height:100dvh;min-height:100svh;position:relative;overflow:hidden}.feed{z-index:1;scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;position:relative;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;background:#111;flex-direction:column;width:100%;height:100%;min-height:100%;display:flex;overflow:hidden}.player-shell{background:#111;flex:auto;min-height:0;position:relative;overflow:hidden}.clip-video{background:#111;border:0;width:100%;height:100%;position:absolute;inset:0}.player-layer{z-index:0;top:var(--safe-area-top);right:0;bottom:calc(var(--dock-height) + var(--safe-area-bottom));background:#111;justify-items:center;display:grid;position:absolute;left:0;overflow:hidden}.player-fit-frame{width:var(--player-fit-width,100%);background:#111;max-width:100%;height:100%;position:relative;overflow:hidden}.fixed-dock-layer{z-index:4;position:absolute;bottom:0;left:0;right:0}.active-player-card,.active-player-card .player-shell{background:0 0}.active-player-card .player-shell{pointer-events:none}.active-player-card .sound{right:16px;bottom:calc(var(--dock-height) + var(--safe-area-bottom) + 16px);pointer-events:auto}.player-gesture{pointer-events:auto;touch-action:pan-y;position:absolute;inset:0}.sound{z-index:1;-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);background:#ffffff05;border:1px solid #ffffff0d;border-radius:50%;width:32px;height:32px;position:absolute;bottom:16px;right:16px}.sound svg{width:18px;height:18px;margin:auto;display:block}.bottom-dock{z-index:2;flex:0 0 calc(var(--dock-height) + var(--safe-area-bottom));height:calc(var(--dock-height) + var(--safe-area-bottom));padding:0 16px var(--safe-area-bottom);-webkit-backdrop-filter:blur(32px)saturate(132%);backdrop-filter:blur(32px)saturate(132%);background:#090a0cc7;border:0;border-radius:20px 20px 0 0;position:relative;box-shadow:inset 0 1px #ffffff1a,0 -8px 22px #0000001f}.dock-content{width:100%;height:var(--dock-height);align-items:center;gap:0;display:flex}h1,h2{letter-spacing:-1.2px;margin:0;font-family:Fraunces,Georgia,serif;line-height:1}.dock-title{flex:68px;min-width:0}.dock-title h1{color:#ffffffdb;letter-spacing:-.22px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font:400 16px/1.08 DM Sans,system-ui,sans-serif;display:-webkit-box;overflow:hidden}.dock-divider{background:#fff3;flex:0 0 1px;width:1px;height:26px;margin:0 14px 0 9px}h2{font-size:32px}.dock-content>.watch-button{flex:0 0 clamp(100px,26vw,108px);justify-content:center;align-items:center;min-width:0;height:43px;padding:0 12px;display:inline-flex}.watch-button{color:#191a1b;letter-spacing:-.12px;text-align:left;white-space:nowrap;background:#f5f4f0;border:0;border-radius:999px;font-size:14px;font-weight:700;box-shadow:inset 0 1px 1px #ffffff2e}.watch-button span{font-size:inherit;font-weight:inherit;margin:0;line-height:1}.bar-actions{flex:none;align-items:center;gap:0;margin-left:6px;display:flex}.bar-actions .action-button{color:#fffffff5;background:0 0;border:0;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:44px;margin:0;padding:0;line-height:1;display:inline-flex;position:relative}.bar-actions .action-button:before{content:"";background:#ffffff03;border:1px solid #ffffff2b;border-radius:50%;width:32px;height:32px;position:absolute}.bar-actions .action-button svg{z-index:1;stroke-width:1.7px;flex:0 0 19px;width:19px;height:19px;display:block;position:relative}.bar-actions .action-button.active{color:#ffd0c7}.bar-actions .action-button.active:before{background:#ffb5a81f;border-color:#ffdad259}.filter-indicator{z-index:2;background:#cbb797;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:4px;box-shadow:0 0 0 2px #2d2f32c7}.backdrop{z-index:10;background:#0000008c;align-items:end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:550px;min-height:37vh;padding:31px 23px calc(env(safe-area-inset-bottom) + 26px);color:#1b1b18;background:#f5f2ea;border-radius:22px 22px 0 0;margin:0 auto;animation:.22s ease-out rise;position:relative}@keyframes rise{0%{transform:translateY(100%)}}.close{background:#e6e1d7;border:0;border-radius:50%;width:29px;height:29px;font-size:24px;line-height:20px;position:absolute;top:15px;right:18px}.menu-backdrop{background:0 0;display:block;position:absolute}.overflow-menu{right:16px;bottom:calc(var(--dock-height) + var(--safe-area-bottom) + 8px);color:#f7f5ef;-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);background:#161616f0;border:1px solid #ffffff1f;border-radius:14px;width:184px;padding:7px;position:absolute;box-shadow:0 10px 28px #00000047}.overflow-menu .close{display:none}.menu-actions{display:grid}.menu-actions button{width:100%;min-height:40px;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 9px;font-size:14px;font-weight:500;display:flex}.menu-actions button:hover{background:#ffffff14}.menu-actions span{color:#ffffff94}.menu-trailing{align-items:center;gap:7px;display:inline-flex}.filter-row-indicator{background:#cbb797;border-radius:50%;width:6px;height:6px}.eyebrow{color:#765e49;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 10px;font:10px DM Mono,monospace}.subtle{color:#777168;margin:8px 0 22px;font-size:14px}.provider-list{border-top:1px solid #d8d2c6;margin-top:24px}.provider-list a,.provider-list button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #d8d2c6;justify-content:space-between;padding:16px 1px;font-weight:600;text-decoration:none;display:flex}.provider-list span{color:#7a7167;font-size:13px;font-weight:400}.provider-list svg{vertical-align:middle;width:18px;height:18px}.watchlist-item{border-bottom:1px solid #d8d2c6;align-items:center;display:flex}.provider-list .watchlist-item>button{border-bottom:0}.provider-list .watchlist-remove{color:#7a7167;justify-content:center;align-items:center;width:36px;min-width:36px;height:48px;padding:0;font-size:18px;font-weight:400;line-height:1}.provider-list .watchlist-entry{flex:1;padding-left:0}.compact-confirmation{min-height:0;padding-top:28px}.compact-confirmation .close{display:none}.confirmation-actions{justify-content:flex-end;gap:9px;margin-top:26px;display:flex}.confirmation-actions button{color:#4f4a43;background:0 0;border:1px solid #d8d2c6;border-radius:999px;min-height:40px;padding:0 17px;font-size:14px;font-weight:600}.confirmation-actions button:last-child{color:#f5f2ea;background:#1b1b18;border-color:#1b1b18}.filter-sheet{min-height:0}.filter-help{color:#777168;max-width:36ch;margin:9px 0 20px;font-size:14px;line-height:1.35}.filter-select-all{color:#4f4a43;background:0 0;border:1px solid #d8d2c6;border-radius:999px;align-items:center;min-height:36px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.filter-select-all.selected{color:#1b1b18;background:#1b1b180a;border-color:#1b1b18}.service-pill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.service-pill{color:#4f4a43;text-align:center;text-overflow:ellipsis;background:0 0;border:1px solid #cfc7ba;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:6px 8px;font-size:12px;font-weight:600;line-height:1.1;display:inline-flex;overflow:hidden}.service-pill.selected{color:#1b1b18;background:#1b1b180a;border-color:#1b1b18}.availability-filter{border:0;border-top:1px solid #d8d2c6;gap:8px;margin:24px 0 0;padding:16px 0 0;display:grid}.availability-filter legend{color:#765e49;letter-spacing:1.1px;text-transform:uppercase;padding:0;font:10px DM Mono,monospace}.availability-choice{color:#4f4a43;text-align:left;background:0 0;border:1px solid #d8d2c6;border-radius:10px;justify-content:space-between;align-items:center;min-height:53px;padding:9px 11px;display:flex}.availability-choice span{gap:2px;display:grid}.availability-choice strong{font-size:14px;font-weight:600}.availability-choice small{color:#777168;font-size:12px}.availability-choice i{border:1px solid #a99f92;border-radius:50%;place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.availability-choice.selected{color:#1b1b18;background:#1b1b180a;border-color:#1b1b18}.availability-choice.selected i{border-color:#765e49}.availability-choice.selected i:after{content:"";background:#765e49;border-radius:50%;width:8px;height:8px}.filter-apply{color:#f7f5ef;background:#1b1b18;border:0;border-radius:999px;width:100%;min-height:43px;margin-top:22px;font-size:15px;font-weight:600}.filter-apply:disabled{cursor:not-allowed;color:#81796e;background:#cfc7ba}.filter-empty-state{z-index:5;color:#f7f5ef;text-align:center;background:#111111f0;align-content:center;min-height:100%;padding:28px;display:grid;position:relative}.filter-empty-state .eyebrow{color:#cbb797}.filter-empty-state h2{font-size:28px}.filter-empty-state .confirmation-actions{justify-content:center}.filter-empty-state .confirmation-actions button{color:#f7f5ef;border-color:#ffffff47}.filter-empty-state .confirmation-actions button:last-child{color:#1b1b18;background:#f5f2ea;border-color:#f5f2ea}form{display:grid}.stars{color:#ad7047;letter-spacing:2px;margin:20px 0 12px;font-size:32px}.stars button{color:inherit;font-size:inherit;background:0 0;border:0;padding:0 2px}textarea,input{color:#222;background:#fffdf7;border:1px solid #cfc7ba;border-radius:5px;width:100%;margin:5px 0;padding:12px}textarea{resize:vertical;min-height:90px}form .watch-button{color:#fff;background:#1b1b18;min-width:142px;margin-top:12px;padding:11px 14px}form .watch-button:disabled{cursor:not-allowed;opacity:.45}@media (min-width:700px){body{place-items:center;min-height:100dvh;display:grid}main{border-radius:18px;width:min(420px,100vw);height:min(100dvh,932px);min-height:min(100dvh,932px);overflow:hidden}}