:root{color-scheme:dark;font-family:Arial,sans-serif;background:#101416;color:#edf1ef;--muted:#99aaa7;--accent:#d6ef9e}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #42514e;background:transparent;color:inherit;border-radius:4px;min-height:40px;padding:10px 15px;font-size:10px;font-weight:bold;letter-spacing:.08em}button:hover{background:#25312d}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.watch-shell{max-width:1120px;margin:auto;padding:0 32px}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a3633}.wordmark{color:white;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-1px;position:relative;padding-bottom:13px}.wordmark span{font-weight:400;color:#b2c1bc}.wordmark small{position:absolute;left:0;bottom:0;font-size:8px;letter-spacing:.4em;color:var(--accent)}.test-label{font-size:9px;letter-spacing:.13em;color:var(--muted)}.intro{padding:48px 0 30px}.eyebrow{font-size:9px!important;font-weight:bold;letter-spacing:.15em;color:var(--accent)!important;margin:0 0 13px!important}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;font-weight:500;margin:0 0 14px}p{line-height:1.65;color:var(--muted);font-size:13px;margin:0}.player{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border:1px solid #32413b;border-radius:7px 7px 0 0}.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.slate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,#23352e,#111b17 65%,#0c100e)}.signal-mark{font-size:42px;color:var(--accent);margin-bottom:18px}.slate h2{font-size:clamp(22px,3vw,32px);font-weight:400;letter-spacing:-.7px;margin:0 0 12px}.slate p{max-width:420px}.primary{margin-top:26px;background:var(--accent);border-color:var(--accent);color:#142017;min-width:155px}.primary:hover{background:#e6ffc0}.primary span{margin-left:20px}.live-pill{flex:none;white-space:nowrap;background:#ac332d;color:#fff;padding:7px 10px;border-radius:3px;font-size:9px;letter-spacing:.1em}.player-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;background:#101416;border:1px solid #32413b;border-top:0;border-radius:0 0 7px 7px}.connection{display:flex;gap:8px;align-items:center;font-size:11px;color:#b4c4bc}#status-dot{width:6px;height:6px;background:#75887e;border-radius:50%}#status-dot.live{background:var(--accent)}.controls{display:flex;align-items:center;gap:12px}.controls button{border:0;padding:6px;font-size:9px;min-height:32px}.volume-label{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted)}input[type=range]{width:75px;accent-color:var(--accent)}#sound-overlay{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#101c17ef;border-color:var(--accent);white-space:nowrap}.below{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding:38px 0 42px}.below h2{font-size:24px;font-weight:400;letter-spacing:-.5px;margin:0 0 12px}.below h3{font-size:14px;font-weight:500;margin:0 0 13px}.below p{font-size:12px}.below button{margin-top:18px}.below aside{border-left:1px solid #2a3633;padding-left:32px}.below aside p+p{margin-top:10px}#share-url{display:block;width:100%;margin-top:10px;background:#1b2420;border:1px solid #42514e;padding:10px;color:#edf1ef}#share-status{margin-top:10px;font-size:11px}footer{border-top:1px solid #2a3633;padding:22px 0;display:flex;justify-content:space-between;font-size:9px;color:#768b81;letter-spacing:.08em}.player:fullscreen{width:100%;height:100%;border:0;border-radius:0;aspect-ratio:auto}.player:fullscreen video{object-fit:contain}@media(max-width:650px){.watch-shell{padding:0 16px}header{height:76px}.test-label{font-size:7px;max-width:110px;text-align:right;line-height:1.6}.intro{padding:32px 0 24px}h1{letter-spacing:-1px}.intro>p:last-child{font-size:12px}.player-bar{padding:10px;flex-wrap:wrap;gap:6px}.controls{margin-left:auto;gap:8px}.volume-label{font-size:0}.volume-label input{width:50px}.slate{padding:14px}.signal-mark{font-size:26px;margin-bottom:8px}.slate h2{font-size:21px;margin-bottom:7px}.slate p{font-size:11px}.primary{margin-top:13px;min-height:36px}.below{grid-template-columns:1fr;gap:30px;padding-top:28px}.below aside{padding:0;border-left:0}}
.audience-bar{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #2a3633}.heart-wrap{position:relative}#heart{min-width:40px;width:40px;height:40px;padding:0;border-color:#ac332d;background:transparent;color:#ac332d;font-size:14px}#heart>span:first-child{font-size:22px;vertical-align:middle;margin-right:0}.audience-copy{flex:1}.audience-copy strong{font-size:13px;font-weight:500}.audience-copy p{font-size:10px;margin-top:5px}.tip-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 15px;background:#1b2822;color:#c2d2c7;border:1px solid #42564a;border-radius:4px;text-decoration:none;font-size:10px;font-weight:bold;letter-spacing:.08em}.tip-button:hover{background:#293a30;color:#edf1ef}#heart-burst{position:absolute;inset:0;pointer-events:none}#heart-burst span{position:absolute;left:8px;top:0;color:#ac332d;font-size:26px;animation:heart-rise .9s ease-out forwards}@keyframes heart-rise{from{transform:translateY(0) scale(.8);opacity:1}to{transform:translateY(-65px) scale(1.35) rotate(12deg);opacity:0}}@media(prefers-reduced-motion:reduce){#heart-burst span{animation:none;display:none}}@media(max-width:600px){.audience-bar{gap:12px;flex-wrap:wrap}.audience-copy{min-width:170px}.tip-button,#tip-unavailable{margin-left:auto}}

.tip-wrap{max-width:275px;text-align:right}.tip-wrap p{font-size:12px;color:var(--muted,#a7b2ac);line-height:1.5;margin:8px 0 0}@media(max-width:600px){.tip-wrap{max-width:none;width:100%;text-align:left}}

#slate-message{white-space:pre-line}
.ticker-viewer{background:#151e1b;border:1px solid #32413b;border-top:0;padding:12px 18px}.ticker-viewer p{color:#f4f7f5;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.ticker-viewer a{display:inline-block;margin-top:5px;color:#d6ef9e;text-underline-offset:3px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;max-width:100%}

.delivery-details{margin:16px 0;color:#a9b3ba;font-size:12px}.delivery-details summary{cursor:pointer}.delivery-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.6}

header{margin-bottom:24px}.tip-wrap{display:flex;align-items:center;gap:8px;position:relative}.tip-info{position:relative;text-align:left}.tip-info summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;min-width:40px;min-height:40px;color:#a7bcb0;font-size:19px;border-radius:4px}.tip-info summary::-webkit-details-marker{display:none}.tip-info summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tip-info[open] summary,.tip-info summary:hover{background:#25312d}.tip-info>p{position:absolute;right:0;bottom:calc(100% + 8px);z-index:5;width:210px;max-width:calc(100vw - 40px);padding:12px;background:#25312d;border:1px solid #53665b;border-radius:6px;box-shadow:0 5px 20px #0005;color:#edf1ef;font-size:12px;line-height:1.5;margin:0}@media(max-width:600px){header{margin-bottom:18px}.tip-wrap{justify-content:flex-end}.tip-wrap .tip-button{margin-left:0}}
/* Quiet volume control; retain a generous touch target and visible keyboard focus. */
#volume{appearance:none;-webkit-appearance:none;height:32px;margin:0;background:transparent;cursor:pointer;accent-color:#91a399}
#volume::-webkit-slider-runnable-track{height:3px;background:#53645b;border-radius:3px}
#volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;background:#91a399;border:1px solid #a6b5ae;border-radius:50%}
#volume::-moz-range-track{height:3px;background:#53645b;border-radius:3px}
#volume::-moz-range-progress{height:3px;background:#53645b;border-radius:3px}
#volume::-moz-range-thumb{width:12px;height:12px;background:#91a399;border:1px solid #a6b5ae;border-radius:50%}

.heart-wrap{display:flex;align-items:center;gap:8px}#heart-count{color:var(--muted);font-size:11px}#heart:hover:not(:disabled){background:transparent;border-color:#cd5b55;color:#cd5b55}#heart-message:empty{display:none}

#share-heading{font-size:16px;letter-spacing:0;margin-bottom:10px}

.audience-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.audience-bar .tip-wrap{width:auto;max-width:none;justify-content:flex-end;gap:4px}.audience-bar .heart-wrap{gap:6px}.audience-bar .tip-info summary{min-width:30px}.heart-info>p{left:0;right:auto;width:160px}.heart-feedback{grid-column:1/-1;font-size:11px}.heart-feedback:empty{display:none}@media(max-width:360px){.audience-bar{gap:6px}.audience-bar .tip-button{padding:10px}.audience-bar .heart-wrap{gap:4px}}

/* Compact tipping icon; keep the separate information bubble beside it. */
.audience-bar .tip-button{width:40px;height:40px;min-height:40px;padding:0;background:transparent;border-color:transparent;letter-spacing:0}.tip-button svg{display:block;flex:none}.audience-bar .tip-button:hover{background:#1b2822;border-color:#42564a}
.channel-label{font-size:14px;color:#a6b8af;margin:12px 0 0}.watch-shell>header{flex-wrap:wrap}