:root{color:#f4f7f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#f4f7f5;--muted:#9aa5a3;--dim:#606967;--line:#def4ee29;--line-strong:#def4ee47;--mint:#b6f4dc;--cyan:#67e8f9;--surface:#0b1012d6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070a0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 70% 45%,#316f6229,#0000 42%),#070a0c}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.app-shell{isolation:isolate;background:#0408091f;width:100%;height:100%;position:relative}.visual-stage,.particle-canvas,.ambient-grid{width:100%;height:100%;position:absolute;inset:0}.visual-stage{z-index:-3}.particle-canvas{transition:filter .5s,opacity .5s;display:block}.app-shell[data-phase=landing] .particle-canvas{filter:saturate(.7)brightness(.7);opacity:.72}.ambient-grid{z-index:-2;opacity:.3;pointer-events:none;background-image:linear-gradient(#b4e0d509 1px,#0000 1px),linear-gradient(90deg,#b4e0d509 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.ambient-grid:after{content:"";background:linear-gradient(90deg,#070a0cf5 0%,#070a0c80 47%,#0000 78%);position:absolute;inset:0}.topbar{z-index:20;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:86px;padding:0 clamp(22px,4.2vw,68px);display:grid;position:absolute;inset:0 0 auto}.brand{width:max-content;color:var(--ink);align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand>span:last-child{gap:2px;display:grid}.brand strong{letter-spacing:.18em;font-size:12px;font-weight:750}.brand small{color:var(--dim);letter-spacing:.15em;font:9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.brand-mark{border:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;width:29px;height:29px;padding:5px;display:grid}.brand-mark i{background:var(--mint);width:100%;display:block}.brand-mark i:first-child{height:42%}.brand-mark i:nth-child(2){height:92%}.brand-mark i:nth-child(3){height:64%}.status-cluster{align-items:center;gap:8px;display:flex}.status-pill,.demo-pill{border:1px solid var(--line);min-height:29px;color:var(--muted);letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070b0c6b;align-items:center;gap:8px;padding:0 11px;font-size:11px;display:inline-flex}.status-pill i{border:1px solid;border-radius:50%;width:6px;height:6px}.status-pill[data-state=active]{color:var(--mint)}.status-pill[data-state=active] i{background:currentColor;box-shadow:0 0 10px}.demo-pill{color:#ffe4a3;border-color:#ffe4a34d}.icon-button{min-height:38px;color:var(--ink);border:1px solid var(--line-strong);cursor:pointer;background:0 0;justify-self:end;align-items:center;gap:9px;padding:0 15px;transition:border-color .18s,background-color .18s;display:inline-flex}.icon-button:hover{border-color:var(--mint);background:#b6f4dc12}.icon-button span:first-child{color:var(--mint);font-size:18px;line-height:1}.icon-button span:last-child{letter-spacing:.1em;font-size:12px}.main-content{z-index:3;align-items:center;height:100%;padding:110px clamp(24px,8vw,132px) 78px;display:grid;position:relative}.hero-panel{width:min(710px,58vw);animation:.7s cubic-bezier(.2,.8,.2,1) both panel-in}.eyebrow{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;margin:0 0 22px;font:600 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.eyebrow span{color:var(--mint);margin-right:12px}.hero-panel h1{max-width:760px;color:var(--ink);letter-spacing:-.065em;margin:0;font-size:clamp(48px,6.2vw,92px);font-weight:620;line-height:.98}.hero-panel h1 em{color:#0000;-webkit-text-stroke:1px #d8f6ecc2;font-style:normal}.hero-copy{max-width:600px;color:var(--muted);margin:31px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.8}.hero-copy strong{color:var(--ink);font-weight:590}.hero-actions,.error-actions{align-items:center;gap:12px;margin-top:33px;display:flex}.primary-button,.secondary-button,.stop-button{cursor:pointer;letter-spacing:.06em;border:1px solid #0000;min-height:50px;padding:0 22px;font-size:13px;font-weight:650;transition:transform .18s,border-color .18s,background-color .18s}.primary-button{color:#07100d;background:var(--mint);justify-content:space-between;align-items:center;gap:28px;min-width:188px;display:inline-flex}.primary-button:hover,.secondary-button:hover,.stop-button:hover{transform:translateY(-2px)}.primary-button:hover{background:#d0ffed}.secondary-button{color:var(--ink);border-color:var(--line-strong);background:#090e0f8f}.secondary-button:hover{border-color:var(--mint)}.permission-note{color:var(--dim);letter-spacing:.03em;margin:16px 0 0;font-size:11px}.permission-note span{color:var(--mint);margin-right:8px;font-size:7px}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;width:min(620px,100%);margin-top:clamp(34px,7vh,82px);display:grid}.feature-strip span{min-height:56px;color:var(--muted);letter-spacing:.04em;border-right:1px solid var(--line);align-items:center;gap:12px;font-size:11px;display:flex}.feature-strip span:last-child{border-right:0}.feature-strip b{color:var(--dim);font:9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.loading-panel{text-align:center;justify-self:center;width:min(440px,90vw)}.loading-panel h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(28px,4vw,44px)}.loading-panel>p:last-child{color:var(--muted);font-size:14px}.loading-orbit{border:1px solid var(--line-strong);border-radius:50%;width:94px;height:94px;margin:0 auto 34px;animation:6s linear infinite rotate;position:relative}.loading-orbit i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 16px var(--mint);border-radius:50%;position:absolute}.loading-orbit i:first-child{top:-4px;left:43px}.loading-orbit i:nth-child(2){bottom:15px;right:3px}.loading-orbit i:nth-child(3){bottom:16px;left:4px}.running-hint{pointer-events:none;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.running-hint p{color:var(--muted);border:1px solid var(--line);letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c0d85;margin:0;padding:10px 14px;font-size:11px}.running-hint span{color:var(--mint);margin-right:8px}.camera-preview{z-index:12;aspect-ratio:16/9;object-fit:cover;opacity:0;visibility:hidden;border:1px solid var(--line-strong);filter:saturate(.6)contrast(1.08);width:min(250px,26vw);transition:opacity .24s,visibility .24s,transform .24s;position:absolute;bottom:54px;left:clamp(22px,4vw,64px);transform:scaleX(-1)translateY(10px)}.camera-preview.is-visible{opacity:.72;visibility:visible;transform:scaleX(-1)translateY(0)}.control-panel{z-index:40;width:min(420px,100vw);color:var(--ink);background:var(--surface);border-left:1px solid var(--line-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);visibility:hidden;padding:31px 30px 28px;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility .32s;position:absolute;inset:0 0 0 auto;overflow-y:auto;transform:translate(102%)}.control-panel.is-open{visibility:visible;transform:translate(0)}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:24px;display:flex}.panel-heading .eyebrow{margin-bottom:8px}.panel-heading h2{letter-spacing:-.04em;margin:0;font-size:27px}.panel-close{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;font-size:24px}.mode-fieldset{border:0;min-width:0;margin:27px 0 30px;padding:0}.mode-fieldset legend,.range-control label{width:100%;color:var(--muted);letter-spacing:.05em;justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:620;display:flex}.mode-grid{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.mode-grid button{border:0;border-right:1px solid var(--line);min-height:41px;color:var(--muted);cursor:pointer;background:0 0;padding:0 6px;font-size:12px}.mode-grid button:last-child{border-right:0}.mode-grid button[aria-pressed=true]{color:#07100d;background:var(--mint)}.mode-fieldset>p{color:var(--dim);margin:10px 0 0;font-size:10px;line-height:1.6}.range-control{margin:0 0 24px}.range-control output{color:var(--ink);font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.range-control input{appearance:none;background:var(--line-strong);cursor:pointer;width:100%;height:2px}.range-control input::-webkit-slider-thumb{appearance:none;background:var(--mint);width:14px;height:14px;box-shadow:0 0 0 1px var(--mint);border:3px solid #101718;border-radius:50%}.range-control input::-moz-range-thumb{background:var(--mint);width:10px;height:10px;box-shadow:0 0 0 1px var(--mint);border:3px solid #101718;border-radius:50%}.toggle-list{border-top:1px solid var(--line);margin-top:29px}.toggle-list label{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:65px;display:flex}.toggle-list span{gap:4px;display:grid}.toggle-list b{font-size:12px;font-weight:620}.toggle-list small{color:var(--dim);font-size:10px}.toggle-list input{appearance:none;border:1px solid var(--line-strong);cursor:pointer;background:#ffffff0a;border-radius:20px;flex:none;width:38px;height:20px;position:relative}.toggle-list input:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;transition:transform .18s,background-color .18s;position:absolute;top:3px;left:3px}.toggle-list input:checked{background:#b6f4dc24;border-color:#b6f4dca3}.toggle-list input:checked:after{background:var(--mint);transform:translate(18px)}.performance-readout{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:26px;display:grid}.performance-readout span{border-right:1px solid var(--line);min-width:0;padding:13px 10px}.performance-readout span:last-child{border-right:0}.performance-readout small,.performance-readout b{white-space:nowrap;display:block}.performance-readout small{color:var(--dim);letter-spacing:.12em;margin-bottom:6px;font:8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.performance-readout b{color:var(--mint);text-overflow:ellipsis;font:600 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.stop-button{color:#fcbaba;background:#8223231f;border-color:#fcbaba47;width:100%;margin-top:16px}.panel-backdrop{z-index:35;cursor:default;background:#00000052;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.error-panel{z-index:50;width:min(510px,100vw - 40px);color:var(--ink);border:1px solid var(--line-strong);background:#0b1012f0;padding:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 26px 90px #00000080}.error-panel h2{letter-spacing:-.04em;margin:0 0 13px;font-size:31px}.error-panel>p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.7}.footer-note{z-index:4;color:var(--dim);letter-spacing:.14em;gap:18px;font:8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;bottom:24px;right:clamp(22px,4.2vw,68px)}.footer-note span:before{content:"+";color:var(--mint);margin-right:6px}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@media (width<=820px){.topbar{grid-template-columns:1fr auto;height:72px}.status-cluster{display:none}.main-content{align-items:end;padding:96px 24px 78px}.hero-panel{width:100%}.hero-panel h1{font-size:clamp(44px,13vw,68px)}.hero-copy{max-width:520px;margin-top:23px;line-height:1.65}.feature-strip{margin-top:32px}.camera-preview{width:180px;bottom:62px;left:18px}.footer-note{bottom:18px;right:20px}.footer-note span:not(:last-child){display:none}}@media (width<=520px){.brand small,.icon-button span:last-child{display:none}.icon-button{justify-content:center;width:40px;padding:0}.hero-actions,.error-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.feature-strip span{text-align:center;justify-content:center;min-height:50px}.feature-strip b{display:none}.control-panel{padding-inline:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}