:root{color-scheme:dark;--bg: #000000;--text: #ededed;--brand: #3291ff;--brand-hover: #ffffff;--grey: #a1a1a1;--hairline: #333333;--surface: #111111;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-doto: "Doto", var(--font-sans);--content-width: 1160px;--spacing: 30px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font:400 17px/1.65 var(--font-sans);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal}::selection{background:#3291ff4d}h1,h2,h3{font-weight:600;color:#fff;letter-spacing:-.01em;margin:0 0 15px}a{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;transition:color .15s ease}a:visited{color:var(--brand)}a:hover{color:var(--brand-hover);text-decoration-thickness:2px}.wrapper{max-width:calc(var(--content-width) - var(--spacing) * 2);margin:0 auto;padding:0 var(--spacing)}@media screen and (max-width: 800px){.wrapper{max-width:calc(var(--content-width) - var(--spacing));padding:0 calc(var(--spacing) / 2)}}.site-header{border-bottom:1px solid var(--hairline);min-height:56px}.site-header .wrapper{display:flex;align-items:center;justify-content:space-between}.site-title{font-family:var(--font-doto);font-size:clamp(17px,4.6vw,26px);font-weight:700;line-height:56px;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.site-title,.site-title:visited{color:#ededed}.site-title:hover{color:#fff;text-decoration:none}.site-nav{line-height:56px}.site-nav a{color:var(--text);text-decoration:none}.site-nav a:hover{color:#fff}.site-nav a:not(:last-child){margin-right:20px}.page-content{padding:var(--spacing) 0}.page-lede{color:var(--grey);font-size:15px;margin:-6px 0 24px}.gallery-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px}.gallery-toolbar input[type=search]{flex:1;min-width:0;max-width:380px;background:var(--surface);color:var(--text);border:1px solid var(--hairline);border-radius:6px;padding:8px 12px;font:400 14px var(--font-sans);outline:none}.gallery-toolbar input[type=search]:focus{border-color:var(--brand)}.gallery-count{margin-left:auto;color:var(--grey);font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px 16px}.video-card{display:flex;flex-direction:column;gap:8px;min-width:0}.video-card .thumb{display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:var(--surface) center/cover no-repeat;border:1px solid var(--hairline);position:relative}.video-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.video-card .thumb:hover img{transform:scale(1.03)}.badge-3d{position:absolute;right:8px;bottom:8px;background:#000000bf;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px}.video-card .title{font-size:14.5px;font-weight:500;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}.video-card .title:hover{color:#fff}.video-card .meta{color:var(--grey);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;gap:8px;margin-top:2px}.card-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:30px;padding:0 10px;border:1px solid var(--hairline);border-radius:6px;background:var(--surface);color:var(--text);font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s ease,color .15s ease}.card-btn:hover{color:#fff;border-color:#555;text-decoration:none}.card-btn.primary{border-color:#3291ff8c;color:var(--brand)}.card-btn.primary:hover{border-color:var(--brand);color:#fff}.card-btn.disabled{color:#555;pointer-events:none}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--hairline);border-radius:6px;background:var(--surface);color:var(--text);font:500 13px var(--font-sans);cursor:pointer;transition:border-color .15s ease,color .15s ease}.toolbar-btn:hover{border-color:#555;color:#fff}.toolbar-btn.active{border-color:var(--brand);color:var(--brand)}.video-view video{width:100%;max-height:62vh;background:#000;border-radius:8px;border:1px solid var(--hairline);outline:none;cursor:pointer}.video-stage{position:relative}.video-stage video{width:100%;max-height:62vh;background:#000;border-radius:8px;border:1px solid var(--hairline);outline:none;cursor:pointer;object-fit:contain}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.45);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:4px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.video-play-overlay:hover{background:rgba(0,0,0,.65);border-color:var(--brand);transform:translate(-50%,-50%) scale(1.06)}.transport{display:flex;align-items:center;gap:6px;margin-top:8px}.t-row{display:flex;align-items:center;gap:6px;min-width:0}.t-primary{flex:1}.transport button{flex-shrink:0;min-width:38px;height:34px;padding:0 8px;border:1px solid var(--hairline);border-radius:6px;background:var(--surface);color:var(--grey);font:500 12.5px var(--font-sans);cursor:pointer}.transport button:hover{color:#fff;border-color:#555}.transport .play-btn{width:40px;height:40px;min-width:40px;border-radius:999px;color:var(--text);font-size:13px}.transport .scrubber{flex:1;min-width:40px}.transport .time-display{flex-shrink:0}.video-headline{margin:14px 0 4px}.video-headline h1{font-size:18px;line-height:1.35;margin:0 0 4px}.video-headline .view-meta{margin:0 0 8px}.icon-link{display:inline-flex;align-items:center;vertical-align:middle;color:var(--grey)}.icon-link:hover{color:#fff}.view-meta{color:var(--grey);font-size:13.5px;margin:10px 0 4px}.view-actions{margin:10px 0 24px;font-size:14px}.view-actions a:not(:last-child){margin-right:18px}.timeline{position:relative;height:34px;background:var(--surface);border:1px solid var(--hairline);border-radius:6px;margin:14px 0 8px;cursor:pointer}.timeline .marker{position:absolute;top:0;bottom:0;width:2px;opacity:.9}.timeline .playhead{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;box-shadow:0 0 6px #fff9}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--grey);font-size:12.5px;margin-bottom:18px}.legend .chip:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;background:var(--chip-color, var(--grey))}.segment-table{width:100%;border-collapse:collapse;font-size:14px}.segment-table th,.segment-table td{text-align:left;padding:7px 12px 7px 0;border-bottom:1px solid var(--hairline)}.segment-table th{color:var(--grey);font-weight:500;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}.segment-table .time-link{font-variant-numeric:tabular-nums}.segment-type{display:inline-flex;align-items:center;gap:6px}.segment-type:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--chip-color, var(--grey))}.annotation-note{color:var(--grey);font-size:13px;margin:8px 0 24px}.scene-view h1{font-size:21px;margin:0 0 4px}.scene-view .view-meta{margin:0 0 12px}.scene-view .back-link{margin-bottom:10px}.scene-stage{position:relative;height:clamp(300px,calc(100vh - 400px),700px);border:1px solid var(--hairline);border-radius:8px;overflow:hidden;background:#050607}.scene-stage .canvas-holder{position:absolute;top:0;right:0;bottom:0;left:0}.scene-stage canvas{display:block;width:100%;height:100%}.scene-frame-panel{position:absolute;right:10px;bottom:10px;width:min(36%,340px);border:1px solid rgba(255,255,255,.25);border-radius:6px;overflow:hidden;background:#000;box-shadow:0 4px 18px #0000008c;z-index:3}.scene-frame-panel img,.scene-frame-panel canvas{display:block;width:100%;height:auto}.frame-tabs{display:flex;align-items:center;gap:2px;padding:4px;background:#000c}.frame-tabs button{border:0;border-radius:4px;padding:2px 7px;background:transparent;color:var(--grey);font:500 11px var(--font-sans);cursor:pointer}.frame-tabs button.active{background:#ffffff29;color:#fff}.frame-tabs .frame-counter{margin-left:auto;padding-right:4px;color:var(--grey);font-size:10.5px;font-variant-numeric:tabular-nums}.stage-btn{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#0009;color:var(--text);font-size:15px;cursor:pointer;z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stage-btn:hover{color:#fff;border-color:#777}.fullscreen-btn{top:10px;right:10px}.scene-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--grey);font-size:14px;z-index:2}.scene-controls{display:flex;align-items:center;gap:12px;margin:12px 0 4px}.play-btn{flex-shrink:0;width:40px;height:40px;border:1px solid var(--hairline);border-radius:999px;background:var(--surface);color:var(--text);font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.play-btn:hover{color:#fff;border-color:var(--brand)}.scrubber{flex:1;min-width:0;accent-color:var(--brand);height:4px;cursor:pointer}.time-display{flex-shrink:0;color:var(--grey);font-size:13px;font-variant-numeric:tabular-nums}.scene-toggles{flex-shrink:0;display:inline-flex;gap:12px;color:var(--grey);font-size:13px}.scene-toggles label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.scene-toggles input{accent-color:var(--brand)}.measure-btn{min-height:26px;padding:0 10px;border:1px solid var(--hairline);border-radius:6px;background:var(--surface);color:var(--grey);font:500 12.5px var(--font-sans);cursor:pointer}.measure-btn:hover{color:#fff;border-color:#555}.measure-btn.active{border-color:var(--brand);color:var(--brand)}.measure-readout{color:var(--text);font-size:13.5px;margin:8px 0 0}.scene-charts{display:grid;gap:10px;margin-top:10px}.chart-card{border:1px solid var(--hairline);border-radius:8px;background:var(--surface);padding:10px 12px 8px}.chart-card header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.chart-readout{color:#ffb000;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.chart-canvas{display:block;width:100%;height:104px;cursor:crosshair;touch-action:none}@media screen and (max-width: 700px){.scene-stage{height:clamp(260px,44vh,480px)}.scene-frame-panel{width:46%;right:8px;bottom:8px}.scene-controls{flex-wrap:wrap;gap:10px}.play-btn{width:44px;height:44px}.scrubber{order:3;flex-basis:100%;height:6px}.scene-toggles{margin-left:auto;flex-wrap:wrap}.chart-canvas{height:96px}.transport{flex-direction:column;align-items:stretch;gap:8px}.transport .time-display{font-size:12px}.t-secondary button{flex:1 1 0;min-width:0;height:40px;padding:0 2px}}.back-link{display:inline-block;margin-bottom:16px;font-size:14px}.not-found{color:var(--grey);padding:60px 0;text-align:center}