:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--surface:#121a16;--surface-raised:#1d2622;--brand:#5f7f73;--brand-deep:#2e5648;--accent:#e76f51;--text:#f3f1ec;--muted:#9db0a7;--focus:#f6aa91;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--surface);width:100%;min-width:0;height:100%;color:var(--text);margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.player-backdrop{background:var(--surface);isolation:isolate;justify-content:center;display:flex;position:fixed;inset:0}.player-blur{z-index:-2;background:var(--surface);display:none;position:absolute;inset:-8%;overflow:hidden}.player-blur:after{content:"";background:#121a1633;position:absolute;inset:0}.player-blur img{filter:blur(40px);object-fit:cover;opacity:.3;width:100%;height:100%;transform:scale(1.1)}.vertical-frame{background:#050706;width:min(100%,56.25dvh);height:min(100dvh,177.778vw);position:relative;overflow:visible}.vertical-feed{scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;width:100%;height:100%;overflow:hidden auto}.vertical-feed--wrapping-forward,.vertical-feed--wrapping-backward{overflow-anchor:none}.vertical-feed--wrapping-forward>.vertical-feed-item:first-child{transform:translateY(var(--wrap-distance))}.vertical-feed--wrapping-backward>.vertical-feed-item:last-child{transform:translateY(calc(-1 * var(--wrap-distance)))}.vertical-feed-wrap-spacer{scroll-snap-align:start;scroll-snap-stop:always;height:100%}.vertical-feed::-webkit-scrollbar{display:none}.vertical-feed-item{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100%}.vertical-stage{background:#050706;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.vertical-stage-placeholder,.media-placeholder{background:#050706;width:100%;height:100%}.media-surface{cursor:pointer;place-items:center;display:grid;position:absolute;inset:0}.media-surface--contained{background:radial-gradient(circle at 50% 45%,#5f7f732e,#0000 62%),#050706}.vertical-video{object-fit:cover;background:#050706;width:100%;height:100%;display:block}.vertical-video--contained{object-fit:contain}.vertical-progress{z-index:4;background:#ffffff2e;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.vertical-progress span{background:var(--text);height:100%;transition:width .12s linear;display:block}.media-timeline{right:0;bottom:max(4px, env(safe-area-inset-bottom));z-index:8;pointer-events:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 12px 7px;display:grid;position:absolute;left:0}.media-timeline>input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.media-timeline-track{cursor:pointer;touch-action:none;background:#ffffff4d;height:3px;transition:height .16s;position:relative}.media-timeline-track:before{content:"";position:absolute;inset:-12px 0}.media-timeline:hover .media-timeline-track,.media-timeline:focus-within .media-timeline-track,.media-timeline--dragging .media-timeline-track{height:8px}.media-timeline-track span{background:#fff;border-radius:0 999px 999px 0;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.media-timeline--dragging .media-timeline-track span{transition:none}.volume-control input{width:100%;accent-color:var(--accent);cursor:pointer}.media-timeline output{color:#ffffffdb;font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 1px 5px #000000d9;min-width:72px;font-size:.72rem}.media-timeline--edge{bottom:env(safe-area-inset-bottom,0px);grid-template-columns:1fr;align-items:end;height:32px;padding:0}.media-timeline--edge output{pointer-events:none;min-width:0;font-size:.75rem;position:absolute;bottom:12px;right:10px}.media-timeline--edge .media-timeline-track:before{inset:-29px 0 0}.media-timeline--edge:focus-within{outline:2px solid var(--focus);outline-offset:-2px}.media-status-layer{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.media-status{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;pointer-events:auto;background:#0a0e0cd1;border:1px solid #ffffff21;border-radius:16px;place-items:center;gap:8px;max-width:min(82%,340px);padding:14px 17px;font-size:.82rem;display:grid;box-shadow:0 16px 42px #00000057}.media-status--quiet{pointer-events:none;border-radius:999px;grid-template-columns:auto 1fr;padding:10px 13px}.media-status--quiet .message-spinner{border-width:2px;width:20px;height:20px}.media-status button,.media-control-row button{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 12px;display:inline-flex}.media-status button svg,.media-control-row button svg{width:20px;height:20px}.media-status-play{width:58px;height:58px;background:#ffffff2e!important;padding:0!important}.media-status-play svg{fill:currentColor;width:27px!important;height:27px!important}.media-paused-feedback{pointer-events:auto}.media-paused-feedback button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid}.vertical-gradient{pointer-events:none;background:linear-gradient(#0000,#0000007a 48%,#000000f5);position:absolute;inset:30% 0 0}.vertical-gradient--expanded{background:linear-gradient(#0006,#000c 40%,#000000f2);inset:0}.vertical-content{inset:auto 0 calc(env(safe-area-inset-bottom) + 40px);pointer-events:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:12px 8px 0;display:grid;position:absolute}.vertical-stage--full .vertical-content{inset-block-end:max(104px, calc(env(safe-area-inset-bottom) + 96px))}.vertical-copy{filter:drop-shadow(0 2px 8px #000000b3);pointer-events:auto;flex-direction:column;gap:7px;min-width:0;display:flex}.project-copy{pointer-events:auto;flex-direction:column;gap:4px;min-width:0;display:flex}.project-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.project-description{color:#ffffffe6;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;font-size:.75rem;line-height:1.4;display:block}.project-description:disabled{cursor:default}.project-description>span{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-copy--expanded .project-description>span{overscroll-behavior:contain;max-height:40dvh;display:block;overflow-y:auto}.project-copy a{background:color-mix(in srgb, var(--accent) 50%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-top:8px;padding:6px 10px 6px 12px;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.project-copy a span{overflow-wrap:anywhere;min-width:0}.project-copy a svg{flex-shrink:0;width:13px;height:13px}.vertical-actions{pointer-events:auto;flex-direction:column;gap:12px;padding-bottom:4px;display:flex}.vertical-actions button{cursor:pointer;filter:drop-shadow(0 2px 8px #000000d9);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-width:32px;padding:0;display:flex}.vertical-actions svg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);stroke-width:2px;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;width:30px;height:30px;padding:8px;transition:transform .15s,background .15s}.vertical-actions button:hover svg{background:#ffffff2e;transform:scale(1.05)}.vertical-actions button:active svg{transform:scale(.9)}.vertical-actions span{font-size:.625rem;font-weight:500}.subtitle-control{filter:drop-shadow(0 2px 8px #000000d9);flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.subtitle-control svg{width:30px;height:30px}.subtitle-control>span{font-size:.7rem;font-weight:650}.subtitle-control select{width:52px;min-height:28px;color:var(--text);font:inherit;background:#0a0e0cc7;border:1px solid #ffffff2e;border-radius:7px;padding:2px 4px;font-size:.68rem}.media-control-deck{z-index:8;padding:10px 12px max(9px, env(safe-area-inset-bottom));pointer-events:auto;background:linear-gradient(#0000,#0000008a,#000000eb);gap:3px;display:grid;position:absolute;bottom:0;left:0;right:0}.media-capability-error{color:#ffd8ce;text-align:right;padding:0 12px 8px;font-size:.75rem}.media-control-deck .media-timeline{padding:2px 0 0;position:static}.media-control-row{align-items:center;gap:6px;min-width:0;display:flex}.media-control-row button{width:42px;min-width:42px;padding:0}.media-control-row .message-spinner{border-width:2px;flex:0 0 20px;width:20px;height:20px}.media-control-spacer{flex:1}.volume-control{align-items:center;gap:2px;width:min(32%,140px);min-width:82px;display:grid}.volume-control span{color:var(--muted);font-size:.64rem}.audio-artwork{background:#050706;position:absolute;inset:0;overflow:hidden}.audio-artwork img{object-fit:contain;width:100%;height:100%;display:block}.audio-artwork-fallback{width:44px;height:44px;color:var(--muted);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-element{opacity:0;width:1px;height:1px;position:absolute}.desktop-skip-controls{z-index:10;flex-direction:column;gap:10px;display:none;position:absolute;bottom:48px;right:-62px}.desktop-skip-controls button,.playlist-drawer header button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#151b18b8;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;box-shadow:0 10px 30px #00000047}.desktop-skip-controls button:disabled{cursor:default;opacity:.3}.drawer-scrim{z-index:20;background:#0000001a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.playlist-drawer{width:min(100%,576px);height:100dvh;padding:0 12px max(24px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(64px)hue-rotate(10deg);backdrop-filter:blur(64px)hue-rotate(10deg);border:1px solid #00000008;border-radius:32px 32px 0 0;flex-direction:column;animation:.5s cubic-bezier(.32,.72,0,1) drawer-enter;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a;container-type:inline-size}.playlist-drag-handle{touch-action:none;cursor:grab;place-items:center;min-height:32px;display:grid}.playlist-drawer--closing{animation:.5s cubic-bezier(.32,.72,0,1) forwards drawer-exit}@keyframes drawer-exit{0%{transform:translateY(var(--drawer-offset,0px))}to{transform:translateY(100%)}}.playlist-drag-handle span{background:#9db0a74d;border-radius:99px;width:48px;height:6px}@keyframes drawer-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}.playlist-drawer header{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 0 8px 8px;display:flex}.playlist-drawer h2{margin:0;font-size:1.125rem}.playlist-drawer header button{background:#0000001a;border:1px solid #00000008;width:44px;height:44px}.playlist-drawer ol{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.playlist-drawer li{background:#ffffff08;border:1px solid #0000;border-radius:12px;position:relative}.playlist-drawer li .playlist-row-select{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;width:100%;min-height:78px;padding:12px;display:grid}.playlist-drawer .playlist-row--active{background:color-mix(in srgb, var(--accent) 60%, transparent);border-color:#00000008}.playlist-row--active .playlist-row-select{padding-right:72px!important}.playlist-row-playback{-webkit-backdrop-filter:blur(64px)hue-rotate(10deg);backdrop-filter:blur(64px)hue-rotate(10deg);cursor:pointer;background:#0000001a;border:1px solid #00000008;border-radius:50%;place-items:center;width:44px;height:44px;padding:8px;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.playlist-row-playback svg{width:20px;height:20px}.playlist-drawer li img{object-fit:contain;background:#090c0a;border-radius:6px;width:48px;height:85px}.playlist-drawer li span{flex-direction:column;gap:4px;min-width:0;display:flex}.playlist-drawer li small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-drawer li strong{-webkit-line-clamp:2;color:color-mix(in srgb, var(--text) 60%, transparent);-webkit-box-orient:vertical;font-size:1.125rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.playlist-drawer li small{color:color-mix(in srgb, var(--text) 60%, transparent);font-size:1rem;line-height:1.625}.playlist-drawer .playlist-row--active strong,.playlist-drawer .playlist-row--active small{color:var(--text)}.playlist-drawer .playlist-row--active strong{font-weight:700}@container (width<=249px){.playlist-drag-handle{min-height:16px}.playlist-drag-handle span{width:24px;height:3px}.playlist-drawer header{padding:0 0 4px 4px}.playlist-drawer h2{font-size:.75rem}.playlist-drawer header button{width:28px;height:28px;padding:6px}.playlist-drawer header button svg{width:16px;height:16px}.playlist-drawer ol{gap:4px}.playlist-drawer li .playlist-row-select{grid-template-columns:20px minmax(0,1fr);gap:8px;min-height:48px;padding:4px}.playlist-drawer li img{width:20px;height:36px}.playlist-drawer li strong{-webkit-line-clamp:1;font-size:.75rem}.playlist-drawer li small{font-size:.625rem}.playlist-row-playback{width:28px;height:28px;padding:5px;right:4px}.playlist-row--active .playlist-row-select{padding-right:36px!important}}.player-empty,.player-recovery{z-index:30;top:max(8px, env(safe-area-inset-top));color:#fff;background:#121212e6;border-radius:12px;max-width:calc(100% - 24px);padding:8px 12px;font-size:12px;position:fixed;left:50%;transform:translate(-50%)}.player-recovery button{margin-left:4px;text-decoration:underline}.player-message{background:var(--surface);width:100%;height:100%;color:var(--muted);text-align:center;place-items:center;display:grid}.carousel-player{--carousel-card-width:calc(100dvh * 9 / 16);--carousel-reel-width:min(var(--carousel-card-width), calc(100dvh * 9 / 16), 100vw);width:100%;height:calc(var(--carousel-reel-width) * 16 / 9);background:var(--surface);position:relative;overflow:hidden}.carousel-feed{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;width:100%;height:100%;display:flex;overflow:auto hidden}.carousel-feed::-webkit-scrollbar{display:none}.carousel-feed-item{width:var(--carousel-reel-width);scroll-snap-align:start;scroll-snap-stop:always;flex:none;height:100%}.carousel-empty{width:100%;height:100%;color:var(--muted);text-align:center;place-content:center;gap:7px;padding:28px;display:grid}.carousel-empty strong{color:var(--text);font-size:1.05rem}.carousel-card{cursor:pointer;background:#050706;width:100%;height:100%;display:block;position:relative;overflow:hidden;container-type:inline-size}.carousel-video{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.01)}.carousel-gradient{pointer-events:none;background:linear-gradient(#0000 28%,#00000061 55%,#000000eb);position:absolute;inset:0}.carousel-copy{pointer-events:none;filter:drop-shadow(0 2px 8px #000000b3);flex-direction:column;gap:6px;padding:80px 14px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.carousel-pip{pointer-events:auto}.carousel-previous,.carousel-next{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#151b18b8;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 28px #00000057}.carousel-previous{left:16px}.carousel-next{right:16px}.carousel-previous:disabled,.carousel-next:disabled{opacity:.35;cursor:default}.player-empty{align-content:center;gap:5px}.player-message>div{place-items:center;gap:14px;max-width:340px;padding:28px;display:grid}.player-message h1{color:var(--text);margin:0;font-size:1rem}.message-spinner,.message-mark{border:3px solid #ffffff24;border-radius:50%;width:34px;height:34px;display:block}.message-spinner{border-top-color:var(--brand);animation:.8s linear infinite player-spin}.message-mark:after{color:var(--accent);content:"!";font-weight:800;line-height:28px;display:block}@keyframes player-spin{to{transform:rotate(360deg)}}@media (width>=680px){.player-blur{display:block}.vertical-frame{aspect-ratio:9/16;width:auto;height:min(100dvh,177.778vw - 256px);box-shadow:0 0 80px #0000006b}.vertical-frame--wide{aspect-ratio:16/9;align-self:center;width:min(100vw - 144px,177.778dvh);height:auto}.vertical-frame--audio{aspect-ratio:9/16;width:auto;height:min(100dvh,177.778vw - 256px)}.desktop-skip-controls{display:flex}}@container (width>=250px){.project-copy strong{font-size:1.125rem}.project-description{font-size:1rem}.project-copy a{font-size:.875rem}.vertical-content{padding-inline:12px}.vertical-actions svg{width:42px;height:42px;padding:10px}.vertical-actions span{font-size:.75rem}.subtitle-control select{width:64px}}@container (width<=249px){.vertical-copy{display:none}.vertical-content{grid-template-columns:1fr;justify-items:end;padding:0 8px;inset-block-end:calc(env(safe-area-inset-bottom) + 32px)}.vertical-stage--full .vertical-content{inset-block-end:max(104px, calc(env(safe-area-inset-bottom) + 96px))}.vertical-actions{gap:6px;padding-bottom:0}.vertical-actions button span{display:none}.media-control-deck{padding-inline:6px}.media-control-row{flex-wrap:wrap;gap:4px}.media-control-row button{width:30px;min-width:30px;min-height:30px}.volume-control{width:48px;min-width:48px}.media-timeline output{min-width:0;font-size:.625rem}.subtitle-control>span{font-size:.625rem}.subtitle-control select{width:44px;font-size:.6rem}.media-status{padding:8px;font-size:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=249px){.playlist-drawer{padding:0 4px max(6px, env(safe-area-inset-bottom));border-radius:12px 12px 0 0}}