:root{--bg:#e2e5e1;--bg-deep:#171c1a;--ink:#171c1a;--ink-soft:#3d4541;--paper:#f2f4f1;--carmine:#8f1e2c;--carmine-deep:#6a1520;--olive:#3f5648;--line:#171c1a1f;--glow:#8f1e2c29;--font-display:"Fraunces", "Times New Roman", serif;--font-body:"IBM Plex Sans", "Helvetica Neue", sans-serif;--radius:2px;--max:1100px;--nav-h:4.25rem}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%, var(--glow), transparent 55%), radial-gradient(900px 500px at 90% 0%, #3f56481f, transparent 50%), linear-gradient(165deg, #ecefec 0%, var(--bg) 45%, #d5dbd6 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.55}body:before{content:"";pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{font:inherit}img{max-width:100%;display:block}.shell{flex-direction:column;min-height:100vh;display:flex}.site-nav{z-index:20;height:var(--nav-h);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#e7e2d8c7;justify-content:space-between;align-items:center;padding:0 clamp(1.25rem,4vw,2.5rem);display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.02em;font-size:1.35rem;font-weight:650}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-links a{color:var(--ink-soft);font-size:.95rem;position:relative}.nav-links a:after{content:"";background:var(--carmine);transform-origin:0;width:100%;height:1px;transition:transform .22s;position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1)}.lang-toggle{border:1px solid var(--line);background:#f4efe6b3;display:inline-flex;overflow:hidden}.lang-toggle button{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;padding:.35rem .65rem}.lang-toggle button[aria-pressed=true]{background:var(--bg-deep);color:var(--paper)}main{flex:1}.hero{min-height:calc(100vh - var(--nav-h));align-content:center;padding:clamp(2.5rem,8vw,5rem) clamp(1.25rem,4vw,2.5rem) 4rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:linear-gradient(120deg,#1c1412eb 0%,#1c14128c 42%,#8f1e2c59 100%),repeating-linear-gradient(-18deg,#0000,#0000 14px,#e8d5c40d 14px 15px);position:absolute;inset:0}.hero-inner{z-index:1;max-width:38rem;color:var(--paper);animation:.7s both rise;position:relative}.hero-brand{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 1.25rem;font-size:clamp(3rem,9vw,5.5rem);font-weight:650;line-height:.95}.hero h1{font-family:var(--font-display);max-width:20ch;margin:0 0 1rem;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:500;line-height:1.25}.hero p{color:#f4efe6db;max-width:36ch;margin:0 0 1.75rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn{background:var(--carmine);color:var(--paper);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.85rem 1.35rem;transition:background .18s,transform .18s;display:inline-flex}.btn:hover{background:var(--carmine-deep);transform:translateY(-1px)}.btn-ghost{color:var(--paper);background:0 0;border-color:#f4efe659}.btn-ghost:hover{background:#f4efe614}.hero-note{opacity:.7;font-size:.85rem}.page{width:min(100% - 2.5rem, var(--max));margin:0 auto;padding:2.5rem 0 4rem;animation:.5s both rise}.page h1{font-family:var(--font-display);margin:0 0 1.5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:650}.tabs{gap:.5rem;margin-bottom:1.75rem;display:flex}.tabs button{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:0 0;padding:.55rem 1rem}.tabs button[aria-selected=true]{background:var(--bg-deep);border-color:var(--bg-deep);color:var(--paper)}.orchestra-list{gap:0;display:grid}.orchestra-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:baseline;gap:1rem;padding:1.15rem 0;transition:padding-left .2s,color .2s;display:grid}.orchestra-row:last-child{border-bottom:1px solid var(--line)}.orchestra-row:hover{color:var(--carmine-deep);padding-left:.4rem}.orchestra-row .emoji{font-size:1.1rem}.orchestra-row .name{font-family:var(--font-display);font-size:1.45rem;font-weight:650}.orchestra-row .meta{color:var(--ink-soft);text-align:right;font-size:.9rem}.personality-block{margin-bottom:2.5rem}.personality-block h2{font-family:var(--font-display);color:var(--olive);margin:0 0 .75rem;font-size:1.35rem}.detail-header{gap:.75rem;margin-bottom:2rem;display:grid}.detail-header .eyebrow{color:var(--olive);font-size:.95rem}.detail-header h1{margin:0}.prose{max-width:62ch;color:var(--ink-soft)}.prose+.prose{margin-top:1.5rem}.section-label{font-family:var(--font-display);margin:2rem 0 .75rem;font-size:1.2rem}.song-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.song-list li{border-bottom:1px dashed var(--line);color:var(--ink-soft);justify-content:space-between;gap:1rem;padding:.45rem 0;display:flex}.song-list .type{text-transform:uppercase;letter-spacing:.06em;color:var(--olive);font-size:.85rem}.back-link{color:var(--ink-soft);border-bottom:1px solid #0000;margin-bottom:1.25rem;display:inline-block}.back-link:hover{border-color:var(--carmine);color:var(--carmine-deep)}.status{color:var(--ink-soft);padding:2rem 0}.status-error{color:var(--carmine-deep)}.btn-secondary{background:var(--bg-deep);color:var(--paper)}.btn-secondary:hover{background:#2a322e}.btn-ghost-ink{border:1px solid var(--line);color:var(--ink);background:0 0}.btn-ghost-ink:hover{border-color:var(--carmine);color:var(--carmine-deep);background:#8f1e2c0a;transform:none}.generator-actions{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 1rem;display:flex}.generator-meta{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.generator-meta dl{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem 1.5rem;margin:0 0 1.5rem;display:grid}.generator-meta dt{letter-spacing:.04em;text-transform:uppercase;color:var(--olive);margin-bottom:.25rem;font-size:.8rem}.generator-meta dd{font-family:var(--font-display);margin:0;font-size:1.15rem}.generator-meta .meta-note{font-family:var(--font-body);color:var(--ink-soft);margin-top:.25rem;font-size:.8rem;display:block}.generator-downloads{flex-wrap:wrap;gap:.75rem;display:flex}a.btn{text-decoration:none}.detail-layout{gap:1.75rem;display:grid}.detail-span{grid-column:1/-1}@media (width>=960px){.detail-layout{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:start;gap:2rem 3rem}.detail-aside{top:calc(var(--nav-h) + 1rem);grid-area:2/2/3;position:sticky}.detail-main{grid-area:2/1}}.detail-aside .inline-generator{border:1px solid var(--line);background:#f2f4f1b8;padding:1.25rem 1.35rem 1.5rem}.params-lead{margin:0 0 1.25rem;font-size:.95rem}.params-subtitle{font-family:var(--font-display);color:var(--olive);margin:0 0 .85rem;font-size:1.05rem}.params-grid{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:1rem 1.25rem;margin:0 0 1.5rem;display:grid}.params-grid dt{letter-spacing:.04em;text-transform:uppercase;color:var(--olive);margin-bottom:.3rem;font-size:.78rem}.params-grid dd{margin:0;font-size:.98rem;line-height:1.35}.params-grid .mono{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:.88rem}.level-bar{vertical-align:middle;gap:3px;margin-right:.45rem;display:inline-flex}.level-bar span{background:#171c1a1f;width:.45rem;height:.85rem}.level-bar span.on{background:var(--carmine)}.level-label{color:var(--ink-soft);font-size:.9rem}.style-params{margin:2rem 0 2.5rem;padding-top:.5rem}.atelier-layout{gap:1.75rem;display:grid}@media (width>=960px){.atelier-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem}}.atelier-panel{border:1px solid var(--line);background:#f2f4f18c;padding:1.25rem 1.35rem 1.5rem}.form-grid{gap:.85rem;margin-bottom:1.25rem;display:grid}.form-grid label{color:var(--ink-soft);gap:.35rem;font-size:.85rem;display:grid}.form-grid select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:.55rem .65rem}.style-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.style-chip{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:0 0;padding:.45rem .75rem;font-size:.9rem}.style-chip:hover{border-color:var(--carmine);color:var(--carmine-deep)}.style-chip.active{background:var(--bg-deep);border-color:var(--bg-deep);color:var(--paper)}.instrument-toggles{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem;margin:0 0 1rem;font-size:.9rem;display:flex}.instrument-toggles-label{color:var(--ink-soft);font-size:.85rem}.instrument-toggle{cursor:pointer;color:var(--ink);align-items:center;gap:.4rem;display:inline-flex}.instrument-toggle input{accent-color:var(--carmine)}.skeleton-summary{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.chord-progression{border-top:1px solid var(--line);margin-top:1.35rem;padding-top:1rem}.chord-progression-lead{margin-bottom:.85rem}.harmony-plan{color:var(--ink-soft);gap:.45rem;margin:0 0 1rem;padding:0;font-size:.85rem;list-style:none;display:grid}.harmony-plan li{border-left:2px solid var(--line);gap:.15rem;padding:.4rem .5rem;display:grid}.harmony-section{color:var(--carmine-deep);text-transform:none;font-weight:600}.harmony-prog{color:var(--ink);font-size:.8rem}.harmony-template{color:var(--ink-soft);opacity:.85;font-size:.75rem}.chord-groups{gap:.85rem;display:grid}.chord-group{border:1px solid var(--line);background:#f2f4f159;padding:.65rem .75rem;transition:border-color .2s,background .2s}.chord-group.active{border-color:var(--carmine);background:#a630300f}.chord-group-label{color:var(--ink-soft);margin-bottom:.45rem;font-size:.75rem}.chord-cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.chord-cell{text-align:center;border:1px solid #0000;gap:.15rem;padding:.4rem .35rem;display:grid}.chord-cell.current{border-color:var(--carmine);background:#a630301a}.chord-bar{color:var(--ink-soft);font-size:.7rem}.chord-symbol{color:var(--ink);font-size:1.15rem;font-weight:600}@media (width<=640px){.chord-cells{grid-template-columns:repeat(2,minmax(0,1fr))}}.atelier-footnote{color:var(--ink-soft);margin-top:2rem}.atelier-footnote a{border-bottom:1px solid var(--line)}.atelier-footnote a:hover{border-color:var(--carmine);color:var(--carmine-deep)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.orchestra-row{grid-template-columns:auto 1fr}.orchestra-row .meta{text-align:left;grid-column:2}.nav-links a:not(.brand){display:none}}