:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f7f5;background:#000;font:16px/1.6 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#b2e0cd}header{border-bottom:1px solid #303637;justify-content:space-between;gap:16px;padding:16px clamp(24px,4vw,72px);display:flex}header span,.muted{color:#bec7c3}.brand{font-size:24px;font-weight:600;text-decoration:none}main{margin:16px 0;padding:0 clamp(24px,4vw,72px)}h1{letter-spacing:-1.5px;margin:12px 0 24px;font-size:clamp(32px,5vw,52px);font-weight:500;line-height:1.12}h2{font-size:22px;font-weight:500}p{margin:12px 0}.eyebrow{letter-spacing:2px;color:#b2e0cd;font-size:12px}.welcome{max-width:620px;margin:8vh auto}.panel{background:#090b0a;border:1px solid #39413d;border-radius:12px;margin:24px 0;padding:24px}label{gap:8px;margin:16px 0;display:grid}input,textarea,select{color:inherit;font:inherit;background:#000;border:1px solid #58635d;border-radius:7px;width:100%;max-width:100%;padding:12px}button{color:#f6f7f5;min-height:44px;font:inherit;cursor:pointer;background:#171c19;border:1px solid #58635d;border-radius:8px;padding:12px 20px}button:disabled{opacity:.6;cursor:not-allowed}.secondary{color:#f6f7f5;background:#101412}.check{align-items:center;display:flex}.check input{width:auto}.heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;display:grid}[role=alert]{color:#ffb7b0}:focus-visible{outline-offset:3px;outline:2px solid #b2e0cd}@media (width<=600px){header{padding:18px}header span{display:none}main{padding:0 18px}.panel{padding:18px}.heading{display:block}}.metrics{color:#bec7c3;flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.metrics strong{color:#f6f7f5}blockquote{border-left:2px solid #46504d;margin-left:12px;padding-left:20px}summary{cursor:pointer;padding:10px 0}.heatmap{gap:2px;height:60px;display:flex}.heatmap span{background:#b2e0cd;flex:1;min-width:0}.cover{object-fit:cover;border-radius:10px;width:120px;height:120px}footer{border-top:1px solid #303637;margin:24px 0 0;padding:16px clamp(24px,4vw,72px);font-size:13px}.check{min-height:44px}h1,h2,p,summary,a{overflow-wrap:anywhere}.visitor-context{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px;font-size:13px;display:grid}.visitor-context dt{color:#bec7c3}.visitor-context dd{overflow-wrap:anywhere;margin:0}.timeline-scale{color:#bec7c3;justify-content:space-between;font-size:12px;display:flex}.session-timeline{padding-left:22px;font-size:13px}.session-timeline li{padding:8px 0}.session-track{background:#303637;border-radius:3px;height:12px;margin-top:6px;position:relative;overflow:hidden}.session-track span{height:100%;display:block;position:absolute}.session-track .played{background:#b2e0cd}.session-track .skipped{background:#e7ac70}.session-track .backward{background:#c4a4ed}.session-track .marker{background:#f1f0ea}button:hover:not(:disabled),.icon-action:hover{background:#252e29;border-color:#a7b8ae}.player-panel{margin-top:16px}.version-picker{width:fit-content;max-width:100%;margin:0 0 16px;font-size:14px}.version-picker select{field-sizing:content;width:auto;max-width:100%;padding:8px 12px}.waveform{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;min-height:220px;margin-top:24px;position:relative}.waveform-selection{pointer-events:none;z-index:2;background:#bcebd633;border:1px solid #bcebd6;height:220px;position:absolute;top:0}.waveform-help{color:#bec7c3;margin:10px 0 18px;font-size:12px}.player-controls{align-items:center;gap:18px;width:fit-content;display:flex}.playback-time{font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}.icon-action{color:#edf3ef;background:#101412;border:1px solid #58635d;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;text-decoration:none;display:inline-flex}.icon-action[aria-pressed=true]{color:#c5f7df;background:#12251b;border-color:#c5f7df}.play-toggle{color:#c5f7df;border-color:#94c7ad;border-radius:50%;width:52px;height:52px}.track-actions{border-top:1px solid #39413d;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.tooltip{display:inline-flex;position:relative}.tooltip:after{content:attr(data-tooltip);pointer-events:none;color:#fff;opacity:0;visibility:hidden;z-index:10;background:#171c19;border:1px solid #74877a;border-radius:6px;width:max-content;max-width:240px;padding:5px 9px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover:after,.tooltip:focus-within:after{opacity:1;visibility:visible}.comment-dialog{overscroll-behavior:contain;color:#f6f7f5;background:#090b0a;border:1px solid #74877a;border-radius:14px;width:min(560px,100% - 32px);max-height:calc(100dvh - 48px);padding:28px;overflow-y:auto;box-shadow:0 24px 100px #000}.comment-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog-heading h2,.dialog-heading p{margin:0 0 8px}.dialog-heading h2{font-size:28px}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.comment-dialog textarea{resize:vertical}@media (width<=600px){.comment-dialog{padding:20px}.player-controls{gap:14px}.waveform-help{max-width:32em}}