@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.home-hero{padding:clamp(1.5rem,4vw,2.75rem);overflow:hidden}.home-hero-inner{z-index:1;position:relative}.home-decks{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1rem;display:grid}@media (width<=800px){.home-decks{grid-template-columns:1fr}}.deck{--deck-accent:var(--neon-cyan);--deck-accent-glow:var(--neon-cyan-glow);min-height:360px;color:var(--text);border:1px solid var(--line-mid);background:var(--bg-1);font-family:var(--font-display);padding:1.5rem;text-decoration:none;transition:border-color .2s,transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.deck--bass{--deck-accent:var(--neon-amber);--deck-accent-glow:var(--neon-amber-glow)}.deck--guitar{--deck-accent:var(--neon-magenta);--deck-accent-glow:var(--neon-magenta-glow)}.deck:hover{border-color:var(--deck-accent);box-shadow:0 0 24px color-mix(in srgb, var(--deck-accent) 25%, transparent);transform:translateY(-2px)}.deck:before,.deck:after{content:"";border-color:var(--deck-accent);pointer-events:none;z-index:2;border-style:solid;width:14px;height:14px;position:absolute}.deck:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.deck:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.deck-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.deck-grid{transform-origin:50% 100%;opacity:.7;background-image:linear-gradient(#ffffff1a 1px,#0000 1px);background-size:100% 32px;position:absolute;inset:-10% -5% -45%;transform:perspective(800px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 20%,#000);mask-image:linear-gradient(#0000 20%,#000)}.deck-sun{background:radial-gradient(circle at center, var(--sun-1) 0%, var(--sun-2) 45%, var(--sun-3) 70%, transparent 75%);opacity:.55;filter:blur(2px);width:380px;height:380px;position:absolute;bottom:28%;left:50%;transform:translate(-50%,50%)}.deck-haze{background:linear-gradient(#05021f66 0%,#05021f1a 40%,#05021fd9 100%);position:absolute;inset:0}.deck>:not(.deck-bg){z-index:1;position:relative}.deck-meta{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-mute);justify-content:space-between;font-size:.72rem;display:flex}.deck-meta .deck-status{color:var(--neon-lime);align-items:center;gap:.5rem;display:inline-flex}.deck-meta .deck-status .dot{background:var(--neon-lime);border-radius:99px;width:6px;height:6px;animation:1.6s infinite pulse-dot;box-shadow:0 0 8px #a3ff5e99}.deck-name{letter-spacing:.06em;color:var(--text);text-shadow:0 0 20px var(--deck-accent-glow);margin:1.25rem 0 .25rem;font-size:clamp(3rem,8vw,5rem);font-weight:900;position:relative}.deck-name:before,.deck-name:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.deck-name:before{color:var(--neon-magenta);mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 40%,0 40%);opacity:.7;transform:translate(2px)}.deck-name:after{color:var(--neon-cyan);mix-blend-mode:screen;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);opacity:.7;transform:translate(-2px)}.deck-tag{font-family:var(--font-mono);letter-spacing:.32em;color:var(--deck-accent);margin-bottom:1.5rem;font-size:.78rem}.deck-stats{border-top:1px solid var(--line-mid);grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:5rem;padding-top:1rem;display:grid}.deck-stats>div{font-family:var(--font-mono)}.deck-stats .num{color:var(--deck-accent);letter-spacing:.04em;font-size:1.5rem}.deck-stats .lbl{letter-spacing:.2em;color:var(--text-mute);text-transform:uppercase;margin-top:.2rem;font-size:.7rem}.deck-cta{font-family:var(--font-mono);letter-spacing:.24em;color:var(--deck-accent);justify-content:space-between;align-items:center;margin-top:1.5rem;font-size:.85rem;display:flex}.deck-cta .arrow{transition:transform .2s}.deck:hover .deck-cta .arrow{transform:translate(6px)}.home-tools-section{margin-top:.25rem}.tools-toggle{cursor:pointer;width:100%;font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--text-mute);background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;margin:2rem 0 0;padding:0;font-size:.78rem;transition:color .15s;display:grid}.tools-toggle:hover{color:var(--neon-cyan)}.tools-toggle-label{color:var(--neon-cyan);white-space:nowrap}.tools-toggle:hover .tools-toggle-label{text-shadow:0 0 8px var(--neon-cyan-glow)}.tools-toggle-rule{background:linear-gradient(90deg, var(--neon-cyan), transparent);opacity:.5;height:1px}.tools-toggle-right{align-items:center;gap:.75rem;display:flex}.tools-toggle-count{border:1px solid var(--line-mid);color:var(--text-mute);border-radius:2px;padding:.18rem .5rem}.tools-toggle-chevron{color:var(--neon-cyan);font-size:.6rem}.tools-dropdown{grid-template-columns:1fr 1fr;gap:0;margin-top:.8rem;padding:0;display:grid}@media (width<=540px){.tools-dropdown{grid-template-columns:1fr}}.tools-col{flex-direction:column;gap:0;padding:1rem 1.25rem 1.25rem;display:flex}.tools-col--shared{border-bottom:1px solid var(--line-mid);grid-column:1/-1}.tools-col--bass{border-right:1px solid var(--line-mid)}@media (width<=540px){.tools-col--bass{border-right:none;border-bottom:1px solid var(--line-mid)}}.tools-col--shared .tools-col-head{color:var(--neon-cyan)}.tool-card--shared:hover{border-color:var(--neon-cyan);box-shadow:0 0 12px color-mix(in srgb, var(--neon-cyan) 20%, transparent)}.tool-card--shared .tool-key,.tool-card--shared .tool-arrow{color:var(--neon-cyan)}.tools-col-head{font-family:var(--font-mono);letter-spacing:.28em;border-bottom:1px solid var(--line-mid);color:var(--text-mute);margin-bottom:.6rem;padding-bottom:.75rem;font-size:.7rem}.tools-col--bass .tools-col-head{color:var(--neon-amber)}.tools-col--guitar .tools-col-head{color:var(--neon-magenta)}.tool-card{color:var(--text);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:.6rem;padding:.85rem .9rem;text-decoration:none;transition:border-color .15s;display:grid}.tool-card:last-child{margin-bottom:0}.tool-card:hover{border-color:var(--neon-cyan)}.tool-card--bass:hover{border-color:var(--neon-amber);box-shadow:0 0 12px color-mix(in srgb, var(--neon-amber) 20%, transparent)}.tool-card--guitar:hover{border-color:var(--neon-magenta);box-shadow:0 0 12px color-mix(in srgb, var(--neon-magenta) 20%, transparent)}.tool-card .tool-key{font-family:var(--font-mono);color:var(--neon-cyan);letter-spacing:.18em;border:1px solid var(--line-mid);padding:.3rem .5rem;font-size:.78rem}.tool-card--bass .tool-key{color:var(--neon-amber)}.tool-card--guitar .tool-key{color:var(--neon-magenta)}.tool-card .tool-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);text-transform:uppercase;font-size:1.05rem}.tool-card .tool-tag{font-family:var(--font-mono);color:var(--text-mute);letter-spacing:.16em;grid-column:2;margin-top:-.5rem;font-size:.7rem}.tool-card .tool-arrow{font-family:var(--font-mono);color:var(--neon-cyan);grid-row:span 2;transition:transform .2s}.tool-card--bass .tool-arrow{color:var(--neon-amber)}.tool-card--guitar .tool-arrow{color:var(--neon-magenta)}.tool-card:hover .tool-arrow{transform:translate(4px)}.blog-meta{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute);font-size:.7rem}.blog-meta .sep{color:var(--line-mid);margin:0 .5rem}.blog-meta .author{color:var(--neon-cyan)}.blog-meta .date{color:var(--text)}.blog-edited-chip{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--neon-amber);border:1px dashed var(--neon-amber);margin-left:.6rem;padding:.2rem .55rem;font-size:.6rem;display:inline-block}.blog-list-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.blog-card{color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .2s,border-color .15s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 18px color-mix(in srgb, var(--neon-cyan) 25%, transparent);transform:translateY(-2px)}.blog-card-image{aspect-ratio:3/2;border-bottom:1px solid var(--line-mid);background:#05021f80;width:100%;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-body{flex-direction:column;flex:1;gap:.55rem;padding:1rem 1.1rem 1.1rem;display:flex}.blog-card-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);margin:0;font-size:1.25rem;line-height:1.25}.blog-card:hover .blog-card-title{color:var(--neon-cyan)}.blog-card-excerpt{color:var(--text-dim);margin:0;font-size:.92rem;line-height:1.55}.blog-card-cta{font-family:var(--font-mono);letter-spacing:.22em;color:var(--neon-cyan);align-items:center;gap:.5rem;margin-top:auto;font-size:.72rem;display:inline-flex}.blog-card-cta .arrow{transition:transform .15s}.blog-card:hover .blog-card-cta .arrow{transform:translate(4px)}.blog-empty{text-align:center;color:var(--text-mute);font-family:var(--font-mono);letter-spacing:.22em;padding:2rem}.blog-post{max-width:760px;margin:0 auto}.blog-post-header{margin-bottom:1.5rem}.blog-post-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--text);text-shadow:0 0 22px #05d9e840;margin:.4rem 0 .8rem;font-size:clamp(1.85rem,4.5vw,3rem);line-height:1.15}.blog-post-hero{aspect-ratio:3/2;background:#05021f80;width:100%;margin-bottom:1.75rem;overflow:hidden}.blog-post-hero img{object-fit:cover;width:100%;height:100%;display:block}.blog-post-content{color:var(--text-dim);font-size:1.02rem;line-height:1.75}.blog-post-content>*+*{margin-top:1rem}.blog-post-content h2{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:.04em;border-left:3px solid var(--neon-cyan);margin-top:2rem;margin-bottom:.4rem;padding-left:.7rem;font-size:1.4rem}.blog-post-content p{color:var(--text);margin:0}.blog-post-content figure{margin:1.5rem 0}.blog-post-content figure img{border:1px solid var(--line-mid);width:100%;height:auto;display:block}.blog-post-content figcaption{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-mute);text-align:center;text-transform:uppercase;margin-top:.5rem;font-size:.72rem}.blog-post-content .blog-post-video-frame{aspect-ratio:16/9;border:1px solid var(--line-mid);background:#000;width:100%;overflow:hidden}.blog-post-content .blog-post-video-frame iframe{border:0;width:100%;height:100%;display:block}.blog-post-footer{border-top:1px solid var(--line-mid);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:2.5rem;padding-top:1.25rem;display:flex}.blog-post-footer .blog-meta{margin:0}.home-blog-section{margin-top:1.25rem}.home-blog-cta{color:inherit;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .2s,transform .15s;display:flex}.home-blog-cta:hover{border-color:var(--neon-cyan);box-shadow:0 0 16px color-mix(in srgb, var(--neon-cyan) 22%, transparent)}.home-blog-cta-main{flex-direction:column;gap:.3rem;display:flex}.home-blog-cta-key{font-family:var(--font-mono);letter-spacing:.22em;color:var(--neon-cyan);font-size:.7rem}.home-blog-cta-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);font-size:1.4rem}.home-blog-cta-tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-mute);font-size:.72rem}.home-blog-cta-arrow{font-family:var(--font-mono);color:var(--neon-cyan);transition:transform .15s}.home-blog-cta:hover .home-blog-cta-arrow{transform:translate(4px)}:root{--bg-0:#05021f;--bg-1:#0a0530;--bg-2:#110a40;--surface:#0f0832b8;--surface-2:#140c3c8c;--line-dim:#7864c82e;--line-mid:#05d9e847;--line-strong:#05d9e8b3;--neon-cyan:#05d9e8;--neon-cyan-glow:#05d9e88c;--neon-magenta:#ff2a6d;--neon-magenta-glow:#ff2a6d8c;--neon-amber:#ffb84d;--neon-amber-glow:#ffb84d80;--neon-violet:#b14bff;--neon-violet-glow:#b14bff80;--neon-lime:#a3ff5e;--text:#d6f6ff;--text-dim:#d6f6ff9e;--text-mute:#d6f6ff61;--font-display:"Orbitron", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-ui:"Rajdhani", "Inter", system-ui, sans-serif;--color-bg:var(--bg-0);--color-surface:var(--surface);--color-text:var(--text);--color-text-muted:var(--text-dim);--color-accent:var(--neon-cyan);--color-accent-deep:var(--line-mid);--color-highlight:var(--neon-magenta);font-family:var(--font-ui);color:var(--text);background-color:var(--bg-0)}*,:before,:after{box-sizing:border-box}html,body,#root{background-color:var(--bg-0);min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;letter-spacing:.01em;overflow-x:hidden}a{color:var(--neon-cyan)}a:hover{color:var(--neon-magenta)}.theme-guitar{--instrument-accent:var(--neon-magenta);--instrument-glow:var(--neon-magenta-glow)}.theme-bass{--instrument-accent:var(--neon-amber);--instrument-glow:var(--neon-amber-glow)}.bg-stage{z-index:0;pointer-events:none;background:var(--bg-0);position:fixed;inset:0}.bg-stage:before,.bg-stage:after{content:"";position:absolute;inset:0}.bg-stage:before{background-image:linear-gradient(#05d9e812 1px,#0000 1px),linear-gradient(90deg,#05d9e812 1px,#0000 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(at 50% 35%,#000 35%,#0000 80%);mask-image:radial-gradient(at 50% 35%,#000 35%,#0000 80%)}.bg-stage:after{background:radial-gradient(circle at 18% 12%,#ff2a6d2e,#0000 45%),radial-gradient(circle at 84% 88%,#05d9e829,#0000 50%),radial-gradient(circle at 78% 18%,#b14bff24,#0000 45%)}.bg-stage .vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.page{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem);position:relative}.hud{border:1px solid var(--line-mid);background:linear-gradient(180deg, var(--surface), var(--surface-2));position:relative}.hud:before,.hud:after,.hud>.hud-corner-tr,.hud>.hud-corner-bl{content:"";border-color:var(--neon-cyan);pointer-events:none;border-style:solid;width:14px;height:14px;position:absolute}.hud:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.hud:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.hud>.hud-corner-tr{border-width:1px 1px 0 0;top:-1px;right:-1px}.hud>.hud-corner-bl{border-width:0 0 1px 1px;bottom:-1px;left:-1px}.btn{--btn-color:var(--neon-cyan);--btn-glow:var(--neon-cyan-glow);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--btn-color);color:var(--btn-color);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.78rem;text-decoration:none;transition:background .15s,color .15s,box-shadow .2s;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--btn-color) 14%, transparent);box-shadow:0 0 12px var(--btn-glow)}.btn--magenta{--btn-color:var(--neon-magenta);--btn-glow:var(--neon-magenta-glow)}.btn--amber{--btn-color:var(--neon-amber);--btn-glow:var(--neon-amber-glow)}.btn--solid{background:var(--btn-color);color:var(--bg-0);font-weight:700}.btn--solid:hover{background:var(--btn-color);filter:brightness(1.1);box-shadow:0 0 18px var(--btn-glow)}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.32em;color:var(--neon-cyan);align-items:center;gap:.6rem;font-size:.72rem;display:inline-flex}.eyebrow:before{content:"";background:var(--neon-cyan);width:22px;height:1px;box-shadow:0 0 6px var(--neon-cyan-glow)}.glitch{color:var(--text);position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--neon-magenta);mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);opacity:.65;transform:translate(2px)}.glitch:after{color:var(--neon-cyan);mix-blend-mode:screen;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);opacity:.7;transform:translate(-2px)}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}.flicker{animation:4s linear infinite flicker}@keyframes pulse-dot{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.muted{color:var(--text-mute)}.cyan{color:var(--neon-cyan)}.magenta{color:var(--neon-magenta)}.amber{color:var(--neon-amber)}.violet{color:var(--neon-violet)}.hero-line{font-family:var(--font-mono);color:var(--text-mute);letter-spacing:.2em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.78rem;display:flex}.hero-line .seg{align-items:center;gap:.5rem;display:inline-flex}.hero-line .seg .dot{background:var(--neon-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--neon-cyan-glow);border-radius:50%;animation:1.6s ease-in-out infinite pulse-dot}.hero-line .seg .dot--m{background:var(--neon-magenta);box-shadow:0 0 8px var(--neon-magenta-glow)}.hero-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);text-transform:uppercase;text-shadow:0 0 22px #05d9e859;margin:.6rem 0;font-size:clamp(2.6rem,7vw,5.5rem);font-weight:700;line-height:.95}.hero-title .accent{color:var(--neon-cyan)}.hero-title .accent-m{color:var(--neon-magenta)}.hero-subtitle{color:var(--text-dim);border:1px dashed var(--line-mid);max-width:56ch;margin:.5rem 0 1.5rem;padding:.5rem 1rem;font-size:1rem}.hero-strip{border:1px solid var(--line-mid);background:var(--surface);grid-template-columns:repeat(4,1fr);gap:0;margin-top:2rem;display:grid}@media (width<=760px){.hero-strip{grid-template-columns:repeat(2,1fr)}}.strip-cell{border-right:1px solid var(--line-mid);font-family:var(--font-mono);padding:1rem 1.2rem}.strip-cell:last-child{border-right:none}.strip-cell .k{letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute);font-size:.65rem}.strip-cell .v{color:var(--neon-cyan);letter-spacing:.04em;margin-top:.25rem;font-size:1.2rem}.strip-cell .v.m{color:var(--neon-magenta)}.strip-cell .v.a{color:var(--neon-amber)}.strip-cell .v.v{color:var(--neon-violet)}.strip-cell .sub{color:var(--text-mute);letter-spacing:.08em;margin-top:.2rem;font-size:.7rem}.section-stripe{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;margin:2rem 0 .8rem;font-size:.78rem;display:grid}.section-stripe .label{color:var(--neon-cyan)}.section-stripe .rule{background:linear-gradient(90deg, var(--neon-cyan), transparent);height:1px}.section-stripe .count{color:var(--text-mute);border:1px solid var(--line-mid);border-radius:2px;padding:.18rem .5rem}.empty-msg{border:1px dashed var(--line-mid);text-align:center;font-family:var(--font-mono);color:var(--text-mute);letter-spacing:.16em;padding:2rem;font-size:.85rem}