:root{--brand: #16c47f;--brand-dark: #0c8f5a;--danger: #ff5a5f;--warn: #ffb020;--ink: #0e1a16;--paper: #f5f7f6;--bg-0: #07100d;--bg-1: #0e1f1a;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}#root{position:relative}canvas{display:block;touch-action:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;color:var(--paper)}.hud .topbar{display:flex;align-items:center;gap:14px;padding:22px 28px;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)}.brand-badge{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.5px}.brand-badge .dot{width:14px;height:14px;border-radius:50%;background:var(--brand);box-shadow:0 0 16px var(--brand)}.brand-badge small{font-weight:500;opacity:.65;letter-spacing:2px}.step-pill{margin-left:auto;font-size:13px;letter-spacing:1px;opacity:.8;text-transform:uppercase}.captions{align-self:center;max-width:880px;width:calc(100% - 64px);margin-bottom:26px;padding:20px 26px;border-radius:18px;background:#08120fb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(22,196,127,.28);box-shadow:0 18px 60px #00000073;pointer-events:auto;transition:opacity .5s ease,transform .5s ease}.captions h2{margin:0 0 8px;font-size:22px;color:var(--brand);letter-spacing:.3px}.captions p{margin:0;font-size:16px;line-height:1.55;color:#e8efea}.captions .principle{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.15);font-style:italic;opacity:.85;font-size:14px}.controls{position:absolute;bottom:26px;right:28px;display:flex;gap:10px;pointer-events:auto;z-index:11}.controls button{pointer-events:auto;border:1px solid rgba(22,196,127,.5);background:#08120fbf;color:var(--paper);width:46px;height:46px;border-radius:12px;font-size:20px;cursor:pointer;transition:background .2s ease,transform .1s ease}.controls button:hover{background:var(--brand-dark)}.controls button:active{transform:scale(.94)}.controls button:disabled{opacity:.3;cursor:not-allowed}.progress{position:absolute;bottom:30px;left:28px;display:flex;gap:8px;pointer-events:auto;z-index:11}.progress .seg{width:26px;height:5px;border-radius:3px;background:#ffffff38;cursor:pointer;transition:background .3s ease}.progress .seg.active{background:var(--brand);box-shadow:0 0 10px var(--brand)}.progress .seg.done{background:#16c47f80}.hint{position:absolute;bottom:84px;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:1px;opacity:.5;text-transform:uppercase;pointer-events:none;z-index:11}.loader{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--brand);font-size:14px;letter-spacing:3px;background:var(--bg-0);z-index:50}