@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,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(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-sans:"Inter","Inter Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_dd5b2f{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_dd5b2f{--font-display:"Space Grotesk","Space Grotesk Fallback"}:root{--bg-deep:#020204;--bg-primary:#05050a;--bg-secondary:#0a0a12;--bg-tertiary:#11111a;--bg-elevated:#161620;--cyan:#00f5d4;--cyan-dim:rgba(0,245,212,0.6);--cyan-glow:rgba(0,245,212,0.25);--magenta:#ff006e;--magenta-dim:rgba(255,0,110,0.6);--magenta-glow:rgba(255,0,110,0.25);--lime:#ccff00;--lime-dim:rgba(204,255,0,0.6);--lime-glow:rgba(204,255,0,0.25);--violet:#8338ec;--violet-glow:rgba(131,56,236,0.25);--text-primary:rgba(255,255,255,0.98);--text-secondary:rgba(255,255,255,0.85);--text-tertiary:rgba(255,255,255,0.6);--text-muted:rgba(255,255,255,0.4);--border-primary:rgba(0,245,212,0.2);--border-secondary:rgba(255,255,255,0.08);--border-subtle:rgba(255,255,255,0.04);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-display:"Space Grotesk",sans-serif;--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 8px 32px rgba(0,0,0,0.5);--shadow-lg:0 16px 64px rgba(0,0,0,0.6);--shadow-cyan:0 0 40px var(--cyan-glow);--shadow-magenta:0 0 40px var(--magenta-glow);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.canvas-container{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 1200px 800px at 50% 0,rgba(0,245,212,.06),transparent 60%),radial-gradient(ellipse 900px 600px at 20% 100%,rgba(255,0,110,.05),transparent 55%),radial-gradient(ellipse 800px 500px at 80% 100%,rgba(204,255,0,.04),transparent 50%),var(--bg-deep)}.cyber-grid{z-index:1;background:linear-gradient(rgba(0,245,212,.06) 1px,transparent 0),linear-gradient(90deg,rgba(0,245,212,.04) 1px,transparent 0);background-size:60px 60px;transform:perspective(1000px) rotateX(70deg) translateY(180px) scale(1.5);transform-origin:top center;opacity:.4;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 80%)}.cyber-grid,.scanlines{position:fixed;inset:0;pointer-events:none}.scanlines{z-index:10;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 0,transparent 4px);opacity:.15;mix-blend-mode:overlay}.noise-overlay{z-index:11;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.noise-overlay,.vignette{position:fixed;inset:0;pointer-events:none}.vignette{z-index:5;background:radial-gradient(ellipse at center,transparent 0,transparent 50%,rgba(0,0,0,.4) 100%)}.cursor{width:8px;height:8px;background:var(--cyan);border-radius:50%;z-index:1000;mix-blend-mode:screen;box-shadow:0 0 12px var(--cyan),0 0 24px var(--cyan-glow);transition:transform .08s ease-out}.cursor,.cursor-trail{position:fixed;pointer-events:none}.cursor-trail{width:32px;height:32px;border:1px solid rgba(0,245,212,.4);border-radius:50%;z-index:999;transition:transform .15s ease-out}.hud{position:fixed;inset:0;z-index:20;display:grid;grid-template-columns:280px 1fr 280px;grid-template-rows:auto 1fr auto;gap:var(--space-4);padding:var(--space-4);pointer-events:none}.panel{background:rgba(10,10,18,.85)}.panel,.panel-glass{pointer-events:auto;backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.panel-glass{background:rgba(10,10,18,.75)!important}.brand-bar,.panel-glass{opacity:1!important;visibility:visible!important}.brand-bar{grid-column:1/-1;justify-content:space-between;padding:var(--space-3) var(--space-4);height:56px}.brand-bar,.logo{display:flex;align-items:center}.logo{gap:var(--space-3)}.logo-text{font-family:var(--font-display);font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,#fff 0,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-version{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.1em;padding:2px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.system-status{gap:var(--space-5);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--text-tertiary)}.status-item,.system-status{display:flex;align-items:center}.status-item{gap:var(--space-2)}.status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.5);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.nav-link,.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-link{padding:var(--space-1) var(--space-2);background:rgba(0,0,0,.2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);text-decoration:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;transition:all .2s var(--ease-out-expo)}.nav-link:hover{border-color:var(--border-primary);color:var(--text-secondary);background:rgba(255,255,255,.03)}.nav-link.active{border-color:var(--cyan-dim);color:var(--cyan);background:rgba(0,245,212,.08);box-shadow:0 0 12px rgba(0,245,212,.15)}.nav-icon{font-size:11px}.nav-text{font-weight:500}.status-label{color:var(--text-secondary)}.status-value{color:var(--cyan)}.left-panel{grid-row:2;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;opacity:1!important;visibility:visible!important}.metric-card{padding:var(--space-3);background:rgba(0,0,0,.35);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s var(--ease-out-expo)}.metric-card:hover{border-color:var(--border-primary);background:rgba(0,0,0,.45)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.metric-label{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary)}.metric-badge,.metric-label{font-family:var(--font-mono)}.metric-badge{font-size:9px;padding:2px 6px;border-radius:var(--radius-sm);background:rgba(0,245,212,.1);color:var(--cyan-dim);letter-spacing:.08em}.metric-value{font-family:var(--font-mono);font-size:26px;font-weight:300;letter-spacing:.05em;color:var(--text-primary);margin-bottom:var(--space-2)}.metric-bar{height:3px;background:rgba(255,255,255,.06);overflow:hidden}.metric-bar,.metric-fill{border-radius:var(--radius-full)}.metric-fill{height:100%;transition:width .6s var(--ease-out-expo)}.metric-fill.cyan{background:linear-gradient(90deg,var(--cyan),rgba(0,245,212,.4))}.metric-fill.magenta{background:linear-gradient(90deg,var(--magenta),rgba(255,0,110,.4))}.metric-fill.lime{background:linear-gradient(90deg,var(--lime),rgba(204,255,0,.4))}.center-panel{grid-row:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-5);background:transparent;backdrop-filter:none;border:none;box-shadow:none}.stage-index{font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;color:var(--text-tertiary);opacity:.8}.stage-index,.stage-title{margin-bottom:var(--space-4)}.stage-title{position:relative;z-index:10;font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:300;line-height:1.1;letter-spacing:.12em;text-transform:uppercase}.stage-title .line-1{color:#fff;background:linear-gradient(180deg,#fff,rgba(255,255,255,.7));background-clip:text;-webkit-background-clip:text}.stage-title .line-1,.stage-title .line-2{display:block;-webkit-text-fill-color:transparent}.stage-title .line-2{color:var(--cyan);background:linear-gradient(90deg,var(--cyan) 0,var(--magenta) 50%,var(--lime) 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 20px rgba(0,245,212,.15))}.stage-description{max-width:520px;font-size:13px;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-5)}.tag-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-secondary);background:rgba(0,0,0,.4);color:var(--text-tertiary);transition:all .2s ease}.tag:hover{border-color:var(--border-primary);color:var(--text-secondary)}.right-panel{grid-row:2;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;opacity:1!important;visibility:visible!important}.control-group{padding:var(--space-3);background:rgba(0,0,0,.35);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.control-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.control-value{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--cyan)}.slider-container{position:relative;height:24px;display:flex;align-items:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:rgba(255,255,255,.06);border-radius:var(--radius-full);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cyan);border:2px solid var(--bg-primary);box-shadow:0 0 12px var(--cyan-glow);cursor:pointer;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px var(--cyan)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cyan);border:2px solid var(--bg-primary);box-shadow:0 0 12px var(--cyan-glow);cursor:pointer}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.btn{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:rgba(0,0,0,.4);color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-out-expo)}.btn:hover{border-color:var(--border-primary);color:var(--text-primary);transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-primary{grid-column:1/-1;background:linear-gradient(135deg,rgba(0,245,212,.15),rgba(0,245,212,.05));border-color:rgba(0,245,212,.3);color:var(--cyan)}.btn-primary:hover{background:linear-gradient(135deg,rgba(0,245,212,.25),rgba(0,245,212,.1));border-color:rgba(0,245,212,.5);box-shadow:var(--shadow-cyan)}.status-indicator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:rgba(0,0,0,.35);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.status-lamp{width:10px;height:10px;border-radius:50%;background:var(--magenta);box-shadow:0 0 16px var(--magenta-glow);animation:breathe 1.8s ease-in-out infinite}.status-indicator.active .status-lamp{background:var(--lime);box-shadow:0 0 16px var(--lime-glow);animation:none}@keyframes breathe{0%,to{opacity:.3}50%{opacity:1}}.status-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-tertiary)}.dock-container{grid-column:1/-1;grid-row:3;display:flex;gap:var(--space-3);align-items:flex-end}.emotion-dock{flex:1;display:flex;gap:var(--space-2);padding:var(--space-3);overflow-x:auto;scrollbar-width:none}.dock-nav{gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.dock-nav,.dock-nav-link{display:flex;background:rgba(0,0,0,.3)}.dock-nav-link{align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);text-decoration:none;transition:all .2s var(--ease-out-expo)}.dock-nav-link:hover{border-color:var(--border-primary);color:var(--text-secondary);background:rgba(255,255,255,.03)}.dock-nav-link.active{border-color:var(--cyan-dim);color:var(--cyan);background:rgba(0,245,212,.1);box-shadow:0 0 12px rgba(0,245,212,.15)}.dock-nav-icon{font-size:14px}.emotion-dock::-webkit-scrollbar{display:none}.emotion-card{flex-shrink:0;width:160px;padding:var(--space-3);background:rgba(0,0,0,.35);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .25s var(--ease-out-expo);position:relative}.emotion-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-md);padding:1px;background:linear-gradient(135deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.emotion-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.12);background:rgba(0,0,0,.5)}.emotion-card.active{border-color:var(--cyan);background:rgba(0,245,212,.08)}.emotion-card.active:before{background:linear-gradient(135deg,var(--cyan),transparent 60%);opacity:1}.emotion-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.emotion-emoji{width:40px;height:40px;display:grid;place-items:center;font-size:20px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15),transparent 70%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.emotion-info{flex:1}.emotion-name{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--text-primary);text-transform:uppercase}.emotion-cn{font-size:11px;color:var(--text-tertiary);margin-top:2px}.emotion-stats{display:flex;flex-direction:column;gap:4px}.emotion-stat{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text-muted)}.emotion-stat span:last-child{color:var(--text-tertiary)}.status-bar{position:fixed;bottom:24px;right:24px;width:auto;min-width:200px;z-index:40;flex-shrink:0;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);opacity:1!important;visibility:visible!important}.status-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-muted)}.status-row .value{color:var(--cyan)}.modal-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal-sheet{width:min(800px,92vw);max-height:90vh;overflow-y:auto;background:rgba(10,10,18,.95);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-cyan);transform:scale(.95) translateY(20px);opacity:0;transition:all .3s var(--ease-out-expo)}.modal-overlay.active .modal-sheet{transform:scale(1) translateY(0);opacity:1}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.modal-title{font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(90deg,#fff,var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-close{width:36px;height:36px;display:grid;place-items:center;background:rgba(0,0,0,.4);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:all .2s ease}.modal-close:hover{border-color:var(--magenta);color:var(--magenta)}.modal-body{padding:var(--space-4) var(--space-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.input-section{padding:var(--space-4);background:rgba(0,0,0,.3);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.input-label{display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-3)}input[type=text],textarea{width:100%;padding:var(--space-3);background:rgba(0,0,0,.4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;resize:vertical;outline:none;transition:all .2s ease}input[type=text]:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,245,212,.1)}textarea::-moz-placeholder{color:var(--text-muted)}textarea::placeholder{color:var(--text-muted)}.drop-zone{padding:var(--space-5);border:2px dashed var(--border-secondary);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all .2s ease}.drop-zone.drag-over,.drop-zone:hover{border-color:var(--magenta);background:rgba(255,0,110,.05)}.drop-zone-text{font-size:13px;color:var(--text-tertiary);line-height:1.6}.drop-zone-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:var(--space-2)}.preview-container{display:none;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);background:rgba(0,0,0,.4);border-radius:var(--radius-md)}.preview-container.active{display:flex}.preview-image{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.preview-info{flex:1}.preview-name{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.input-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.shortcut-hint{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:10px;color:var(--text-muted);line-height:1.8}.shortcut-hint kbd{display:inline-block;padding:2px 6px;background:rgba(255,255,255,.06);border:1px solid var(--border-subtle);border-radius:4px;font-size:9px;color:var(--text-tertiary)}@media (max-width:1024px){.hud{grid-template-columns:240px 1fr 240px}.emotion-card{width:140px}.status-bar{width:280px}}@media (max-width:768px){.hud{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto;overflow-y:auto}.left-panel,.right-panel{display:none}.center-panel{grid-row:2}.dock-container{flex-direction:column}.status-bar{width:100%}.modal-body{grid-template-columns:1fr}.cursor,.cursor-trail{display:none}}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.shortcuts-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);animation:fade-in .2s ease}.shortcuts-panel{width:90%;max-width:580px;max-height:80vh;overflow-y:auto;background:rgba(10,10,18,.95);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px var(--cyan-glow);animation:slide-up .3s var(--ease-out-expo)}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.shortcuts-header h3{font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary)}.shortcuts-header .btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:18px;cursor:pointer;transition:all .2s}.shortcuts-header .btn-close:hover{border-color:var(--border-primary);color:var(--text-primary);background:rgba(255,255,255,.03)}.shortcuts-content{padding:var(--space-4)}.shortcuts-section{margin-bottom:var(--space-4)}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section-title{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--space-3)}.shortcuts-list{display:flex;flex-direction:column;gap:var(--space-2)}.shortcut-link,.shortcut-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:rgba(0,0,0,.3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:13px;color:var(--text-secondary);transition:all .2s;text-decoration:none}.shortcut-link:hover,.shortcut-row:hover{border-color:var(--border-primary);background:rgba(255,255,255,.03)}.shortcut-link{cursor:pointer}.shortcut-link kbd{color:var(--text-primary)}.shortcut-link kbd,.shortcut-row kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 var(--space-2);background:rgba(255,255,255,.06);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;color:var(--text-primary);text-align:center;flex-shrink:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}