.cyberdeck-root{isolation:isolate;filter:var(--elevation-3);flex-direction:column;gap:1.5rem;padding:1.8rem;transition:filter .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.cyberdeck-root:before{content:"";z-index:-2;background:var(--skillgroup-grad);border:1px solid var(--line);border-top:2px solid var(--pink);clip-path:var(--clip);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1.5px #fff3,inset 0 -3px 8px #000000b3}.deck-header{border-bottom:1px dashed var(--line-soft);z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex;position:relative}.deck-title-wrap{align-items:center;gap:.8rem;display:flex}.deck-status-dot{background:var(--pink);width:8px;height:8px;box-shadow:0 0 8px var(--pink);border-radius:50%}.deck-status-dot.active{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:1.2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.deck-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);text-transform:uppercase;text-shadow:0 1px 2px #0006;margin:0;font-size:1.15rem}.deck-model{color:var(--text-dim);letter-spacing:.14em;font-size:.7rem}.deck-preset-selector{flex-wrap:wrap;gap:.5rem;display:flex}.preset-btn{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--chip-line);background:var(--chip-bg);color:var(--text-dim);cursor:pointer;clip-path:var(--clip-sm);box-shadow:inset 0 1px 0 var(--bevel-top), 0 2px 4px #00000040;padding:.35rem .75rem;font-size:.72rem;transition:all .18s cubic-bezier(.16,1,.3,1)}.preset-btn:hover{border-color:var(--pink);color:var(--text);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 4px 8px #00000059}.preset-btn.selected{border-color:var(--pink);color:var(--text);background:#f43f5e2e;box-shadow:inset 0 1px #ffffff4d,0 0 12px #f43f5e59,0 2px 6px #0000004d}.deck-screen-wrap{background:var(--code-bg);border:1px solid var(--line);height:180px;clip-path:var(--clip-sm);z-index:1;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #000000d9,inset 0 0 24px #0009,0 3px 8px #0000004d}:root[data-theme=light] .deck-screen-wrap{box-shadow:inset 0 1.5px 3px #0f172a14,0 2px 6px #0f172a0f}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .deck-screen-wrap{box-shadow:inset 0 1.5px 3px #0f172a14,0 2px 6px #0f172a0f}}.deck-canvas{width:100%;height:100%;display:block}.screen-overlay-top{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-dim);pointer-events:none;justify-content:space-between;font-size:.68rem;display:flex;position:absolute;top:8px;left:12px;right:12px}.screen-controls{gap:.4rem;display:flex;position:absolute;bottom:8px;right:12px}.vis-mode-btn{font-family:var(--font-mono);background:var(--chip-bg);border:1px solid var(--line-soft);color:var(--text-dim);cursor:pointer;box-shadow:inset 0 1px 0 var(--bevel-top);padding:.2rem .5rem;font-size:.68rem;transition:all .2s}.vis-mode-btn.active{color:var(--cyan);border-color:var(--cyan);background:#00f0b526;box-shadow:inset 0 1px #ffffff40,0 0 8px #00f0b54d}.deck-controls-row{z-index:1;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;display:grid;position:relative}.deck-play-btn{--cyber-btn-border:var(--pink);--cyber-btn-glow:#f43f5e59;--cyber-btn-glow-active:#f43f5e66;background:linear-gradient(#f43f5e59 0%,#a855f740 60%,#f43f5e26 100%);padding:.75rem 1.6rem;font-size:.95rem}.deck-play-btn:hover{background:linear-gradient(#f43f5e80 0%,#a855f759 60%,#f43f5e33 100%);transform:translateY(-2px);box-shadow:inset 0 1.5px #fff9,inset 0 -2px #0009,0 8px 18px #0000008c,0 0 24px #f43f5e99}.deck-play-btn.playing{--cyber-btn-border:var(--cyan);--cyber-btn-glow:#00f0b559;background:linear-gradient(#00f0b559 0%,#38bdf840 60%,#00f0b526 100%)}.step-sequencer-meter{align-items:center;gap:4px;display:flex}.step-pip{background:var(--chip-bg);border:1px solid var(--chip-line);border-radius:1px;flex:1;height:8px;transition:background 50ms,transform 50ms}.step-pip.active{background:var(--pink);box-shadow:0 0 8px var(--pink);transform:scaleY(1.3)}.step-pip.active-downbeat{background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:scaleY(1.5)}.deck-tempo-badge{font-family:var(--font-mono);letter-spacing:.12em;border:1px solid var(--chip-line);background:var(--chip-bg);color:var(--yellow);box-shadow:inset 0 1px 0 var(--bevel-top), 0 2px 4px #00000040;padding:.4rem .8rem;font-size:.78rem}.deck-rack-grid{z-index:1;grid-template-columns:1.1fr 1fr;gap:1.5rem;display:grid;position:relative}.rack-heading{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-dim);border-bottom:1px dashed var(--line-soft);justify-content:space-between;padding-bottom:.4rem;font-size:.75rem;display:flex}.stem-channels{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.stem-toggle-btn{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--line-soft);background:var(--chip-bg);color:var(--text-dim);cursor:pointer;box-shadow:inset 0 1px 0 var(--bevel-top), 0 2px 4px #00000040;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.75rem;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.stem-toggle-btn:hover{border-color:var(--cyan);color:var(--text);transform:translateY(-1px)}.stem-toggle-btn:active{transform:translateY(1px)}.stem-toggle-btn.active{border-color:var(--cyan);color:var(--text);background:#00f0b51f;box-shadow:inset 0 1px #ffffff40,0 0 12px #00f0b533,0 2px 5px #0000004d}.stem-indicator{background:var(--text-dim);border-radius:50%;width:6px;height:6px}.stem-toggle-btn.active .stem-indicator{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.fx-controls{flex-direction:column;gap:.8rem;display:flex}.fx-slider-row{flex-direction:column;gap:.3rem;display:flex}.fx-slider-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);justify-content:space-between;font-size:.7rem;display:flex}.fx-slider{appearance:none;background:var(--chip-line);border-radius:3px;outline:none;width:100%;height:6px}.fx-slider::-webkit-slider-thumb{appearance:none;background:var(--pink);cursor:pointer;width:14px;height:14px;box-shadow:0 0 8px var(--pink);border-radius:50%}.fx-slider::-moz-range-thumb{background:var(--pink);cursor:pointer;width:14px;height:14px;box-shadow:0 0 8px var(--pink);border-radius:50%}.deck-jam-section{z-index:1;flex-direction:column;gap:.8rem;display:flex;position:relative}.jam-keys-grid{grid-template-columns:repeat(8,1fr);gap:.5rem;display:grid}.jam-key-btn{font-family:var(--font-mono);border:1px solid var(--chip-line);background:linear-gradient(180deg, var(--chip-bg) 0%, var(--bg-card) 100%);color:var(--text);cursor:pointer;clip-path:var(--clip-sm);box-shadow:inset 0 1.5px 0 var(--bevel-top), inset 0 -2px 0 var(--bevel-bottom), 0 3px 6px #00000059;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.85rem .3rem;transition:all .12s cubic-bezier(.16,1,.3,1);display:flex}:root[data-theme=light] .jam-key-btn{box-shadow:inset 0 1.5px 0 var(--bevel-top), inset 0 -1.5px 0 var(--bevel-bottom), 0 2px 5px #0f172a14}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .jam-key-btn{box-shadow:inset 0 1.5px 0 var(--bevel-top), inset 0 -1.5px 0 var(--bevel-bottom), 0 2px 5px #0f172a14}}.jam-key-btn:hover{border-color:var(--cyan);background:linear-gradient(180deg, #00f0b526 0%, var(--chip-bg) 100%);transform:translateY(-2px);box-shadow:inset 0 1.5px #ffffff59,inset 0 -2px #000000b3,0 6px 12px #0006,0 0 12px #00f0b54d}.jam-key-btn:active,.jam-key-btn.pressed{border-color:var(--pink);box-shadow:inset 0 2px 5px #000c, 0 1px 2px #0000004d, 0 0 16px var(--pink);background:#f43f5e59;transform:translateY(2px)scale(.97)}.jam-key-note{color:var(--cyan);font-size:.82rem;font-weight:700}.jam-key-btn.pressed .jam-key-note{color:#fff}.jam-key-shortcut{color:var(--text-dim);font-size:.62rem}.deck-footer{border-top:1px dashed var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.deck-hint{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.06em;font-size:.75rem}@media (max-width:900px){.deck-rack-grid{grid-template-columns:1fr}.deck-controls-row{grid-template-columns:1fr;justify-items:start}.jam-keys-grid{grid-template-columns:repeat(4,1fr)}}.body-sec[data-astro-cid-7fguykjr]{padding-bottom:1rem}.interest-grid[data-astro-cid-7fguykjr]{grid-template-columns:repeat(4,1fr);gap:1.3rem;display:grid}.interest-tile[data-astro-cid-7fguykjr]{border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--skillgroup-grad);height:100%;clip-path:var(--clip-sm);box-shadow:inset 0 1.5px 0 var(--bevel-top), inset 0 -2px 4px #00000080;transform-style:preserve-3d;flex-direction:column;gap:.9rem;padding:1.6rem 1.3rem 1.4rem;transition:border-color .25s;display:flex;position:relative}.tile-id[data-astro-cid-7fguykjr]{letter-spacing:.16em;color:var(--accent);font-size:.65rem;transform:translateZ(12px)}.tile-icon[data-astro-cid-7fguykjr]{filter:drop-shadow(0 0 12px var(--accent));font-size:2.6rem;transition:transform .2s cubic-bezier(.16,1,.3,1);transform:translateZ(28px)}.tile-text[data-astro-cid-7fguykjr]{letter-spacing:.1em;text-transform:uppercase;color:var(--text);text-shadow:0 1px 2px #0006;font-size:.95rem;transform:translateZ(18px)}.tile-bar[data-astro-cid-7fguykjr]{background:linear-gradient(90deg, var(--accent), transparent);opacity:.7;height:3px;transform:translateZ(8px)}@media (max-width:900px){.interest-grid[data-astro-cid-7fguykjr]{grid-template-columns:1fr 1fr}}@media (max-width:520px){.interest-grid[data-astro-cid-7fguykjr]{grid-template-columns:1fr}}