:root{--bg-space:#07090e;--bg-chassis:#121722;--bg-chassis-inner:#0b0e17;--border-metal:#8cafd72e;--cyan:#00f3ff;--magenta:#f0a;--yellow:#d4ff00;--danger:#ff2a55;--text-main:#f0f6fc;--text-muted:#8b9bb4;--font-sans:"Zen Maru Gothic", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-space);background-image:linear-gradient(#00f3ff09 1px,#0000 1px),linear-gradient(90deg,#00f3ff09 1px,#0000 1px);background-size:40px 40px;min-height:100vh;margin:0;padding:0}.cyber-system-bar{-webkit-backdrop-filter:blur(12px);z-index:1000;height:54px;font-family:var(--font-mono);background:#090d16d9;border-bottom:1px solid #00f3ff33;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.sys-brand{align-items:center;gap:10px;font-size:.85rem;display:flex}.brand-dot{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.brand-title{color:#fff;letter-spacing:.08em;font-weight:800;text-decoration:none}.sys-divider{color:var(--text-muted)}.sys-location{color:var(--cyan);font-size:.8rem}.sys-right{align-items:center;gap:12px;display:flex}.back-button{color:var(--cyan);background:#00f3ff1a;border:1px solid #00f3ff66;border-radius:6px;padding:6px 14px;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .2s}.back-button:hover{background:var(--cyan);color:#000;box-shadow:0 0 14px #00f3ff80}.sys-status-badge{color:var(--yellow);background:#d4ff0014;border:1px solid #d4ff0059;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;display:flex}.pulse-dot{background:var(--yellow);width:7px;height:7px;box-shadow:0 0 8px var(--yellow);border-radius:50%}.screw{pointer-events:none;background:#232b3d;border:1px solid #ffffff40;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:inset 0 1px 2px #000c}.screw.tl{top:10px;left:10px}.screw.tr{top:10px;right:10px}.screw.bl{bottom:10px;left:10px}.screw.br{bottom:10px;right:10px}.home-container{max-width:1120px;margin:0 auto;padding:90px 24px 60px}.hero-banner{background:linear-gradient(145deg,#141b2de6,#0a0e18f2);border:1px solid #00f3ff40;border-radius:16px;margin-bottom:36px;padding:32px;position:relative;box-shadow:0 16px 40px #0009,inset 0 0 30px #00f3ff0d}.hero-badge-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.cyber-pill{font-family:var(--font-mono);letter-spacing:.06em;border-radius:4px;padding:4px 10px;font-size:.72rem;font-weight:700}.cyber-pill.cyan{color:var(--cyan);background:#00f3ff1f;border:1px solid #00f3ff66}.cyber-pill.yellow{color:var(--yellow);background:#d4ff001f;border:1px solid #d4ff0066}.hero-banner h1{font-family:var(--font-mono);color:#fff;letter-spacing:.04em;text-shadow:0 0 20px #00f3ff59;margin:0 0 12px;font-size:clamp(1.6rem,3.5vw,2.5rem)}.hero-banner .jp-sub{font-family:var(--font-sans);color:var(--cyan);margin-left:8px;font-size:.6em;font-weight:700}.hero-desc{color:var(--text-muted);margin:0;font-size:.98rem;line-height:1.7}.section-label{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.08em;align-items:center;gap:16px;margin-bottom:20px;font-size:.8rem;display:flex}.line-decor{background:linear-gradient(90deg,#00f3ff66,#0000);flex:1;height:1px}.content-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px;display:grid}.content-card{background:var(--bg-chassis);border:1px solid var(--border-metal);color:#fff;border-radius:14px;flex-direction:column;gap:14px;padding:24px;text-decoration:none;transition:all .25s;display:flex;position:relative;box-shadow:0 10px 30px #00000080}.content-card.active-module{border-color:#00f3ff73;box-shadow:0 10px 30px #0009,0 0 20px #00f3ff1f}.content-card.active-module:hover{border-color:var(--cyan);transform:translateY(-6px);box-shadow:0 14px 36px #000000bf,0 0 28px #00f3ff4d}.card-top-bar{font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.module-id{color:var(--text-muted);font-weight:700}.status-pill{border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700}.status-pill.online{color:var(--cyan);background:#00f3ff26;border:1px solid #00f3ff66}.status-pill.locked{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1f}.module-preview{background:var(--bg-chassis-inner);border:1px solid #00f3ff2e;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.module-preview svg{width:100%;height:80px}.preview-tags{font-family:var(--font-mono);color:var(--yellow);opacity:.85;justify-content:space-between;font-size:.68rem;display:flex}.content-card h2{flex-direction:column;gap:2px;margin:0;font-size:1.3rem;display:flex}.content-card h2 small{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.06em;font-size:.72rem}.content-card p{color:var(--text-muted);flex:1;margin:0;font-size:.9rem;line-height:1.55}.card-footer{font-family:var(--font-mono);color:var(--yellow);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;font-size:.8rem;font-weight:700;display:flex}.content-card.disabled{opacity:.55;cursor:not-allowed}.app-container{background-color:var(--bg-space);width:100vw;height:100vh;position:relative;overflow:hidden}.oscilloscope-viewport{width:100%;height:100%;position:relative}.oscilloscope-hud{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:10px;width:94%;max-width:860px;display:flex;position:absolute;top:68px;left:50%;transform:translate(-50%)}.hud-chip{font-family:var(--font-mono);background:#0b0f19d1;border:1px solid #00f3ff40;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;display:flex;box-shadow:0 4px 12px #0006}.hud-label{color:var(--text-muted)}.hud-val{color:#fff;font-weight:700}.hud-val.cyan{color:var(--cyan)}.hud-val.yellow{color:var(--yellow)}.hud-val.magenta{color:var(--magenta)}.overlay{z-index:20;width:95%;max-width:900px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.synth-deck-wrapper{grid-template-columns:270px 1fr;align-items:stretch;gap:16px;display:grid}.guide-bot-panel{background:linear-gradient(160deg,#141a28f0,#0b0e17f5);border:1px solid #00f3ff59;border-radius:14px;flex-direction:column;justify-content:space-between;gap:10px;padding:14px;display:flex;box-shadow:0 10px 30px #000000a6}.guide-bot-panel.mic-theme{border-color:#ff00aa73}.guide-bot-panel.rec-theme{border-color:var(--danger)}.bot-avatar-wrap{background:#06090fbf;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;padding:8px;display:flex}.bot-svg{width:88px;height:96px;transition:transform .3s;animation:3s ease-in-out infinite botFloat}.bot-svg.bot-active{animation:1.1s ease-in-out infinite botFloatActive}@keyframes botFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes botFloatActive{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.04)}}.bot-badge{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;margin-top:2px;font-size:.65rem}.bot-dialogue{border-left:3px solid var(--cyan);background:#00f3ff0d;border-radius:6px;flex-direction:column;flex:1;justify-content:center;padding:10px 12px;display:flex}.guide-bot-panel.mic-theme .bot-dialogue{border-left-color:var(--magenta);background:#ff00aa0f}.bot-dialogue-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.bot-dot{border-radius:50%;width:6px;height:6px}.bot-title{font-family:var(--font-mono);color:var(--yellow);letter-spacing:.06em;font-size:.66rem}.bot-text{color:#e8f1fc;margin:0;font-size:.84rem;line-height:1.48}.control-panel{background:linear-gradient(#161c2a 0%,#0e131d 100%);border:1px solid #00f3ff59;border-radius:14px;flex-direction:column;gap:14px;padding:20px 22px;display:flex;position:relative;box-shadow:0 12px 36px #000000bf,inset 0 1px #ffffff1a}.control-panel.mic-mode{border-color:#ff00aa73}.deck-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.deck-title-group{align-items:center;gap:8px;display:flex}.led-lamp{background:#334155;border:1px solid #fff3;border-radius:50%;width:9px;height:9px}.led-lamp.on{background:var(--yellow);box-shadow:0 0 10px var(--yellow)}.led-lamp.danger{background:var(--danger);box-shadow:0 0 12px var(--danger)}.control-panel h2{font-family:var(--font-mono);letter-spacing:.08em;color:var(--cyan);margin:0;font-size:.88rem;font-weight:800}.control-panel.mic-mode h2{color:var(--magenta)}.deck-serial{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.tabs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tab-btn{color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);background:#090d14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.tab-code{font-family:var(--font-mono);background:#ffffff0f;border-radius:4px;padding:2px 5px;font-size:.72rem}.tab-btn.active{border-color:var(--cyan);color:#fff;background:#00f3ff24;box-shadow:0 0 12px #00f3ff40}.mic-mode .tab-btn.active{border-color:var(--magenta);background:#ff00aa29;box-shadow:0 0 12px #ff00aa47}.mode-content{flex-direction:column;gap:14px;display:flex}.sliders-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.control-group{background:var(--bg-chassis-inner);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.control-label-row{justify-content:space-between;align-items:baseline;display:flex}.param-name{color:var(--text-muted);font-size:.78rem;font-weight:700}.param-readout{font-family:var(--font-mono);font-size:1.05rem;font-weight:800}.cyan-text{color:var(--cyan)}.yellow-text{color:var(--yellow)}.magenta-text{color:var(--magenta)}.cyber-slider{appearance:none;background:0 0;width:100%}.cyber-slider:focus{outline:none}.cyber-slider::-webkit-slider-runnable-track{cursor:pointer;background:#1e2638;border:1px solid #ffffff1a;border-radius:3px;width:100%;height:6px}.cyber-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;border:2px solid var(--cyan);width:14px;height:20px;box-shadow:0 0 10px var(--cyan);background:#fff;border-radius:3px;margin-top:-8px}.cyber-slider.yellow-slider::-webkit-slider-thumb{border-color:var(--yellow);box-shadow:0 0 10px var(--yellow)}.preset-chips{gap:6px;display:flex}.preset-chips button{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;flex:1;padding:4px 6px;font-size:.68rem;transition:all .15s}.preset-chips button:hover{border-color:var(--cyan);color:#fff;background:#00f3ff1f}.status-box{background:var(--bg-chassis-inner);border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:.84rem;display:flex}.status-tag{font-family:var(--font-mono);color:var(--yellow);background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:800}.status-box.recording{border-color:var(--danger);color:#ffd6de;background:#ff2a5526}.status-box.playing{border-color:var(--cyan);background:#00f3ff1f}.effect-selector{flex-direction:column;gap:8px;display:flex}.effect-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.effect-buttons button{background:var(--bg-chassis-inner);color:var(--text-main);cursor:pointer;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;transition:all .2s;display:flex}.effect-buttons button .fx-code{font-family:var(--font-mono);color:var(--text-muted);font-size:.62rem}.effect-buttons button strong{font-size:.84rem}.effect-buttons button small{font-family:var(--font-mono);color:var(--text-muted);font-size:.58rem}.effect-buttons button.active{border-color:var(--magenta);background:#ff00aa2e;box-shadow:0 0 12px #ff00aa59}.effect-buttons button.active .fx-code,.effect-buttons button.active small{color:var(--yellow)}.action-btn{background:linear-gradient(135deg, var(--cyan), #00a2ff);color:#040811;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:.95rem;font-weight:800;transition:all .2s;box-shadow:0 0 16px #00f3ff59}.action-btn:hover{transform:translateY(-1px);box-shadow:0 0 24px #00f3ff99}.action-btn.active-state{background:linear-gradient(135deg, var(--danger), #f07);color:#fff;box-shadow:0 0 18px #ff2a5580}.action-btn.mic-btn{background:linear-gradient(135deg, var(--magenta), #90f);color:#fff;box-shadow:0 0 16px #ff00aa59}.dual-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.action-btn.secondary{border:1px solid var(--magenta);background:#ff00aa29}.action-btn.stop{box-shadow:none;background:#ffffff1a;border:1px solid #ffffff40}@media (width<=768px){.synth-deck-wrapper{grid-template-columns:1fr;gap:10px}.guide-bot-panel{flex-direction:row;align-items:center;padding:10px 12px}.bot-avatar-wrap{padding:4px 8px}.bot-svg{width:54px;height:58px}.bot-badge{display:none}.sliders-grid{grid-template-columns:1fr;gap:10px}.effect-buttons{grid-template-columns:repeat(2,1fr)}.oscilloscope-hud{gap:6px;top:60px}.hud-chip{padding:4px 8px;font-size:.66rem}}