@charset "UTF-8";
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url("./bebas-neue.ttf") format("truetype")}
:root{color-scheme:dark;--paper:#e5e5e5;--ink:#000000;--muted:#888888;--line:#333333;--accent:#ffffff;--feed-height:min(740px,calc(100dvh - 182px));font-family:Bahnschrift,'DIN Next','Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper)}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:12px;z-index:20;background:var(--paper);color:var(--ink);padding:15px}.skip-link:focus{top:12px}
.site-header{height:86px;padding:0 40px;border-bottom:1px solid #ffffff1a;background:#000;display:flex;align-items:center;gap:32px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:'Bebas Neue',sans-serif;letter-spacing:2px;font-size:24px;font-weight:900;color:#fff;white-space:nowrap}.brand img{object-fit:contain;width:32px;height:32px}.site-header nav{display:flex;gap:32px;align-items:center;height:100%;margin-left:auto;margin-right:0}.site-header nav a{font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:var(--paper);height:100%;display:flex;align-items:center;position:relative}.site-header nav a:hover,.site-header nav a[aria-current]{color:#fff}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{content:'';height:2px;background:var(--paper);position:absolute;left:0;right:0;bottom:-1px}.notify-button{background:transparent;border:1px solid #585858;border-radius:0;padding:10px 14px;display:flex;align-items:center;gap:9px;font-size:12px}.notify-button svg{width:16px;height:16px}.notify-button:hover{background:#202020}
.watch-layout{max-width:1200px;min-height:calc(100dvh - 86px);padding:28px 32px 18px;margin:auto;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(130px,.68fr);align-items:center;gap:70px}.intro{padding-bottom:35px}.kicker{font-size:10px;letter-spacing:2px;line-height:1.5;display:flex;align-items:center;gap:10px;font-weight:600}.tiny-line{display:inline-block;width:18px;height:1px;background:var(--paper)}h1{font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(55px,5.7vw,85px);line-height:.98;letter-spacing:4px;font-weight:400;margin:28px 0 21px;color:#fff}h1 span{color:var(--accent)}.intro-copy{font-size:15px;color:#b0b0b0;line-height:1.8}.intro-rule{width:34px;height:1px;background:#606060;margin:35px 0 25px}.instructions{display:flex;gap:12px;align-items:center;font-size:12px}.instructions svg{width:19px;height:19px}.key-hint{color:#707070;font-size:10px;margin-top:15px}kbd{font-family:inherit;border:1px solid #383838;border-radius:0;padding:2px 5px;margin-left:3px;color:#a8a8a8}.player-footer{height:36px;display:flex;align-items:center;justify-content:flex-end;background:#000}.privacy-link{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:32px;font-size:12px;color:#aaa;text-underline-offset:3px;padding:0 8px}.privacy-link:hover{color:#fff}.privacy-link:focus-visible{outline-offset:-2px}
.player-column{width:calc(var(--feed-height)*.5625);min-width:300px;position:relative}.player-frame{position:relative;height:var(--feed-height);width:100%;overflow:hidden;border-radius:0;background:#181818;box-shadow:0 0 0 1px #383838,0 20px 90px #0004}.frame-label{position:absolute;top:24px;left:22px;right:22px;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:4;color:white;text-shadow:0 1px 8px #000}.frame-label span:first-child{font:20px 'Bebas Neue',sans-serif;letter-spacing:1.1px}.frame-label .frame-watch-label{font-size:8px;letter-spacing:1.4px;border-left:1px solid #aaa;padding-left:8px}.feed{height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y;position:relative}.feed::-webkit-scrollbar{display:none}.feed-item{position:relative;width:100%;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;overflow:hidden;outline-offset:-4px!important}.media{position:absolute;inset:0;z-index:-2;background:#181818}.media video,.media img{width:100%;height:100%;object-fit:contain;display:block}.feed-item:has(video):after,.feed-item:has(.media img):after{content:'';pointer-events:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0005,transparent 24%,transparent 39%,#000b 76%,#000e)}
.video-toggle{position:absolute;inset:0;background:transparent;border:0;width:100%;height:100%;z-index:0}.video-toggle>svg{width:64px;height:64px;background:#0006;border-radius:50%;padding:18px;opacity:0;transition:opacity .2s}.video-toggle:focus-visible>svg,.video-toggle:hover>svg{opacity:1}.video-toggle[aria-label^="Play"]>svg{opacity:1}.play-state{position:absolute;top:17px;right:14px;z-index:5;border:0;border-radius:50%;height:42px;width:42px;display:flex;align-items:center;justify-content:center;background:#0005}.play-state svg{width:18px;height:18px}.post-content{position:absolute;bottom:62px;left:22px;right:74px;z-index:2;pointer-events:none}.post-content a{pointer-events:auto}.eyebrow{font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:1.6px;color:#e0e0e0;display:block;margin:0 0 12px}.post-content h2{font-family:'Bebas Neue',Impact,sans-serif;font-size:43px;line-height:1.04;letter-spacing:2px;font-weight:400;margin:0 0 13px;text-wrap:balance}.post-content p:not(.eyebrow){font-size:12px;line-height:1.65;color:#c8c8c8;margin:0}.post-content .post-cta,.post-content>a{display:inline-flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--paper);color:#111;padding:12px 15px;margin-top:19px;text-decoration:none;border-radius:0;font-size:12px;font-weight:600;min-height:44px}
.actions{position:absolute;right:11px;bottom:78px;display:flex;flex-direction:column;gap:17px;z-index:3}.action-button{border:0;background:transparent;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:49px;min-width:46px;padding:0;color:#fff}.action-button svg{width:26px;height:26px;filter:drop-shadow(0 1px 5px #0008)}.action-button span{font-size:9px;line-height:1.3}.like-button[aria-pressed=true]{color:#ffffff}.like-button[aria-pressed=true] svg{fill:currentColor}.action-button:hover{transform:translateY(-1px)}.video-progress{position:absolute;bottom:16px;left:21px;right:21px;display:flex;align-items:center;gap:11px;z-index:3}.video-progress input{min-width:0;flex:1;height:22px;accent-color:var(--paper);cursor:pointer}.time-label{font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#d0d0d0}.preview-caption{text-align:center;font-size:8px;letter-spacing:1.5px;color:#808080;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:6px}.preview-dot{height:4px;width:4px;border-radius:50%;background:#c0c0c0}.feed-navigation{align-self:center;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.feed-navigation #position{font-size:11px;letter-spacing:1px;color:#989898;margin-bottom:10px;font-variant-numeric:tabular-nums}.nav-arrow{width:43px;height:43px;border:1px solid #383838;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center}.nav-arrow svg{height:18px;width:18px}.nav-arrow:not(:disabled):hover{background:var(--paper);color:var(--ink)}.feed-navigation p{font-size:10px;color:#707070;line-height:1.8;margin-top:18px}
.feed-item[data-type=card],.feed-item.card-post{background:#1a1a1a;color:#fff;border-left:4px solid #fff}.feed-item[data-type=card]:before,.feed-item.card-post:before{content:'H';position:absolute;right:-12px;top:13%;font:440px/.9 'Bebas Neue',sans-serif;color:#222;z-index:-1;pointer-events:none}.feed-item[data-type=card] .post-content,.feed-item.card-post .post-content{top:28%;bottom:auto;left:27px;right:59px}.feed-item[data-type=card] .eyebrow,.feed-item.card-post .eyebrow{color:#aaa}.feed-item[data-type=card] h2,.feed-item.card-post h2{font-size:57px;line-height:.98}.feed-item[data-type=card] .post-content p,.feed-item.card-post .post-content p{color:var(--paper)}.feed-item[data-type=card] .post-content a,.feed-item.card-post .post-content a{background:#fff;border-color:#fff;color:#000}.feed-item[data-type=card] .actions,.feed-item.card-post .actions{bottom:34px}.feed-item[data-type=card] .action-button,.feed-item.card-post .action-button{color:#fff}.feed-item[data-type=card] .action-button svg,.feed-item.card-post .action-button svg{filter:none}.frame-label{mix-blend-mode:difference}.media-error{position:absolute;top:26%;left:22px;right:22px;z-index:6;background:#202020f2;border:1px solid #606060;border-radius:0;padding:20px;font-size:13px;line-height:1.5}.media-error button{min-height:44px;background:#383838;border:1px solid #707070;padding:8px 12px;margin:10px 8px 0 0;border-radius:0}.loading-message,.feed-error{padding:100px 30px;font-size:14px;line-height:1.7}.noscript-message{position:absolute;inset:0;background:#111;padding:100px 20px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);border-radius:0;background:var(--paper);color:#181818;z-index:20;font-size:12px;line-height:1.5;box-shadow:0 4px 24px #0005;text-align:center}.toast:not(:empty){padding:11px 18px}dialog{color-scheme:dark;background:#1a1a1a;color:var(--paper);border:1px solid #888;border-radius:0;padding:34px;width:430px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overflow-y:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font:42px/1.02 'Bebas Neue',sans-serif;letter-spacing:2px;margin:20px 0}dialog p{font-size:13px;line-height:1.65;color:var(--paper)}dialog .kicker{color:#aaa;font-size:10px}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;width:40px;height:40px;color:#fff}dialog label{display:block;font-size:11px;margin:22px 0 8px}dialog input{width:100%;padding:12px;background:#000;border:1px solid #888;border-radius:0;color:#fff;font-size:12px}.primary-button,.secondary-button{display:block;width:100%;min-height:46px;font-size:13px;border:1px solid #fff;border-radius:0;margin-top:15px;padding:12px;background:#fff;color:#000}.secondary-button{background:transparent;color:#fff}.fine-print,.notice-copy{font-size:11px!important}.dialog-privacy{display:block;font-size:11px;color:#aaa;margin-top:19px;text-underline-offset:3px}#notify-status{font-size:12px;border-left:2px solid #b0b0b0;padding-left:12px}#notify-status:empty{display:none}
@media(min-width:1100px) and (min-height:850px){.watch-layout{gap:90px}.intro{padding-bottom:60px}}
@media(max-width:1000px){.watch-layout{gap:24px;padding-left:24px;padding-right:24px;grid-template-columns:minmax(150px,1fr) auto 44px}.intro h1{font-size:65px;letter-spacing:2px}.feed-navigation p{display:none}.site-header{padding:0 26px}}
@media(max-width:760px){:root{--feed-height:calc(100dvh - 59px)}html,body{height:100%;overflow:hidden}.site-header{height:59px;padding:0 15px;gap:12px}.brand{font-size:18px;gap:8px;letter-spacing:1px}.brand img{width:24px;height:24px}.site-header nav{margin:0 0 0 auto;gap:14px}.site-header nav a{font-size:11px}.site-header .desktop-link{display:none}.notify-button{padding:7px 8px;min-height:34px;border-color:#404040;border-radius:0;font-size:10px;margin-left:8px;gap:6px}.notify-button svg{height:14px;width:14px}.watch-layout{display:block;padding:0;height:var(--feed-height);min-height:0;max-width:100%}.intro,.feed-navigation{display:none}.player-column{height:100%;width:100%;min-width:0;max-width:500px;margin:auto}.player-frame{height:100%;border-radius:0;box-shadow:none}.frame-label{top:19px;left:20px}.preview-caption{position:absolute;top:27px;left:131px;right:62px;margin:0;font-size:6px;letter-spacing:.8px;color:#d0d0d0;z-index:6;text-shadow:0 1px 4px #000}.preview-dot{width:3px;height:3px}.post-content{bottom:calc(66px + env(safe-area-inset-bottom));left:21px;right:74px}.post-content h2{font-size:45px}.post-content p:not(.eyebrow){font-size:12px}.actions{bottom:calc(84px + env(safe-area-inset-bottom));right:12px;gap:19px}.video-progress{bottom:calc(12px + env(safe-area-inset-bottom))}.toast{bottom:calc(24px + env(safe-area-inset-bottom));width:max-content}.feed-item[data-type=card] .post-content,.feed-item.card-post .post-content{top:26%}.feed-item[data-type=card] h2,.feed-item.card-post h2{font-size:61px}}
@media(max-height:650px){.post-content h2{font-size:33px}.post-content p:not(.eyebrow){font-size:11px}.post-content{bottom:55px}.actions{gap:10px;bottom:61px}.feed-item[data-type=card] .post-content,.feed-item.card-post .post-content{top:22%}.feed-item[data-type=card] h2,.feed-item.card-post h2{font-size:44px}.feed-item[data-type=card] .post-content a{margin-top:10px}.frame-label{top:15px}}
.video-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:white}.toggle-icon svg{width:58px;height:58px;background:#0007;border-radius:50%;padding:17px}.toggle-label{font-size:11px;text-shadow:0 1px 5px #000}.is-playing .toggle-icon,.is-playing .toggle-label{opacity:0}.is-playing .video-toggle:focus-visible .toggle-icon{opacity:1}.play-state .action-label{display:none}.play-state .action-icon{display:flex}.feed-empty{padding:110px 28px;line-height:1.6;font-size:14px}.feed-empty button{display:block;border:1px solid #787878;padding:12px;margin-top:20px;background:#282828}video::cue{background:#181818e8;color:#fff;font-size:16px}
@media(max-width:760px){.feed-navigation{display:flex;position:fixed;right:max(10px,calc((100vw - 500px)/2 + 10px));top:calc(50% - 54px);z-index:7;gap:6px}.feed-navigation #position,.feed-navigation p{display:none}.feed-navigation .nav-arrow{width:44px;height:44px;background:#1010104d;border-color:#ffffff38;color:white;backdrop-filter:blur(3px)}.feed-navigation .nav-arrow:disabled{opacity:.2}}
/* Published videos already carry their own headlines and captions. Keep them clear. */
.feed-item[data-type=video] .media video{object-fit:contain!important}
.feed-item[data-type=video]:after{background:linear-gradient(180deg,#0002,transparent 14%,transparent 82%,#0008)}
.feed-item[data-type=video] .post-content{bottom:calc(48px + env(safe-area-inset-bottom));left:18px;right:76px;text-shadow:0 1px 6px #0009}
.feed-item[data-type=video] .post-content .eyebrow{font-size:8px;line-height:1.35;letter-spacing:.8px;margin:0 0 5px;color:#e0e0e0}
.feed-item[data-type=video] .post-content h2{font-family:Bahnschrift,'DIN Next','Segoe UI',sans-serif;font-size:14px;line-height:1.3;letter-spacing:0;font-weight:600;margin:0;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feed-item[data-type=video] .post-description{position:absolute;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-height:650px){.feed-item[data-type=video] .post-content h2{font-size:12px}.feed-item[data-type=video] .post-content .eyebrow{font-size:7px;margin-bottom:3px}}
@media(max-width:400px){.notify-button{width:34px;min-width:34px;padding:7px;justify-content:center;margin-left:0}.notify-button span{display:none}.site-header:has(.notify-button:not([hidden])){gap:8px}.site-header:has(.notify-button:not([hidden])) .brand{font-size:15px;letter-spacing:.7px;gap:6px}.site-header:has(.notify-button:not([hidden])) nav{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* A stationary left-side hold speeds up playback without blocking vertical swipes. */
.video-toggle{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.speed-indicator{position:absolute;top:68px;left:18px;z-index:5;pointer-events:none;padding:6px 9px;border:1px solid #ffffff30;background:#000a;color:#fff;font-size:11px;font-weight:600;line-height:1;letter-spacing:.2px;font-variant-numeric:tabular-nums}
/* Keep the privacy link outside the video and within the phone viewport. */
@media(max-width:760px){
  :root{--feed-height:calc(100dvh - 95px - env(safe-area-inset-bottom))}
  .watch-layout{height:calc(100dvh - 59px)}
  .player-frame{height:var(--feed-height)}
  .player-footer{height:calc(36px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom)}
  .video-progress{bottom:12px}
  .feed-item[data-type=video] .post-content{bottom:48px}
  .actions{bottom:84px}
}

/* Notification choice stays separate from viewing and native browser permission. */
#notify-dialog .notify-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;margin:20px 0 10px}#notify-dialog .notify-consent input{width:18px;height:18px;min-width:18px;margin:1px 0 0;padding:0;accent-color:#fff}#notify-dialog button:disabled{opacity:.5;cursor:not-allowed}#notify-dialog .notice-copy a{text-underline-offset:3px}

.notify-records{margin-top:20px;font-size:12px;line-height:1.5}.notify-records summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.notify-records a{font-size:12px;text-underline-offset:3px}#notify-reference{overflow-wrap:anywhere}