:root{color:#eef7ff;background:#02030a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:#02030a}button{font:inherit}.app-shell{position:relative;min-width:100%;min-height:100%;overflow:hidden;background:radial-gradient(circle at 18% 16%,rgba(0,225,255,.3),transparent 31rem),radial-gradient(circle at 74% 68%,rgba(126,74,255,.24),transparent 30rem),radial-gradient(circle at 50% 105%,rgba(255,74,214,.16),transparent 34rem),radial-gradient(ellipse at 50% 50%,rgba(37,11,92,.3),transparent 40rem),#02030a}.app-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";opacity:.2;background:radial-gradient(circle at 12% 28%,rgba(153,246,255,.65) 0 1px,transparent 1.7px),radial-gradient(circle at 78% 18%,rgba(255,119,232,.5) 0 1px,transparent 1.8px),radial-gradient(circle at 55% 72%,rgba(125,92,255,.52) 0 1px,transparent 2px),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0 1px,transparent 1px 4px);background-size:19rem 19rem,23rem 23rem,17rem 17rem,.45rem .45rem;mix-blend-mode:screen}.app-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";background:radial-gradient(circle at center,transparent 38%,rgba(0,0,0,.52) 100%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 22%,rgba(0,0,0,.28));mix-blend-mode:soft-light}.particle-stage{position:absolute;top:0;right:0;bottom:0;left:0;background:#02030a}.particle-stage canvas{display:block;width:100%;height:100%;background:#02030a}.camera-feed{position:absolute;left:1rem;bottom:1rem;z-index:2;width:min(16rem,calc(100vw - 2rem));aspect-ratio:16 / 9;object-fit:cover;border:1px solid rgba(255,255,255,.16);border-radius:8px;opacity:.34;transform:scaleX(-1) scale(var(--camera-scale, 1));transform-origin:center;filter:saturate(.85) contrast(1.05);transition:opacity .24s ease,transform .24s ease}.app-shell-running .camera-feed{opacity:.24}.hud{position:absolute;top:1.25rem;left:1.25rem;z-index:3;display:grid;gap:.9rem;width:min(24rem,calc(100vw - 2.5rem));padding:1rem;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#040814ad;box-shadow:0 1rem 4rem #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hud[hidden]{display:none}.eyebrow{margin:0 0 .25rem;color:#7de9ff;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1}.intro{margin:.75rem 0 0;color:#eef7ffb8;font-size:.95rem;line-height:1.45}.hud button{min-height:2.8rem;border:0;border-radius:8px;color:#03111a;background:linear-gradient(135deg,#9ef6ff,#ff8fe1);cursor:pointer;font-weight:800;box-shadow:0 0 2rem #7de9ff42}.hud button:disabled{cursor:wait;opacity:.72}.status{min-height:1.35rem;margin:0;color:#eef7ffc7;font-size:.92rem}.status-error{color:#ff9ea7}.fullscreen-button{position:absolute;bottom:1rem;right:1rem;z-index:4;min-width:7.5rem;min-height:2.4rem;padding:0 .9rem;border:1px solid rgba(157,244,255,.24);border-radius:8px;color:#eef7ffdb;background:#0408146b;box-shadow:0 0 2rem #00e1ff24;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .18s ease,border-color .18s ease,opacity .18s ease}.fullscreen-button:hover{border-color:#9df4ff75;background:#0a142aa3}.app-shell-running .fullscreen-button{opacity:.42}.app-shell-running .fullscreen-button:hover,.app-shell-running .fullscreen-button:focus-visible{opacity:1}.control-panel{position:absolute;top:50%;right:1rem;z-index:4;display:grid;gap:.85rem;width:min(13.5rem,calc(100vw - 2rem));padding:.85rem;border:1px solid rgba(157,244,255,.18);border-radius:8px;background:#04081480;box-shadow:0 0 2.5rem #00e1ff1a;transform:translateY(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.preset-buttons{display:grid;gap:.45rem}.preset-buttons button{min-height:2.15rem;border:1px solid rgba(157,244,255,.16);border-radius:8px;color:#eef7ffd1;background:#080f2280;cursor:pointer;text-transform:capitalize}.preset-buttons button.active{color:#06111a;border-color:#9df4ffbf;background:linear-gradient(135deg,#9ef6ff,#a891ff 52%,#ff8fe1);box-shadow:0 0 1.5rem #7de9ff40}.control-row{display:grid;gap:.45rem;color:#eef7ffc2;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.control-row input[type=range]{width:100%;accent-color:#7de9ff}.control-row input[type=color]{width:100%;height:2.2rem;padding:0;border:1px solid rgba(157,244,255,.18);border-radius:8px;background:transparent;cursor:pointer}@media(max-width:720px){.camera-feed{left:.75rem;bottom:.75rem;width:min(13rem,calc(100vw - 1.5rem))}.hud{top:.75rem;left:.75rem;width:calc(100vw - 1.5rem)}.fullscreen-button{right:.75rem;bottom:.75rem}.control-panel{top:auto;right:.75rem;bottom:4rem;width:min(11rem,calc(100vw - 1.5rem));transform:none}}