:root{color:#f7fbff;background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#05070b}#app{position:relative}#camera,#visualizer{position:absolute;inset:0;width:100%;height:100%}#camera{object-fit:cover;transform:scaleX(-1);filter:saturate(1.05) contrast(1.02) brightness(.96)}#visualizer{z-index:2;pointer-events:none}.hud{position:absolute;top:24px;left:24px;right:24px;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;transition:opacity .42s ease,transform .42s ease}.eyebrow{margin:0 0 8px;color:#71ecff;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{max-width:560px;margin:0;color:#f7fbfff2;font-size:clamp(24px,3.2vw,48px);line-height:1.05;text-shadow:0 10px 34px rgba(0,0,0,.6)}button{min-width:148px;min-height:44px;border:1px solid rgba(113,236,255,.55);border-radius:8px;background:#050c12b8;color:#f7fbff;font:inherit;font-weight:700;box-shadow:0 0 24px #71ecff33,inset 0 0 18px #71ecff14;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}button:hover{background:#0c1c26d6}button:disabled{cursor:progress;opacity:.62}.status{position:absolute;right:24px;bottom:28px;z-index:3;min-width:min(360px,calc(100vw - 48px));border:1px solid rgba(247,251,255,.14);border-radius:8px;padding:10px 14px;background:#05070bb3;color:#f7fbffdb;text-align:right;font-size:13px;box-shadow:0 18px 50px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#app.is-running .hud{opacity:0;transform:translateY(-18px);pointer-events:none}#app.is-running .status{min-width:auto;border-color:#71ecff33;background:#00080a61;color:#c9faffb8;box-shadow:0 0 22px #71ecff1a}@media(max-width:700px){.hud{top:16px;left:16px;right:16px;flex-direction:column}h1{max-width:340px}button{width:100%}.status{right:16px;bottom:16px}}