@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg-void:#020b14;--bg-deep:#040f1c;--bg-surface:#071828;--bg-glass:#0414268c;--bg-card:#061a30b3;--border-dim:#22d3ee1a;--border-glow:#22d3ee73;--border-hot:#22d3eebf;--text-primary:#e0f2fe;--text-secondary:#7dd3fc;--text-muted:#7dd3fc66;--accent:#22d3ee;--accent-dim:#22d3ee1f;--accent-glow:#22d3ee33;--accent-bright:#67e8f9;--success:#34d399;--success-glow:#34d39926;--warning:#fbbf24;--warning-glow:#fbbf2426;--error:#f87171;--error-glow:#f8717126;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--blur-glass:18px;--blur-heavy:30px;--ease-snap:cubic-bezier(.4, 0, .2, 1);--t-fast:.12s ease;--t-med:.28s ease;--t-slow:.48s var(--ease-snap);--font-ui:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg-void);font-family:var(--font-ui);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-root{z-index:0;width:100%;height:100%;position:fixed;inset:0}.status-bar{z-index:30;width:min(92vw,1200px);height:60px;-webkit-backdrop-filter:blur(var(--blur-heavy));backdrop-filter:blur(var(--blur-heavy));border-radius:var(--radius-xl);isolation:isolate;background:#020b1466;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:20px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #00000080}@keyframes neon-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.status-bar:before{content:"";background:conic-gradient(from 0deg, var(--bg-void), var(--accent), var(--text-secondary), var(--accent-bright), var(--bg-void));z-index:-2;width:200%;height:400%;animation:4s linear infinite neon-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.status-bar:after{content:"";background:var(--bg-deep);border-radius:calc(var(--radius-xl) - 2px);z-index:-1;position:absolute;inset:2px}.status-left{align-items:center;gap:28px;display:flex}.brand{letter-spacing:.04em;text-transform:uppercase;font-size:17px;font-weight:700;line-height:1}.brand-ultra{color:var(--text-primary)}.brand-touch{color:var(--accent);text-shadow:0 0 14px #22d3eeb3}.panel-tabs{gap:2px;display:flex}.panel-tab{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-xs);transition:all var(--t-fast);cursor:default;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:3px 12px;font-size:11px;font-weight:600}.panel-tab.active{color:var(--accent);border-color:var(--border-glow);background:var(--accent-dim);text-shadow:0 0 8px #22d3ee80}.status-center{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.gesture-badge-wrap{align-items:center;gap:8px;display:flex}.gesture-badge{background:var(--bg-card);border:1px solid var(--border-dim);transition:all var(--t-med);letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.badge-palm{border-color:var(--success);color:var(--success);text-shadow:0 0 8px var(--success-glow)}.badge-fist{border-color:var(--error);color:var(--error);text-shadow:0 0 8px var(--error-glow)}.badge-point{border-color:var(--warning);color:var(--warning);text-shadow:0 0 8px var(--warning-glow)}.badge-pinch{border-color:var(--accent);color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}.badge-idle{color:var(--text-muted)}.hold-ring-track{filter:drop-shadow(0 0 4px #22d3ee80);flex-shrink:0}.status-right{align-items:center;gap:8px;display:flex}.status-btn{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);justify-content:center;align-items:center;font-size:15px;display:flex;position:relative;overflow:hidden}.status-btn:after{content:"";background:radial-gradient(circle at 50% 50%, var(--accent-glow), transparent 70%);opacity:0;transition:opacity var(--t-fast);position:absolute;inset:0}.status-btn:hover{border-color:var(--border-glow);color:var(--accent);box-shadow:0 0 12px var(--accent-dim)}.status-btn:hover:after{opacity:1}.status-btn.active{background:var(--ui-accent);color:var(--ui-bg);box-shadow:0 0 10px var(--ui-accent)}.status-btn.voice-active{color:#fff;background:#f43f5e;animation:1.5s ease-in-out infinite pulse-voice;box-shadow:0 0 15px #f43f5e,inset 0 0 10px #0003}@keyframes pulse-voice{0%{transform:scale(1);box-shadow:0 0 10px #f43f5e}50%{transform:scale(1.1);box-shadow:0 0 25px #f43f5e}to{transform:scale(1);box-shadow:0 0 10px #f43f5e}}.voice-transcript{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f19eb;border:1px solid #f43f5e66;border-radius:12px;align-items:center;gap:8px;max-width:360px;padding:8px 16px;animation:.2s ease-out transcript-in;display:flex;position:fixed;top:56px;right:16px;box-shadow:0 4px 20px #f43f5e33}.voice-transcript-text{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-style:italic;overflow:hidden}.voice-transcript-dot{color:#f43f5e;font-size:.6rem;animation:1s ease-in-out infinite blink-dot}@keyframes transcript-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.2}}.camera-btn{padding:0 16px;font-weight:600}.status-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-btn.active,.camera-btn.active{background:var(--accent-dim);border-color:var(--border-hot);color:var(--accent-bright);box-shadow:0 0 16px var(--accent-glow), inset 0 0 8px #22d3ee14}.camera-prompt{z-index:40;animation:promptRise .5s var(--ease-snap) both;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@keyframes promptRise{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.camera-prompt-inner{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(var(--blur-heavy));backdrop-filter:blur(var(--blur-heavy));text-align:center;flex-direction:column;align-items:center;gap:10px;min-width:220px;padding:20px 28px;display:flex;box-shadow:0 0 40px #22d3ee26,0 16px 48px #0009}.camera-prompt-icon{font-size:32px;animation:2s ease-in-out infinite promptWave}@keyframes promptWave{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.camera-prompt-inner p{color:var(--text-secondary);letter-spacing:.03em;font-size:13px;font-weight:500}.camera-prompt-btn{border:1px solid var(--border-hot);border-radius:var(--radius-md);color:var(--accent-bright);font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--t-fast);background:linear-gradient(135deg,#22d3ee33,#22d3ee14);padding:9px 22px;font-size:13px;font-weight:600;box-shadow:0 0 14px #22d3ee33}.camera-prompt-btn:hover{background:linear-gradient(135deg,#22d3ee4d,#22d3ee24);transform:translateY(-1px);box-shadow:0 0 24px #22d3ee59}.camera-prompt-dismiss{color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;transition:color var(--t-fast);text-underline-offset:3px;background:0 0;border:none;padding:2px 0;font-size:11px;text-decoration:underline}.camera-prompt-dismiss:hover{color:var(--text-secondary)}.panel-arc{z-index:20;width:min(90vw,480px);position:fixed;top:72px;bottom:64px;left:50%;overflow:hidden;transform:translate(-50%)}.panel-container{width:300%;height:100%;transition:transform var(--t-slow);display:flex}.panel-slot{opacity:.25;width:33.3333%;height:100%;transition:all var(--t-slow);scrollbar-width:thin;scrollbar-color:var(--border-glow) transparent;padding:0 8px;overflow:hidden auto;transform:scale(.94)translateY(4px)}.panel-slot.active{opacity:1;transform:scale(1)translateY(0)}.panel-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:14px;font-size:10px;font-weight:700;display:flex}.panel-title:after{content:"";background:linear-gradient(to right, var(--border-glow), transparent);flex:1;height:1px}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-dim);border-radius:var(--radius-md);transition:all var(--t-med);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(to right, transparent, var(--accent-glow), transparent);opacity:0;height:1px;transition:opacity var(--t-med);position:absolute;top:0;left:10%;right:10%}.glass-card:hover:before,.glass-card.focused:before{opacity:1}.glass-card.focused{border-color:var(--border-glow);box-shadow:0 0 24px #22d3ee14,inset 0 0 0 1px #22d3ee14}.data-panel{padding:12px 0}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric-card{composes:glass-card;background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-dim);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-med);padding:14px;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(to right, transparent, var(--accent-glow), transparent);opacity:0;height:1px;transition:opacity var(--t-med);position:absolute;top:0;left:10%;right:10%}.metric-card.focused,.metric-card:hover{border-color:var(--border-glow);box-shadow:0 0 20px #22d3ee12,inset 0 0 16px #22d3ee08}.metric-card.focused:before,.metric-card:hover:before{opacity:1}.metric-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metric-header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.metric-icon{text-align:center;width:24px;filter:drop-shadow(0 0 4px var(--accent-glow));font-size:14px}.metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:1;font-size:10px;font-weight:600}.metric-trend{font-family:var(--font-mono);font-size:10px;font-weight:500}.trend-up{color:var(--success)}.trend-down{color:var(--error)}.trend-stable{color:var(--text-muted)}.metric-body{align-items:baseline;gap:3px;margin-bottom:8px;display:flex}.metric-value{font-family:var(--font-mono);color:var(--accent-bright);text-shadow:0 0 12px #67e8f959;font-size:22px;font-weight:500}.metric-unit{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.sparkline{width:100%;height:28px;display:block}.data-panel.expanded{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.metric-expanded{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-heavy));backdrop-filter:blur(var(--blur-heavy));border:1px solid var(--border-glow);border-radius:var(--radius-xl);width:100%;max-width:360px;animation:expandIn .35s var(--ease-snap);padding:32px;position:relative;overflow:hidden;box-shadow:0 0 60px #22d3ee1f,0 24px 48px #00000080}.metric-expanded:before{content:"";background:linear-gradient(to right, transparent, var(--accent), transparent);opacity:.6;height:1px;position:absolute;top:0;left:5%;right:5%}@keyframes expandIn{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.metric-expanded-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.metric-expanded-header h3{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);flex:1;font-size:14px;font-weight:600}.metric-expanded-value{align-items:baseline;gap:8px;margin-bottom:24px;display:flex}.big-value{font-family:var(--font-mono);color:var(--accent-bright);text-shadow:0 0 24px #67e8f980;font-size:52px;font-weight:400;line-height:1}.big-unit{font-family:var(--font-mono);color:var(--text-muted);font-size:16px}.metric-expanded-chart{margin-bottom:12px}.expanded-chart{width:100%;height:auto}.metric-range{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.device-panel{padding:12px 0}.device-category{margin-bottom:20px}.device-category-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:9px;font-weight:700;display:flex}.device-category-label:after{content:"";background:var(--border-dim);flex:1;height:1px}.device-list{flex-direction:column;gap:6px;display:flex}.device-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-dim);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-med);align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.device-card:after{content:"";background:linear-gradient(90deg,#0000,#22d3ee0a,#0000);width:60%;height:100%;transition:left .45s;position:absolute;top:0;left:-100%}.device-card:hover:after{left:150%}.device-card.focused{border-color:var(--border-glow);box-shadow:0 0 18px #22d3ee12}.device-card.confirming{animation:.6s confirmPulse}.device-card.on.confirming{animation-name:confirmPulseOn}@keyframes confirmPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 24px var(--error-glow), inset 0 0 12px var(--error-glow)}}@keyframes confirmPulseOn{0%,to{box-shadow:none}50%{box-shadow:0 0 24px var(--success-glow), inset 0 0 12px var(--success-glow)}}.device-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.device-icon-wrap{border:1px solid var(--border-dim);border-radius:var(--radius-sm);background:#22d3ee12;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.device-card.on .device-icon-wrap{border-color:var(--border-glow);background:#22d3ee1f;box-shadow:0 0 8px #22d3ee26}.device-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.device-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.device-state{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.device-card.on .device-state{color:var(--success);text-shadow:0 0 6px var(--success-glow)}.device-toggle{border:1px solid var(--border-dim);width:40px;height:22px;transition:all var(--t-fast);background:#22d3ee12;border-radius:11px;flex-shrink:0;position:relative}.device-toggle.on{border-color:var(--border-glow);background:#22d3ee2e;box-shadow:0 0 10px #22d3ee33}.device-toggle-knob{background:var(--text-muted);width:16px;height:16px;transition:all var(--t-fast);border-radius:50%;position:absolute;top:2px;left:2px}.device-toggle.on .device-toggle-knob{background:var(--accent-bright);left:20px;box-shadow:0 0 8px #67e8f999}.device-slider{appearance:none;background:#22d3ee1f;border-radius:2px;outline:none;flex-shrink:0;width:80px;height:3px}.device-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #22d3ee80}.device-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.lock-badge{opacity:.6;font-size:13px;position:absolute;top:8px;right:8px}.activity-panel{flex-direction:column;height:100%;padding:12px 0;display:flex}.activity-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sound-toggle{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--t-fast);color:var(--text-secondary);justify-content:center;align-items:center;font-size:14px;display:flex}.sound-toggle:hover{border-color:var(--border-glow);box-shadow:0 0 8px var(--accent-dim)}.sound-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.audio-visualizer{justify-content:center;align-items:flex-end;gap:3px;height:36px;margin-bottom:16px;padding:0 20px;display:flex}.viz-bar{background:linear-gradient(to top, var(--accent), var(--accent-bright));opacity:.7;border-radius:3px;width:5px;animation:1.4s ease-in-out infinite vizPulse;box-shadow:0 0 4px #22d3ee4d}.viz-bar:first-child{height:30%;animation-delay:0s}.viz-bar:nth-child(2){height:60%;animation-delay:.1s}.viz-bar:nth-child(3){height:45%;animation-delay:.2s}.viz-bar:nth-child(4){height:80%;animation-delay:.3s}.viz-bar:nth-child(5){height:55%;animation-delay:.4s}.viz-bar:nth-child(6){height:70%;animation-delay:.5s}.viz-bar:nth-child(7){height:40%;animation-delay:.6s}.viz-bar:nth-child(8){height:90%;animation-delay:.7s}.viz-bar:nth-child(9){height:50%;animation-delay:.6s}.viz-bar:nth-child(10){height:65%;animation-delay:.5s}.viz-bar:nth-child(11){height:35%;animation-delay:.4s}.viz-bar:nth-child(12){height:75%;animation-delay:.3s}@keyframes vizPulse{0%,to{opacity:.3;transform:scaleY(.35)}50%{opacity:.8;transform:scaleY(1)}}.activity-log{scrollbar-width:thin;scrollbar-color:var(--border-glow) transparent;flex:1;overflow-y:auto}.activity-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:12px;line-height:1.6}.activity-entry{border-radius:var(--radius-sm);transition:border-color var(--t-fast);border:1px solid #0000;align-items:center;gap:8px;margin-bottom:3px;padding:7px 10px;font-size:11px;animation:.25s entrySlide;display:flex}.activity-entry:hover{border-color:var(--border-dim);background:#22d3ee05}@keyframes entrySlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.entry-time{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;min-width:56px;font-size:9px}.entry-icon{flex-shrink:0;font-size:13px}.entry-desc{color:var(--text-muted);flex:1;line-height:1.4}.entry-success .entry-desc{color:var(--success)}.entry-error .entry-desc{color:var(--error)}.entry-warning .entry-desc{color:var(--warning)}.camera-preview{z-index:25;border-radius:var(--radius-md);border:1px solid var(--border-glow);background:var(--bg-void);width:200px;position:fixed;bottom:72px;right:24px;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 20px #22d3ee0f}.camera-preview:before{content:"";background:linear-gradient(to right, transparent, var(--accent), transparent);z-index:2;height:1px;position:absolute;top:0;left:0;right:0}.camera-video{object-fit:cover;filter:brightness(.9)contrast(1.1)saturate(.9);width:100%;height:150px;display:block;transform:scaleX(-1)}.camera-video-wrap{position:relative}.camera-video-wrap:after{content:"";pointer-events:none;background:linear-gradient(#22d3ee0a,#0000);position:absolute;inset:0}.camera-overlay{width:100%;height:150px;position:absolute;top:0;left:0}.camera-info{font-family:var(--font-mono);color:var(--text-secondary);background:#020b14e6;align-items:center;gap:5px;padding:6px 10px;font-size:10px;display:flex}.camera-hands{font-weight:500}.camera-divider{color:var(--border-glow)}.camera-gesture{color:var(--accent)}.camera-mode{color:var(--warning)}.gesture-guide-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020b14e0;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gesture-guide{background:var(--bg-surface);border:1px solid var(--border-glow);border-radius:var(--radius-xl);width:min(90vw,460px);max-height:82vh;animation:slideUp .28s var(--ease-snap);scrollbar-width:thin;scrollbar-color:var(--border-glow) transparent;padding:28px;position:relative;overflow-y:auto;box-shadow:0 0 60px #22d3ee1a,0 24px 64px #0009}.gesture-guide:before{content:"";background:linear-gradient(to right, transparent, var(--accent), transparent);opacity:.5;height:1px;position:absolute;top:0;left:8%;right:8%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.guide-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.guide-header h2{letter-spacing:.03em;color:var(--text-primary);font-size:18px;font-weight:700}.guide-close{border:1px solid var(--border-dim);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);background:0 0;justify-content:center;align-items:center;font-size:14px;display:flex}.guide-close:hover{background:var(--error-glow);border-color:var(--error);color:var(--error)}.guide-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guide-intro{color:var(--text-muted);margin-bottom:20px;font-size:12px;line-height:1.7}.gesture-list{flex-direction:column;gap:10px;display:flex}.gesture-item{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-dim);transition:border-color var(--t-fast);gap:14px;padding:14px;display:flex}.gesture-item:hover{border-color:var(--border-glow)}.gesture-icon-large{border:1px solid var(--border-dim);border-radius:var(--radius-sm);background:#22d3ee0f;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;display:flex}.gesture-details{flex:1}.gesture-name{color:var(--text-primary);margin-bottom:3px;font-size:13px;font-weight:600}.gesture-desc{color:var(--text-muted);margin-bottom:6px;font-size:11px;line-height:1.5}.gesture-keyboard{align-items:center;gap:6px;font-size:10px;display:flex}.keyboard-label{color:var(--text-muted)}kbd{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-glow);border-radius:var(--radius-xs);background:#22d3ee12;padding:2px 6px;font-size:10px;font-weight:500;display:inline-block}.guide-footer{border-top:1px solid var(--border-dim);margin-top:16px;padding-top:12px}.guide-footer p{color:var(--text-muted);text-align:center;font-size:11px;line-height:1.6}.keyboard-hints{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-dim);height:44px;font-family:var(--font-mono);color:var(--text-muted);background:#020b14bf;justify-content:center;align-items:center;gap:18px;padding:0 24px;font-size:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.keyboard-hints span{align-items:center;gap:4px;display:flex}.keyboard-hints kbd{padding:1px 5px;font-size:9px}.error-toast{z-index:40;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));text-align:center;background:#f8717114;max-width:90vw;padding:10px 20px;font-size:12px;font-weight:500;line-height:1.5;animation:.3s toastIn;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (min-width:768px){.panel-arc{width:min(85vw,520px)}}@media (min-width:1024px){.panel-arc{width:min(78vw,580px)}}@media (max-width:768px){.status-bar{border-radius:var(--radius-lg);width:95vw;height:50px;padding:0 12px}.status-bar:after{border-radius:calc(var(--radius-lg) - 2px)}.brand-ultra,.brand-touch{display:none}.panel-tab{padding:6px 10px;font-size:11px}.status-btn{width:30px;height:30px;font-size:14px}.status-left{gap:12px}}@media (max-width:600px){.status-bar{height:48px;padding:0 12px}.brand{font-size:14px}.panel-tabs,.keyboard-hints{display:none}.panel-arc{width:95vw;top:80px;bottom:12px}.camera-preview{width:152px;bottom:16px;right:10px}.camera-video,.camera-overlay{height:114px}.camera-prompt-inner{padding:16px 20px}}