html{scrollbar-gutter:stable;scroll-padding-top:140px}
body.watch-open{overflow:hidden}
.icon-library,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.header{position:fixed;height:88px;transition:background .2s}
.header.scrolled{background:#10120ff5;backdrop-filter:blur(16px)}
.search-panel{position:fixed;top:88px}
.hero{min-height:660px;height:82vh;max-height:880px}
.hero-content{padding-top:190px;padding-bottom:100px}
.hero-kicker{margin-top:0;font-size:12px;color:#c4c9bc}
.hero-description{font-size:14px}
.section-heading h2{font-size:37px}
.library{padding-top:38px;min-height:calc(100svh - 100px)}
.card-caption{letter-spacing:.6px;font-size:10px;text-transform:none}
.archive-link{font-size:12px;color:var(--muted)}
.archive-link:hover{color:var(--cream)}
#player.watch-dialog{position:fixed;inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;overflow:hidden;background:#050505;color:#fff;box-shadow:none}
.watch-shell{position:relative;width:100%;height:100%;background:#050505;outline:0;isolation:isolate}
#player #video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#050505;outline:0}
.watch-top{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:24px 32px 52px;background:linear-gradient(#000b,transparent);pointer-events:none;transition:opacity .2s}
.watch-top>*{pointer-events:auto}
.watch-title h2{font:500 17px var(--sans);letter-spacing:0;margin:0 0 6px;line-height:1.4}
.watch-title>span{font-size:11px;color:#bcbcbc;font-variant-numeric:tabular-nums}
.watch-logo{margin-left:auto;align-self:flex-start;width:100px;height:auto;filter:brightness(0) invert(1);opacity:.85}
.watch-button{height:44px;min-width:44px;padding:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:transparent;border:0;border-radius:5px;cursor:pointer;flex-shrink:0}
.watch-button:hover{background:#ffffff1c}
.watch-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.watch-button:focus-visible,.watch-panel select:focus-visible,.watch-controls input:focus-visible{outline:2px solid #d1dba8;outline-offset:3px}
#watch-back{position:static;background:none;border:0;width:44px;height:44px}
.watch-controls{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:60px 32px max(20px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000c 65%,#000e);transition:opacity .2s}
.watch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}
.watch-left,.watch-right{display:flex;align-items:center;gap:6px;min-width:0}
.watch-clock{display:flex;gap:9px;font-size:12px;font-variant-numeric:tabular-nums;margin-left:12px;white-space:nowrap;color:#ececec}
.clock-divider{color:#8e8e8e}
#watch-volume{width:82px;accent-color:#e5eacb;height:22px;margin:0 4px}
.watch-quality{font-size:12px;padding:9px 13px;background:#ffffff0c;max-width:190px;white-space:nowrap}
.watch-quality svg{width:21px;height:21px}
.watch-timeline{position:relative;height:24px;margin-bottom:10px;display:flex;align-items:center}
.watch-timeline progress{position:absolute;left:0;width:100%;height:3px;border:0;border-radius:3px;appearance:none;background:#ffffff26;pointer-events:none}
.watch-timeline progress::-webkit-progress-bar{background:#ffffff26;border-radius:3px}
#watch-buffered::-webkit-progress-value{background:#ffffff55}
#watch-buffered::-moz-progress-bar{background:#ffffff55}
#watch-played{background:transparent}
#watch-played::-webkit-progress-bar{background:transparent}
#watch-played::-webkit-progress-value{background:#d1dba8;border-radius:3px}
#watch-played::-moz-progress-bar{background:#d1dba8}
#watch-seek{position:relative;width:100%;margin:0;height:24px;appearance:none;background:transparent;cursor:pointer;accent-color:#d1dba8}
#watch-seek::-webkit-slider-runnable-track{height:3px;background:transparent}
#watch-seek::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#e7edcf;margin-top:-5px}
#watch-seek::-moz-range-track{height:3px;background:transparent}
#watch-seek::-moz-range-thumb{width:13px;height:13px;border:0;background:#e7edcf;border-radius:50%}
.watch-panel{position:absolute;z-index:6;background:#171917f5;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 12px 45px #0008;backdrop-filter:blur(20px);color:#eee;overflow:auto;max-height:calc(100dvh - 190px)}
.watch-panel header{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 10px 20px;border-bottom:1px solid #ffffff14}
.watch-panel h3{font:500 14px var(--sans);margin:0}
.settings-panel{right:32px;bottom:112px;width:320px;padding-bottom:10px}
.settings-panel>label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;margin:18px 20px}
.watch-panel select{font:12px var(--sans);border:1px solid #ffffff25;background:#252823;color:#fff;border-radius:5px;min-width:148px;max-width:185px;padding:10px}
.watch-panel p{font-size:11px;line-height:1.7;color:#a9afa3;margin:14px 20px 8px}
.stats-panel{right:32px;top:95px;width:355px}
.stats-panel dl{display:grid;grid-template-columns:1.15fr 1fr;gap:11px 10px;margin:18px 20px}
.stats-panel dt{font-size:11px;color:#acb1a6;line-height:1.5}
.stats-panel dd{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0;overflow-wrap:anywhere;color:#f3f4ed}
.watch-shell:not(.controls-visible) .watch-top,.watch-shell:not(.controls-visible) .watch-controls{opacity:0;pointer-events:none}
.watch-shell:not(.controls-visible){cursor:none}
.center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:76px;height:76px;background:#0007;border:1px solid #ffffff35;border-radius:50%;backdrop-filter:blur(8px)}
.center-play svg{width:31px;height:31px;margin-left:4px}
.watch-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}
.spinner{display:block;width:38px;height:38px;border:2px solid #ffffff30;border-top-color:#e0e8c4;border-radius:50%;animation:watch-spin .8s linear infinite}
.watch-error{position:absolute;left:50%;top:55%;transform:translateX(-50%);z-index:3;max-width:90%;padding:14px 20px;background:#181a18ee;border:1px solid #ffffff20;border-radius:7px;font-size:13px;line-height:1.6;text-align:center}
@keyframes watch-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.watch-top{padding:18px 14px 45px;gap:12px}.watch-logo{width:77px}.watch-title h2{font-size:14px}.watch-controls{padding:50px 12px max(14px,env(safe-area-inset-bottom))}.watch-left,.watch-right{gap:0}.watch-button{min-width:38px;height:42px;padding:8px}.watch-button svg{width:22px;height:22px}#watch-volume{display:none}.watch-clock{font-size:10px;gap:5px;margin-left:7px}.watch-quality{padding:8px;font-size:10px;gap:4px}.watch-quality svg{width:18px}.settings-panel{right:12px;bottom:100px;width:min(320px,calc(100% - 24px))}.stats-panel{right:12px;top:85px;width:min(355px,calc(100% - 24px))}#watch-pip{display:none}}
@media(max-width:460px){#watch-forward,#watch-rewind{display:none}.watch-logo{display:none}.header{height:92px}.header nav{gap:18px}.search-panel{top:92px}.hero{min-height:610px;height:80vh}.hero-content{padding-top:190px;padding-bottom:75px}.hero-kicker{margin-top:0}.hero h1{font-size:53px}.archive-nav{font-size:10px}.watch-quality{font-size:10px}#watch-mute{min-width:34px}}
@media(prefers-reduced-motion:reduce){.watch-top,.watch-controls,.header{transition:none}.spinner{animation-duration:1.5s}}

.settings-stats{display:block;margin:10px 20px 0;padding:8px 0;border:0;background:none;color:#d1dba8;font-size:12px;cursor:pointer}.settings-panel>label{font-size:13px}.watch-panel select{font-size:13px}@media(max-width:460px){#watch-stats{display:none}}