:root{--bg:#1f2937;--bg-raised:#2a3441;--bg-raised-2:#354150;--border:#ffffff1f;--text:#fff;--text-muted:#cbd5e1;--text-faint:#94a3b8;--accent-from:#65a30d;--accent-to:#38bdf8;--accent2-from:#3b82f6;--accent2-to:#f472b6;--gradient-cta:linear-gradient(to bottom right, var(--accent-from), var(--accent-to));--gradient-accent:linear-gradient(to bottom right, var(--accent2-from), var(--accent2-to));--radius:.75rem;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:100%;margin:0 auto;padding:0 1rem}@media (width>=48rem){.container{width:43.75rem}}@media (width>=64rem){.container{width:62.5rem}}.kicker{letter-spacing:.08em;text-transform:uppercase;background:var(--gradient-accent);color:#0000;background-clip:text;font-size:.75rem;font-weight:700;display:inline-block}.nav{z-index:10;background:#1f2937;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;padding-bottom:.75rem;display:flex}.nav__logo{color:var(--text);font-size:1.25rem;font-weight:700}.nav__items{align-items:flex-start;gap:.5rem;display:flex}.nav__item{flex-direction:column;align-items:center;gap:.25rem;transition:transform .15s;display:flex}.nav__item:hover{transform:scale(1.1)}.nav__icon{color:#fff;background:linear-gradient(to bottom right,#a855f7,#0284c7);border-radius:.375rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.nav__icon svg{width:1.05rem;height:1.05rem}.nav__label{color:var(--text);font-size:.7rem}.nav__item.is-active .nav__label{color:#f97316;font-weight:800}.masthead{padding:3rem 0 1.5rem}.masthead h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800}.masthead--topic{padding-bottom:1rem}.category-nav{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.category-nav__link{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;transition:color .15s,border-color .15s,background .15s}.category-nav__link:hover{color:var(--text);border-color:var(--accent-to)}.category-nav__link.is-active{color:#fff;background:var(--gradient-accent);border-color:#0000}.featured{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);gap:1.5rem;margin-bottom:3rem;display:grid;overflow:hidden}.featured__media img{object-fit:cover;width:100%;height:100%;max-height:24rem}.featured__body{flex-direction:column;gap:.75rem;padding:0 1.5rem 1.5rem;display:flex}.featured__eyebrow{color:var(--text-faint);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.featured__tag{color:var(--text-muted);font-size:.8rem}.featured__title{font-size:clamp(1.4rem,3.5vw,1.9rem);line-height:1.25}.featured__title a:hover{text-decoration:underline}.featured__excerpt{color:var(--text-muted)}@media (width>=48rem){.featured{grid-template-columns:1.2fr 1fr}.featured__media img{max-height:none}.featured__body{justify-content:center;padding:1.75rem 1.75rem 1.75rem 0}}.section{margin-bottom:3.5rem}.section__heading{color:var(--text-muted);margin-bottom:1.25rem;font-size:1.15rem;font-weight:600}.card-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=40rem){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);transition:transform .15s,border-color .15s;overflow:hidden}.card:hover{border-color:var(--accent-to);transform:translateY(-3px)}.card__link{flex-direction:column;height:100%;display:flex}.card__media img{aspect-ratio:16/9;object-fit:cover;width:100%}.card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.card__tag{letter-spacing:.06em;text-transform:uppercase;background:var(--gradient-accent);color:#0000;background-clip:text;font-size:.72rem;font-weight:700}.card__title{font-size:1.05rem;line-height:1.35}.card__excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.card__meta{color:var(--text-faint);margin-top:auto;padding-top:.5rem;font-size:.78rem}.byline{align-items:center;gap:.6rem;display:flex}.byline--center{justify-content:center}.byline__avatar{background:var(--gradient-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.byline__text{text-align:left;flex-direction:column;display:flex}.byline__author{font-size:.85rem;font-weight:600}.byline__meta{color:var(--text-faint);font-size:.78rem}.article-back{padding-top:1.5rem}.back-link{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.back-link:hover{color:var(--text)}.prose-container{max-width:46rem;margin:0 auto;padding:0 1.25rem}.article-header{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem 1.25rem 2rem;display:flex}.article-header h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2}.tag-row{flex-wrap:wrap;gap:.5rem;display:flex}.article-header__tags{justify-content:center}.tag{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.25rem .75rem;font-size:.75rem}.article-hero{max-width:60rem;margin:0 auto 2.5rem;padding:0 1.25rem}.article-hero img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-height:30rem}.prose{color:var(--text-muted);font-size:1.05rem}.prose h2{color:var(--text);margin:2.2rem 0 .9rem;font-size:1.55rem;line-height:1.3}.prose h3{color:var(--text);margin:1.8rem 0 .7rem;font-size:1.25rem}.prose p{margin-bottom:1.1rem}.prose a{color:var(--accent-to);text-underline-offset:2px;text-decoration:underline}.prose a:hover{color:#7dd3fc}.prose strong{color:var(--text)}.prose ul,.prose ol{margin:0 0 1.1rem 1.4rem}.prose li{margin-bottom:.4rem}.prose blockquote{border-left:3px solid var(--accent-to);color:var(--text-faint);margin-bottom:1.1rem;padding-left:1rem;font-style:italic}.prose img{border-radius:var(--radius);border:1px solid var(--border);margin:1.5rem auto}.prose video{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-height:32rem;margin:1.5rem auto}.prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.6rem .8rem}.prose th{color:var(--text);background:var(--bg-raised)}.prose hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.prose code{background:var(--bg-raised-2);border-radius:.3rem;padding:.1rem .35rem;font-size:.9em}.chord-progression{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.4rem 0;padding:1.1rem 1.25rem;display:flex}.chord-progression__chords{flex-wrap:wrap;gap:.5rem;display:flex}.chord-progression .chord{background:var(--gradient-accent);color:#fff;border-radius:.55rem;justify-content:center;align-items:center;min-width:3.2rem;padding:.5rem .9rem;font-size:1rem;font-weight:700;display:inline-flex}.chord-progression__try{background:var(--gradient-cta);white-space:nowrap;border-radius:.5rem;margin-left:auto;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:transform .15s;color:#fff!important;text-decoration:none!important}.chord-progression__try:hover{transform:scale(1.05)}.chord-player{border-radius:var(--radius);background:#1f293780;flex-direction:column;gap:1rem;margin:1.4rem 0;padding:.9rem .85rem;display:flex}.chord-player__chords{flex-wrap:wrap;gap:.5rem;display:flex}.chord-player .chord{color:#fff;min-width:100px;height:60px;font:inherit;cursor:pointer;opacity:.6;background:linear-gradient(to bottom right,#ec4899,#fb923c);border:none;border-radius:.5rem;flex:100px;padding:0;font-size:1.1rem;font-weight:700;transition:transform .12s,opacity .12s}.chord-player .chord:hover:not(:disabled){opacity:.85;transform:scale(1.05)}.chord-player .chord--active{opacity:1}.chord-player .chord:disabled{cursor:default}.chord-player__controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.chord-player__transport{gap:1rem;display:flex}.chord-player__icon{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.3rem;padding:0;transition:transform .12s;display:flex}.chord-player__icon:hover:not(:disabled){transform:scale(1.1)}.chord-player__icon:disabled{opacity:.5;cursor:default}.chord-player__icon-box{color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex}.chord-player__icon[data-variant=loop] .chord-player__icon-box{background:linear-gradient(to bottom right,#ec4899,#fb923c)}.chord-player__icon[data-variant=play] .chord-player__icon-box{background:linear-gradient(to bottom right,#3b82f6,#f472b6)}.chord-player__icon[data-variant=stop] .chord-player__icon-box{background:linear-gradient(to bottom right,#99f6e4,#4d7c0f)}.chord-player__icon-label{color:var(--text);font-size:.8rem}.chord-player__generate{background:var(--gradient-cta);border-radius:.5rem;align-items:center;gap:.5rem;margin-left:auto;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:transform .12s;display:inline-flex;color:#fff!important;text-decoration:none!important}.chord-player__generate:hover{transform:scale(1.05)}.chord-player__generate svg{color:#fff}.prose .cta-button{background:var(--gradient-cta);border-radius:.6rem;margin:.5rem 0 1rem;padding:.8rem 1.4rem;font-weight:600;transition:transform .15s;display:inline-block;color:#fff!important;text-decoration:none!important}.prose .cta-button:hover{transform:scale(1.05)}.cta-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin:3rem 0 4rem;padding:2rem 1.75rem;display:flex}.cta-card__kicker{letter-spacing:.08em;text-transform:uppercase;background:var(--gradient-accent);color:#0000;background-clip:text;font-size:.75rem;font-weight:700}.cta-card h2{font-size:1.5rem;line-height:1.3}.cta-card p{color:var(--text-muted);max-width:34rem}.cta-card__button{color:#fff;background:var(--gradient-cta);border-radius:.6rem;margin-top:.5rem;padding:.85rem 1.6rem;font-weight:600;transition:transform .15s;display:inline-block}.cta-card__button:hover{transform:scale(1.05)}.cta-card__note{color:var(--text-faint);font-size:.8rem}.site-footer{background:#11182766;margin-top:2rem;padding:2rem 0}.site-footer__grid{text-align:center;grid-template-columns:1fr;gap:2rem;display:grid}.site-footer__brand{flex-direction:column;gap:.5rem;display:flex}.site-footer__logo{color:var(--text);font-size:1.125rem;font-weight:600}.site-footer__desc{color:var(--text-faint);font-size:.875rem}.site-footer__heading{color:#d1d5db;margin-bottom:1rem;font-size:.875rem;font-weight:500}.site-footer__links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.site-footer__link{color:var(--text-faint);font-size:.9rem}.site-footer__link:hover{color:#d1d5db;text-decoration:underline}.site-footer__socials{flex-direction:column;align-items:center;gap:1rem;list-style:none;display:flex}.site-footer__social{color:var(--text-faint);display:inline-flex}.site-footer__social:hover{color:#d1d5db}.site-footer__icon{fill:currentColor;width:1.25rem;height:1.25rem}.site-footer__bottom{text-align:center;color:#9ca3af;margin-top:2rem;font-size:.875rem}@media (width>=40rem){.site-footer__grid{text-align:left;grid-template-columns:repeat(3,1fr)}.site-footer__brand,.site-footer__socials{align-items:flex-start}.site-footer__bottom{text-align:left}}