:root{--glass-bg: rgba(255, 255, 255, .18);--glass-bg-card: rgba(255, 255, 255, .22);--glass-bg-sheet: rgba(255, 255, 255, .32);--glass-border-color: rgba(255, 255, 255, .35);--glass-border-subtle: rgba(255, 255, 255, .2);--glass-highlight: inset 0 1px 1px 0 rgba(255, 255, 255, .5), inset 0 0 24px 0 rgba(255, 255, 255, .04);--glass-shadow: 0 20px 40px -10px rgba(0, 0, 0, .18), 0 8px 16px -6px rgba(0, 0, 0, .1);--glass-shadow-deep: 0 30px 60px -12px rgba(0, 0, 0, .25), 0 14px 28px -8px rgba(0, 0, 0, .16);--glass-blur: blur(24px) saturate(160%);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent: #0284c7;--accent-soft: rgba(2, 132, 199, .15);--accent-glow: rgba(2, 132, 199, .35);--color-strong: #16a34a;--color-strong-glow: rgba(22, 163, 74, .35);--color-weak: #d97706;--color-weak-glow: rgba(217, 119, 6, .35);--color-lost: #dc2626;--color-lost-glow: rgba(220, 38, 38, .35)}body.night-theme{--glass-bg: rgba(15, 23, 42, .38);--glass-bg-card: rgba(15, 23, 42, .46);--glass-bg-sheet: rgba(15, 23, 42, .6);--glass-border-color: rgba(255, 255, 255, .18);--glass-border-subtle: rgba(255, 255, 255, .1);--glass-highlight: inset 0 1px 1px 0 rgba(255, 255, 255, .28), inset 0 0 24px 0 rgba(255, 255, 255, .02);--glass-shadow: 0 28px 56px -12px rgba(0, 0, 0, .65), 0 12px 24px -6px rgba(0, 0, 0, .45);--glass-shadow-deep: 0 36px 72px -16px rgba(0, 0, 0, .8), 0 18px 36px -8px rgba(0, 0, 0, .55);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .2);--accent-glow: rgba(56, 189, 248, .45);--color-strong: #22c55e;--color-strong-glow: rgba(34, 197, 94, .45);--color-weak: #f59e0b;--color-weak-glow: rgba(245, 158, 11, .45);--color-lost: #ef4444;--color-lost-glow: rgba(239, 68, 68, .45)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Inter,sans-serif;color:var(--text-primary);background:#030712;user-select:none}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.glass-grain{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");opacity:.7;border-radius:inherit;z-index:0}#glass-tab-bar-container{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:40;pointer-events:auto}.glass-tab-bar{position:relative;display:flex;align-items:center;gap:4px;padding:5px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-color);border-radius:9999px;box-shadow:var(--glass-shadow),var(--glass-highlight)}.glass-tab-highlight{position:absolute;top:5px;bottom:5px;left:0;border-radius:9999px;background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 14px #00000014,inset 0 1px 1px #fff9;transition:transform .38s cubic-bezier(.34,1.56,.64,1),width .38s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:1}body.night-theme .glass-tab-highlight{background:#38bdf83d;border-color:#38bdf873;box-shadow:0 4px 16px #38bdf84d,inset 0 1px 1px #fff6}.glass-tab-btn{position:relative;z-index:2;display:flex;align-items:center;gap:7px;padding:8px 18px;min-height:44px;background:transparent;border:none;border-radius:9999px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color .18s ease,transform .15s ease;white-space:nowrap}.glass-tab-btn:hover{color:var(--text-primary)}.glass-tab-btn:active{transform:scale(.96)}.glass-tab-btn.active{color:var(--text-primary);font-weight:600}.tab-icon{width:17px;height:17px;stroke:currentColor;flex-shrink:0}#glass-panel-container{position:fixed;top:78px;left:20px;z-index:35;pointer-events:auto}.glass-panel{position:relative;width:380px;max-height:calc(100vh - 100px);display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-color);border-radius:24px;box-shadow:var(--glass-shadow-deep),var(--glass-highlight);overflow:hidden;animation:glassFadeIn .34s cubic-bezier(.16,1,.3,1);transition:max-height .32s cubic-bezier(.16,1,.3,1),transform .25s ease}@keyframes glassFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.glass-panel.panel-minimized{max-height:62px}.glass-panel.panel-minimized .glass-panel-body{display:none}.glass-panel.panel-minimized #btn-panel-minimize svg{transform:rotate(180deg)}.glass-panel-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--glass-border-subtle)}.glass-panel-title-group{display:flex;flex-direction:column;gap:2px}.glass-panel-title{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.glass-panel-subtitle{font-size:11px;color:var(--text-muted)}.btn-glass-icon{background:#ffffff26;border:1px solid var(--glass-border-subtle);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .18s ease}.btn-glass-icon:hover{background:#ffffff47;transform:translateY(-1px)}.btn-glass-icon svg{transition:transform .25s ease}.glass-panel-body{position:relative;z-index:2;padding:16px 18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.glass-panel-body::-webkit-scrollbar{width:5px}.glass-panel-body::-webkit-scrollbar-track{background:transparent}.glass-panel-body::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:9999px}.glass-card{position:relative;background:var(--glass-bg-card);border:1px solid var(--glass-border-subtle);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px 1px #ffffff40}.card-title{font-size:13px;font-weight:600;color:var(--text-primary)}.status-glass-card{padding:14px 16px;gap:10px}.status-top-row{display:flex;align-items:center;justify-content:space-between}.status-tag-group{display:flex;align-items:center;gap:8px}.status-indicator-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator-dot.status-strong{background:var(--color-strong);box-shadow:0 0 12px var(--color-strong-glow)}.status-indicator-dot.status-weak{background:var(--color-weak);box-shadow:0 0 12px var(--color-weak-glow)}.status-indicator-dot.status-lost{background:var(--color-lost);box-shadow:0 0 12px var(--color-lost-glow)}.status-path-label{font-size:13px;font-weight:600;color:var(--text-primary)}.status-word-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:9999px}.status-word-badge.status-strong{color:var(--color-strong);background:#22c55e26;border:1px solid rgba(34,197,94,.35)}.status-word-badge.status-weak{color:var(--color-weak);background:#f59e0b26;border:1px solid rgba(245,158,11,.35)}.status-word-badge.status-lost{color:var(--color-lost);background:#ef444426;border:1px solid rgba(239,68,68,.35)}.status-main-desc{font-size:12px;line-height:1.4;color:var(--text-secondary)}.glass-meter-wrapper{display:flex;flex-direction:column;gap:5px}.glass-meter-track{position:relative;width:100%;height:8px;background:#00000026;border-radius:9999px;overflow:visible;border:1px solid var(--glass-border-subtle)}body.night-theme .glass-meter-track{background:#0006}.glass-meter-fill{height:100%;border-radius:9999px;transition:width .3s ease}.glass-meter-fill.status-strong{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 0 10px var(--color-strong-glow)}.glass-meter-fill.status-weak{background:linear-gradient(90deg,#d97706,#f59e0b);box-shadow:0 0 10px var(--color-weak-glow)}.glass-meter-fill.status-lost{background:linear-gradient(90deg,#b91c1c,#ef4444);box-shadow:0 0 10px var(--color-lost-glow)}.glass-meter-marker{position:absolute;top:-3px;width:3px;height:14px;background:#f87171;border-radius:2px;box-shadow:0 0 6px #f87171b3;pointer-events:none}.glass-meter-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.status-footer-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);border-top:1px solid var(--glass-border-subtle);padding-top:8px;margin-top:2px}.status-footer-row b{color:var(--text-primary)}.glass-control-section{display:flex;flex-direction:column;gap:6px}.glass-control-label{font-size:12px;font-weight:600;color:var(--text-primary)}.glass-label-hint{font-size:11px;font-weight:400;color:var(--text-muted)}.glass-control-label-row{display:flex;justify-content:space-between;align-items:center}.glass-segmented-control{position:relative;display:flex;background:#00000014;border:1px solid var(--glass-border-subtle);border-radius:9999px;padding:3px;gap:2px}body.night-theme .glass-segmented-control{background:#0000004d}.glass-seg-highlight{position:absolute;top:3px;bottom:3px;left:0;border-radius:9999px;background:#ffffff80;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #00000014;transition:transform .32s cubic-bezier(.34,1.56,.64,1),width .32s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:1}body.night-theme .glass-seg-highlight{background:#38bdf847;border-color:#38bdf880;box-shadow:0 2px 10px #38bdf840}.glass-seg-btn{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;min-height:40px;border:none;background:transparent;border-radius:9999px;color:var(--text-secondary);cursor:pointer;transition:color .15s ease}.glass-seg-btn b{font-size:12px;font-weight:600;color:var(--text-primary)}.glass-seg-btn small{font-size:10px;color:var(--text-muted)}.glass-seg-btn.active b{color:var(--text-primary)}.glass-slider-container{position:relative;width:100%;padding:8px 0}.glass-slider-bubble{position:absolute;bottom:calc(100% + 4px);transform:translate(-50%);padding:3px 8px;border-radius:9999px;background:#0f172ae6;color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;white-space:nowrap;box-shadow:0 4px 12px #00000040}.glass-slider-bubble.visible{opacity:1;transform:translate(-50%) translateY(-2px)}.glass-slider-val{font-size:12px;font-weight:600;color:var(--accent)}.glass-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#00000026;border-radius:9999px;outline:none;border:1px solid var(--glass-border-subtle);cursor:pointer}body.night-theme .glass-range{background:#0006}.glass-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 3px 10px #0003;transition:transform .15s ease,box-shadow .15s ease}.glass-range::-webkit-slider-thumb:hover,.glass-range::-webkit-slider-thumb:active{transform:scale(1.18);box-shadow:0 4px 14px var(--accent-glow)}.time-presets-row{display:flex;gap:6px;margin-top:4px}.time-preset-btn{flex:1;padding:6px 8px;background:#00000014;border:1px solid var(--glass-border-subtle);border-radius:9999px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:center}body.night-theme .time-preset-btn{background:#ffffff14}.time-preset-btn:hover{background:#fff3;color:var(--text-primary)}.time-preset-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600;box-shadow:0 2px 8px var(--accent-glow)}.glass-toggle-card{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px}.toggle-text-col{display:flex;flex-direction:column;gap:2px}.toggle-title{font-size:13px;font-weight:600;color:var(--text-primary)}.toggle-sub{font-size:11px;color:var(--text-muted)}.glass-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.glass-switch input{opacity:0;width:0;height:0}.glass-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#0000002e;border:1px solid var(--glass-border-subtle);transition:.28s cubic-bezier(.34,1.56,.64,1);border-radius:9999px}body.night-theme .glass-switch-slider{background-color:#ffffff1a}.glass-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.28s cubic-bezier(.34,1.56,.64,1);border-radius:50%;box-shadow:0 2px 6px #0003}.glass-switch input:checked+.glass-switch-slider{background-color:var(--accent);border-color:var(--accent)}.glass-switch input:checked+.glass-switch-slider:before{transform:translate(20px)}.glass-actions-row{display:flex;align-items:center;gap:12px}.btn-glass-primary{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:9999px;background:#0ea5e947;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.5);box-shadow:0 8px 24px var(--accent-glow),inset 0 1px 1px #ffffff80;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;animation:glassPulse 2.8s infinite}@keyframes glassPulse{0%,to{box-shadow:0 8px 24px var(--accent-glow),inset 0 1px 1px #ffffff80}50%{box-shadow:0 8px 32px var(--accent-glow),0 0 16px #38bdf866,inset 0 1px 1px #ffffffb3}}.btn-glass-primary:hover{background:#0ea5e96b;transform:translateY(-1px)}.btn-glass-primary:active,.btn-glass-primary.pulse-active{transform:scale(.97);background:#0ea5e98c}.btn-glass-secondary{min-height:40px;padding:8px 16px;border-radius:9999px;background:#fff3;border:1px solid var(--glass-border-color);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-glass-secondary:hover{background:#ffffff52;transform:translateY(-1px)}.btn-glass-outline{min-height:40px;padding:8px 16px;border-radius:9999px;background:transparent;border:1px solid var(--glass-border-color);color:var(--text-primary);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-glass-outline:hover{background:#ffffff26}.glass-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.device-actions-header{display:flex;align-items:center;justify-content:space-between}.section-badge{font-size:11px;color:var(--text-muted);font-weight:500}.device-explode-row{display:flex;align-items:center;gap:12px}.explode-slider-group{flex:1;display:flex;flex-direction:column;gap:2px}.sub-label{font-size:11px;color:var(--text-muted)}.mini-oled-screen{background:#020617;border:1px solid rgba(56,189,248,.4);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;box-shadow:inset 0 0 12px #38bdf833}.oled-line-1{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;color:#38bdf8;letter-spacing:.05em}.oled-line-2{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;color:#94a3b8}.keypad-helper-text{font-size:11px;color:var(--text-muted)}.parts-grid{display:flex;flex-direction:column;gap:8px}.part-item{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid var(--glass-border-subtle)}.part-item:last-child{border-bottom:none}.part-name{font-size:12px;color:var(--text-primary)}.part-desc{font-size:11px;color:var(--text-secondary);line-height:1.35}.scenarios-grid{display:grid;grid-template-columns:1fr;gap:8px}.scenario-glass-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;background:#ffffff1a;border:1px solid var(--glass-border-subtle);border-radius:12px;text-align:left;cursor:pointer;transition:all .15s ease}.scenario-glass-btn:hover{background:#ffffff38;transform:translateY(-1px)}.scenario-glass-btn b{font-size:12px;color:var(--text-primary)}.scenario-glass-btn span{font-size:11px;color:var(--text-muted);line-height:1.3}.experiment-desc{font-size:11px;color:var(--text-secondary);line-height:1.4}.experiment-run-row{display:flex;align-items:center;gap:12px}.exp-status-text{font-size:11px;color:var(--text-muted)}.glass-results-box{background:#0000001a;border:1px solid var(--glass-border-subtle);border-radius:12px;overflow:hidden}.glass-table{width:100%;border-collapse:collapse;font-size:11px}.glass-table th,.glass-table td{padding:8px 12px;text-align:left}.glass-table th{background:#ffffff14;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--glass-border-subtle)}.glass-table td{color:var(--text-primary);border-bottom:1px solid var(--glass-border-subtle)}.glass-table tr:last-child td{border-bottom:none}.learn-list{display:flex;flex-direction:column;gap:8px}.learn-item{font-size:12px;line-height:1.4;color:var(--text-secondary)}.learn-item b{color:var(--text-primary)}.glossary-grid{display:flex;flex-direction:column;gap:8px}.glossary-item{display:flex;flex-direction:column;gap:2px;padding:4px 0;border-bottom:1px solid var(--glass-border-subtle);font-size:11px}.glossary-item:last-child{border-bottom:none}.glossary-item b{color:var(--accent)}.glossary-item span{color:var(--text-secondary)}.report-math-box{display:flex;flex-direction:column;gap:6px;background:#00000026;border-radius:10px;padding:10px 12px}.report-math-box code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;color:var(--accent);line-height:1.4}#toolbar-container{position:fixed;top:18px;right:20px;z-index:40;pointer-events:auto}.toolbar-wrapper{display:flex;align-items:center;gap:4px;padding:5px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-color);border-radius:9999px;box-shadow:var(--glass-shadow),var(--glass-highlight)}.btn-tool{background:transparent;border:none;border-radius:9999px;padding:8px 12px;min-height:40px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.btn-tool:hover{background:#fff3;color:var(--text-primary)}.btn-tool-help{padding:8px 14px;font-weight:700}.shortcuts-modal{position:fixed;top:75px;right:20px;width:290px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-color);border-radius:20px;box-shadow:var(--glass-shadow-deep),var(--glass-highlight);padding:16px;display:none;z-index:50;animation:glassFadeIn .25s ease}.shortcuts-modal.open{display:block}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header h4{font-size:13px;font-weight:600;color:var(--text-primary)}.btn-close-clean{background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-muted)}.shortcut-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.shortcut-item kbd{background:#fff3;border:1px solid var(--glass-border-subtle);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;color:var(--text-primary)}#first-run-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:30;pointer-events:none}.first-run-box{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-color);border-radius:9999px;padding:8px 20px;box-shadow:var(--glass-shadow);color:var(--text-primary);font-size:12px;font-weight:500;display:flex;align-items:center;gap:10px;animation:glassFadeIn .4s ease}.closeup-hover-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-color);border-radius:9999px;padding:8px 20px;font-size:12px;color:var(--text-primary);box-shadow:var(--glass-shadow);z-index:45;display:none}.closeup-hover-banner.visible{display:block;animation:glassFadeIn .2s ease}.hover-part-name{font-weight:700;color:var(--accent)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@supports not (backdrop-filter: blur(1px)){.glass-tab-bar,.glass-panel,.glass-card,.toolbar-wrapper,.first-run-box,.shortcuts-modal{background:#f8fafcf2}body.night-theme .glass-tab-bar,body.night-theme .glass-panel,body.night-theme .glass-card,body.night-theme .toolbar-wrapper,body.night-theme .first-run-box,body.night-theme .shortcuts-modal{background:#0f172af2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}.focus-pill-btn{background:var(--glass-card-bg);border:1px solid var(--glass-border-subtle);border-radius:9999px;color:var(--text-primary);font-size:11px;font-weight:500;padding:6px 10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center}.focus-pill-btn:hover{background:var(--glass-btn-hover);border-color:var(--glass-border-color);transform:translateY(-1px)}.focus-pill-btn:active{transform:translateY(0)}.saved-views-card{display:flex;flex-direction:column;gap:8px}.saved-views-chips{display:flex;flex-wrap:wrap;gap:6px}.view-chip-btn{background:#ffffff1a;border:1px solid var(--glass-border-subtle);border-radius:9999px;color:var(--text-secondary);font-size:11px;padding:4px 10px;cursor:pointer;transition:all .2s ease}.view-chip-btn:hover{color:var(--text-primary);border-color:var(--accent);background:#0ea5e926}.btn-glass-xs{background:#ffffff1a;border:1px solid var(--glass-border-subtle);border-radius:12px;color:var(--accent);font-size:10px;font-weight:600;padding:3px 8px;cursor:pointer;transition:all .2s ease}.btn-glass-xs:hover{background:#0ea5e933;border-color:var(--accent)}.floating-banner-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:50;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px}.floating-orbit-banner,.floating-follow-banner{pointer-events:auto;display:flex;align-items:center;gap:8px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-color);box-shadow:0 12px 32px #00000040;border-radius:9999px;padding:8px 18px;font-size:12px;font-weight:600;color:var(--text-primary);animation:floatBannerFadeIn .3s cubic-bezier(.16,1,.3,1)}.floating-orbit-banner{cursor:pointer;border-color:#0ea5e966;transition:all .2s ease}.floating-orbit-banner:hover{background:#0ea5e938;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 16px 36px #0ea5e94d}.floating-follow-banner{border-color:#22c55e66;color:var(--status-strong-text, #22c55e)}@keyframes floatBannerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.disable-glass-blur .glass-tab-bar,body.disable-glass-blur .glass-panel,body.disable-glass-blur .toolbar-wrapper,body.disable-glass-blur .glass-card,body.disable-glass-blur .floating-orbit-banner,body.disable-glass-blur .floating-follow-banner{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#121c30eb!important}.perf-debug-overlay{position:fixed;top:14px;left:14px;z-index:9999;width:250px;background:#0a0f1ae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px;color:#f1f5f9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;box-shadow:0 16px 36px #00000073;pointer-events:auto}.perf-debug-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;margin-bottom:8px}.perf-tag{background:#0ea5e940;color:#38bdf8;padding:2px 6px;border-radius:6px;font-size:9px;font-weight:700}.perf-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.perf-metric{display:flex;flex-direction:column}.perf-lbl{color:#94a3b8;font-size:9px}.perf-val{color:#f8fafc;font-size:11px}.perf-toggles-row,.perf-presets-row{display:flex;gap:4px;margin-top:6px}.perf-btn,.perf-preset-btn{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#cbd5e1;font-size:9px;padding:4px 2px;cursor:pointer;text-align:center;transition:all .15s ease}.perf-btn:hover,.perf-preset-btn:hover{background:#ffffff29;color:#fff}.perf-btn.active,.perf-preset-btn.active{background:#0ea5e959;border-color:#38bdf8;color:#38bdf8;font-weight:700}.loading-screen{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#111d38,#060a14);transition:opacity .5s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-card{width:90%;max-width:420px;background:#121c30bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:32px 28px;box-shadow:0 24px 64px #0009;display:flex;flex-direction:column;gap:20px}.loading-brand{display:flex;align-items:center;gap:16px}.loading-icon{width:36px;height:36px;color:#38bdf8;flex-shrink:0}.loading-title-group{display:flex;flex-direction:column;gap:3px}.loading-title{margin:0;font-size:20px;font-weight:700;color:#f8fafc;letter-spacing:-.02em}.loading-subtitle{margin:0;font-size:12px;color:#94a3b8}.loading-progress-track{width:100%;height:6px;background:#ffffff14;border-radius:9999px;overflow:hidden}.loading-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:9999px;transition:width .3s cubic-bezier(.16,1,.3,1)}.loading-status{font-size:12px;color:#64748b;text-align:center}body.in-photo-mode #glass-tab-bar-container,body.in-photo-mode #glass-panel-container,body.in-photo-mode #toolbar-container,body.in-photo-mode #first-run-container,body.in-photo-mode #floating-banner-container,body.in-photo-mode #tour-controls-container,body.in-photo-mode #perf-debug-overlay,body.in-guided-tour #glass-tab-bar-container,body.in-guided-tour #glass-panel-container,body.in-guided-tour #first-run-container{display:none!important}.tour-controls-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:90;width:90%;max-width:640px;pointer-events:auto;display:flex;justify-content:center}.tour-pill{width:100%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-color);border-radius:20px;padding:14px 20px;box-shadow:0 16px 40px #00000059;display:flex;align-items:center;justify-content:space-between;gap:16px;animation:floatBannerFadeIn .35s cubic-bezier(.16,1,.3,1)}.tour-content{display:flex;flex-direction:column;gap:4px;flex:1}.tour-header-row{display:flex;align-items:center;gap:8px}.tour-step-badge{font-size:10px;font-weight:700;color:var(--accent);background:#0ea5e926;padding:2px 7px;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.tour-step-title{font-size:13px;font-weight:600;color:var(--text-primary)}.tour-step-caption{margin:0;font-size:12px;line-height:1.4;color:var(--text-secondary)}.tour-btn-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.tour-btn{background:#ffffff1a;border:1px solid var(--glass-border-subtle);border-radius:12px;color:var(--text-primary);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.tour-btn:hover:not(:disabled){background:var(--glass-btn-hover);border-color:var(--accent);transform:translateY(-1px)}.tour-btn:disabled{opacity:.35;cursor:default}.tour-btn-play{background:#0ea5e933;border-color:#0ea5e966;color:var(--accent)}.tour-btn-exit{width:auto;padding:0 12px;font-size:11px;font-weight:600;border-radius:9999px}@media(max-width:768px){#glass-tab-bar-container{top:auto;bottom:16px;width:calc(100% - 24px);max-width:420px}.glass-tab-bar{justify-content:space-around;width:100%}.glass-tab-btn{padding:8px 12px;font-size:11px;flex:1;justify-content:center}#glass-panel-container{inset:auto 12px 84px;width:auto}.glass-panel{width:100%;max-height:60vh;border-radius:24px}#toolbar-container{top:14px;right:14px}.btn-tool span{display:none}.btn-tool{padding:8px}#first-run-container{display:none}}