@font-face{font-family:Space Grotesk;src:url(/02-AI-Frontiers/9-attractor-atlas/fonts/space-grotesk-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{color-scheme:dark;--bg-dark: #07070c;--bg-panel: rgba(13, 14, 22, .72);--bg-panel-hover: rgba(22, 24, 38, .85);--border-subtle: rgba(255, 255, 255, .09);--text-primary: #eef0f8;--text-muted: #8a8fa5;--accent-a: #ffd166;--accent-b: #7a5cff;--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#viewport:active{cursor:grabbing}.header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:linear-gradient(180deg,rgba(7,7,12,.82),transparent);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.header>*{pointer-events:auto}.brand-group{display:flex;align-items:center;gap:12px}.brand-title{font-size:15px;font-weight:700;letter-spacing:.14em}.brand-badge{font-family:var(--font-mono);font-size:11px;padding:3px 9px;border-radius:4px;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--accent-a);transition:color .6s ease}.header-status{display:flex;align-items:center;gap:10px}.regime-pill{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:999px;font-family:var(--font-mono);font-size:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-width:40vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.regime-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--accent-a);box-shadow:0 0 8px var(--accent-a);transition:background .6s ease,box-shadow .6s ease}.btn-icon{background:var(--bg-panel);border:1px solid var(--border-subtle);color:var(--text-primary);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-icon:hover{background:var(--bg-panel-hover);border-color:#ffffff38}.btn-icon.active{border-color:var(--accent-a);color:var(--accent-a)}.btn-icon svg{width:17px;height:17px}.panel-exhibits{position:absolute;top:50%;left:24px;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:8px;width:196px;transition:opacity .4s ease,transform .4s ease}.exhibit-card{display:flex;flex-direction:column;gap:2px;padding:11px 14px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;text-align:left;color:var(--text-primary);font-family:var(--font-sans);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s ease,border-color .22s ease}.exhibit-card:hover{background:var(--bg-panel-hover);transform:translate(4px)}.exhibit-card.active{border-color:var(--accent-a);background:#181622e0;box-shadow:0 4px 24px #00000073}.exhibit-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.exhibit-code{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--text-muted)}.exhibit-swatch{width:22px;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--sw-a),var(--sw-b))}.exhibit-name{font-size:14px;font-weight:600}.exhibit-card.active .exhibit-name{color:var(--accent-a)}.exhibit-en{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.panel-controls{position:absolute;top:84px;right:24px;width:268px;z-index:10;display:flex;flex-direction:column;gap:14px;transition:opacity .4s ease,transform .4s ease}.glass-card{padding:16px 18px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000059}.card-title{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-title-en{font-family:var(--font-mono);font-size:10px;opacity:.6}.param-row{margin:10px 0}.param-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:4px}.param-value{color:var(--accent-a);transition:color .6s ease}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent-a),var(--accent-b));opacity:.55;outline:none;transition:opacity .2s ease}input[type=range]:hover,input[type=range]:focus-visible{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--accent-a);cursor:pointer;box-shadow:0 0 6px #0009}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--accent-a);cursor:pointer}.panel-note{margin-top:10px;font-size:11px;line-height:1.6;color:var(--text-muted)}.panel-about .about-name{font-size:14px;font-weight:600;margin-bottom:6px}.about-formula{font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--accent-b);margin-bottom:8px;transition:color .6s ease}.about-desc{font-size:12px;line-height:1.7;color:var(--text-muted)}.hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:1;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:#ffffff57;pointer-events:none;white-space:nowrap;transition:opacity .4s ease}.fab{display:none;position:absolute;right:16px;bottom:18px;z-index:30;width:46px;height:46px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px #00000080}.fab svg{width:20px;height:20px}.drawer-mask{display:none;position:absolute;inset:0;z-index:20;background:#0404088c;opacity:0;transition:opacity .3s ease}.ui-hidden .header,.ui-hidden .panel-exhibits,.ui-hidden .panel-controls,.ui-hidden .hint,.ui-hidden .fab{opacity:0;pointer-events:none}.webgl-fallback{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 40%,#12121f,#07070c 70%);text-align:center;padding:24px}.webgl-fallback h1{font-size:24px;letter-spacing:.2em;color:var(--accent-a)}.webgl-fallback p{font-size:14px;line-height:1.9;color:var(--text-muted)}@media(max-width:1080px){.panel-exhibits{inset:auto 0 0;transform:none;width:auto;padding:18px 16px 84px;background:linear-gradient(0deg,rgba(7,7,12,.96) 30%,transparent);transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:25}.drawer-open .panel-exhibits{transform:translateY(0)}.drawer-mask{display:block;pointer-events:none}.drawer-open .drawer-mask{opacity:1;pointer-events:auto}.fab{display:flex}.panel-controls{top:74px;right:12px;width:224px}.panel-about{display:none}.header{padding:14px 16px}.brand-badge{display:none}.regime-pill{max-width:34vw;font-size:11px}.hint{display:none}}@media(max-width:1080px)and (max-height:500px){.panel-controls{display:none}}