html,body,#projector-video-app{min-height:100%;margin:0}body{color:#f7f4ed;background:#11131d;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}#projector-video-app{isolation:isolate;background:radial-gradient(circle at 84% 14%,#ff80582b,#0000 28%),radial-gradient(circle at 10% 86%,#587bff40,#0000 42%),#11131d;min-height:100svh;position:relative;overflow:hidden}#projector-video-app:before{z-index:1;pointer-events:none;content:"";opacity:.14;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 17% 82%,#0000);mask-image:linear-gradient(#0000,#000 17% 82%,#0000)}#scene-shell{position:absolute;inset:0}#scene-shell canvas{width:100%;height:100%;display:block}#video-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}#projector-video-app [hidden]{display:none!important}.projector-video-hud{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#11131df2,#11131d85);border:1px solid #ffb1814d;border-radius:1.25rem;width:min(48rem,100vw - 2.5rem);padding:1rem;position:absolute;top:clamp(1.2rem,4vh,3rem);left:clamp(1.25rem,6vw,7rem)}.projector-video-hud>*{pointer-events:auto}.back-link,.next-link{color:#ffbd8e;text-decoration:none}.back-link:hover,.next-link:hover{color:#fff0df}.eyebrow,.signature,.metrics span,.hint{color:#b4b9cc;letter-spacing:.13em;text-transform:uppercase;font:600 .72rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{margin-top:1.4rem}h1{letter-spacing:-.065em;max-width:10ch;margin:.3rem 0 .7rem;font:800 clamp(3rem,8vw,7.2rem)/.88 Georgia,serif}.intro{color:#d7d8e1;max-width:50rem;margin:0;font-size:clamp(.95rem,1.35vw,1.12rem);line-height:1.55}code{color:#ffd0a7;font:.92em ui-monospace,SFMono-Regular,Menlo,monospace}.status-panel,.unsupported-panel{background:#0c0e187a;border:1px solid #ffbd8e33;border-radius:.9rem;margin-top:1rem;padding:.85rem 1rem}.loading-row{color:#fff0df;justify-content:space-between;gap:1rem;font-weight:750;display:flex}.status-detail{color:#b8bdca;margin:.38rem 0 0;font-size:.88rem;line-height:1.45}.unsupported-panel{color:#ffd4ba;gap:.35rem;display:grid}.unsupported-panel span{color:#cbc8cf;font-size:.88rem;line-height:1.45}.control-panel{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}button{color:#15131a;cursor:pointer;background:#ffc18f;border:1px solid #ffbd8e73;border-radius:999px;padding:.65rem .9rem;font-weight:800}button:hover:not(:disabled){background:#ffe0c1}button:disabled{cursor:not-allowed;opacity:.45}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.metrics>div{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:.75rem;min-width:0;padding:.62rem .7rem}.metrics span{letter-spacing:.1em;font-size:.58rem;display:block}.metrics strong{color:#fff4e6;text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font:700 .9rem ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.validation-label{color:#ffc39d;margin:1rem 0 0;font:700 .83rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.validation-label[data-state=verified]{color:#a6f3d5}.validation-label[data-state=failed]{color:#ff9f9f}.error-panel{color:#ffb6b6;background:#5f132257;border:1px solid #ff707070;border-radius:.75rem;gap:.35rem;margin-top:1rem;padding:.75rem .85rem;display:grid}.error-panel span{color:#ffdede;font-size:.86rem;line-height:1.4}.hint{letter-spacing:.04em;text-transform:none;max-width:46rem;margin:1rem 0 0;line-height:1.55}.signature{z-index:2;margin:0;position:absolute;bottom:1.3rem;right:clamp(1.25rem,4vw,4rem)}@media (width<=760px){body{overflow:auto}.projector-video-hud{background:linear-gradient(#11131df7,#11131dad);width:min(48rem,100vw - 2rem);padding:.9rem;top:1rem;left:1rem}h1{font-size:clamp(2.8rem,14vw,5rem)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.signature{bottom:.9rem;right:1rem}}