:root{--bg:#0f1115;--bg-elev:#171a21;--bg-card:#1c2029;--line:#2a2f3a;--line-soft:#232733;--text:#e8eaf0;--text-dim:#9aa0ad;--text-faint:#6b7180;--accent:#8b5cf6;--accent-soft:#2a2342;--accent-2:#7dd3c0;--danger:#e07a7a;--radius:14px;--radius-sm:9px;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Space Grotesk,Roboto,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%, #8b5cf614, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:1080px;margin:0 auto;padding:32px 24px 64px}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.masthead__brand{align-items:center;gap:14px;display:flex}.masthead__logo{color:var(--accent);filter:drop-shadow(0 0 12px #8b5cf666);font-size:30px;line-height:1}.masthead__title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:650}.masthead__tagline{color:var(--text-dim);margin:2px 0 0;font-size:13px}.tabs{background:var(--bg-elev);border-radius:var(--radius);border:1px solid var(--line);gap:8px;padding:6px;display:flex}.tabs__btn{border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 16px;transition:all .15s;display:flex}.tabs__btn:hover{color:var(--text)}.tabs__btn--active{background:var(--bg-card);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.tabs__label{font-size:14px;font-weight:600}.tabs__hint{color:var(--text-faint);font-size:11px}.panel__head{margin-bottom:20px}.panel__head h2{letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:600}.panel__sub{max-width:640px;color:var(--text-dim);margin:0;font-size:14px;line-height:1.55}.search{gap:10px;margin-bottom:14px;display:flex}.search__input{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;color:var(--text);outline:none;flex:1;padding:13px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.search__input::placeholder{color:var(--text-faint)}.search__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf624}.btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:0;padding:13px 20px;font-size:14px;font-weight:650;transition:filter .15s,transform 50ms}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.btn--ghost:hover{color:var(--text);filter:none}.chips{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.chip{background:var(--bg-elev);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:500;transition:all .13s}.chip:hover{border-color:var(--accent);color:var(--text)}.chip--removable{background:var(--accent-soft);color:var(--accent);border-color:#0000}.chip__x{opacity:.6;margin-left:2px}.chip--clear{color:var(--text-faint);background:0 0}.chips--progression{margin-bottom:14px}.examples{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;display:flex}.examples__label{color:var(--text-faint);font-size:13px}.chord-meta{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:baseline;gap:14px;margin-bottom:22px;padding:14px 18px;display:flex}.chord-meta__name{color:var(--accent);font-size:24px;font-weight:700}.chord-meta__quality{color:var(--text-dim);font-size:14px}.chord-meta__notes{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.voicing-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.voicing-card{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius);flex-direction:column;padding:16px;transition:border-color .15s,transform .15s;display:flex}.voicing-card:hover{border-color:var(--line);transform:translateY(-2px)}.voicing-card__top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.voicing-card__name{margin:0;font-size:14px;font-weight:600}.badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.badge--fácil{color:var(--accent-2);background:#7dd3c024}.badge--intermedio{color:var(--accent);background:#8b5cf629}.badge--avanzado{color:var(--danger);background:#e07a7a29}.diagram{align-items:center;gap:14px;margin:4px 0 12px;display:flex}.diagram__svg{flex-shrink:0;width:108px;height:150px}.diagram__line{stroke:#4a5160;stroke-width:1px}.diagram__dot{fill:var(--accent)}.diagram__open{fill:none;stroke:var(--text-dim);stroke-width:1.4px}.diagram__mute{fill:var(--text-faint);font-size:11px;font-weight:700}.diagram__label{fill:var(--text-faint);font-family:inherit;font-size:9px}.diagram__basefret{fill:var(--text-dim);font-size:10px;font-weight:600}.tab{color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:8px;margin:0;padding:8px 10px;font-family:SF Mono,JetBrains Mono,ui-monospace,Cascadia Code,monospace;font-size:12px;line-height:1.4}.voicing-card__notes{color:var(--text);font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:13px;font-weight:500}.voicing-card__vibe{color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.5}.results{margin-top:8px}.key-banner{background:linear-gradient(135deg, var(--accent-soft), var(--bg-card));border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:22px;padding:20px 24px;display:flex}.key-banner__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px;font-size:12px;display:block}.key-banner__key{color:var(--accent);font-size:28px;font-weight:700}.key-banner__conf{text-align:right}.key-banner__conf-val{font-size:22px;font-weight:700;display:block}.key-banner__conf-label{color:var(--text-dim);font-size:11px}.analysis-row{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.analysis-chord{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;align-items:center;min-width:62px;padding:12px 14px;display:flex}.analysis-chord--out{opacity:.6;border-style:dashed}.analysis-chord__symbol{font-size:17px;font-weight:650}.analysis-chord__numeral{color:var(--accent);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.results__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:26px 0 12px;font-size:13px;font-weight:600}.diatonic-row{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.diatonic{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:12px 6px;display:flex;position:relative}.diatonic--used{border-color:var(--accent);background:var(--accent-soft)}.diatonic__numeral{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.diatonic__symbol{margin-top:3px;font-size:16px;font-weight:650}.diatonic__tag{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-top:4px;font-size:9px}.suggest-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.suggest{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius-sm);grid-template-columns:64px 70px 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.suggest__symbol{color:var(--accent);font-size:17px;font-weight:650}.suggest--colour .suggest__symbol{color:var(--accent-2)}.suggest__numeral{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.suggest__reason{color:var(--text-dim);font-size:13px;line-height:1.45}.relative-key{background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--radius-sm);color:var(--text-dim);margin:22px 0 0;padding:14px 18px;font-size:13.5px}.relative-key strong{color:var(--text)}.error{border-radius:var(--radius-sm);color:var(--danger);background:#e07a7a1a;border:1px solid #e07a7a4d;margin-bottom:18px;padding:12px 16px;font-size:14px}.empty{color:var(--text-faint);text-align:center;padding:48px 0;font-size:14px}.footer{border-top:1px solid var(--line-soft);color:var(--text-faint);justify-content:space-between;margin-top:48px;padding-top:20px;font-size:12px;display:flex}@media (width<=640px){.masthead{align-items:flex-start}.tabs{width:100%}.tabs__btn{flex:1}.diatonic-row{grid-template-columns:repeat(4,1fr)}.suggest{grid-template-columns:54px 1fr}.suggest__reason{grid-column:1/-1}.key-banner__key{font-size:22px}}.rig{background:linear-gradient(135deg, #8b5cf60f, var(--bg-elev));border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.rig__field{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.rig__field--capo{max-width:220px}.rig__label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);font-size:11px;font-weight:600}.rig__select{appearance:none;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;outline:none;padding:11px 14px;font-size:14px}.rig__select:focus{border-color:var(--accent)}.rig__note{color:var(--accent);padding-bottom:12px;font-size:12px}.catalog{margin-bottom:22px}.catalog__head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.catalog__title{color:var(--text-dim);white-space:nowrap;font-size:13px}.catalog__filter{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;color:var(--text);outline:none;flex:1;padding:9px 13px;font-size:13px}.catalog__filter:focus{border-color:var(--accent)}.catalog__count{color:var(--text-faint);text-align:right;font-variant-numeric:tabular-nums;min-width:28px;font-size:12px}.catalog__chips{flex-wrap:wrap;gap:7px;max-height:210px;padding:4px 2px;display:flex;overflow-y:auto}.catalog__chips::-webkit-scrollbar{width:8px}.catalog__chips::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.catalog__empty{color:var(--text-faint);padding:8px;font-size:13px}.chip--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}.analysis-chord,.diatonic{font:inherit;cursor:pointer}.analysis-chord{transition:border-color .13s,transform 50ms}.analysis-chord:hover{border-color:var(--accent)}.diatonic{transition:border-color .13s,transform .1s}.diatonic:hover{border-color:var(--accent);transform:translateY(-2px)}.suggest__symbol{font:inherit;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:17px;font-weight:650;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .13s}.suggest__symbol:hover{text-decoration-color:currentColor}.suggest__symbol--colour{color:var(--accent-2)}.prog-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.prog{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:14px 16px}.prog__head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.prog__name{font-size:14px;font-weight:650}.prog__roman{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:12px}.prog__chords{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.prog__chord-wrap{align-items:center;gap:4px;display:inline-flex}.prog__chord{background:var(--bg-elev);border:1px solid var(--line);color:var(--accent);cursor:pointer;border-radius:7px;padding:5px 10px;font-size:14px;font-weight:600;transition:all .12s}.prog__chord:hover{background:var(--accent);border-color:var(--accent);color:#fff}.prog__arrow{color:var(--text-faint);font-size:12px}.modal{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06080cb8;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal__box{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:900px;box-shadow:var(--shadow);padding:22px}.modal__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.modal__chord{color:var(--accent);margin-right:12px;font-size:26px;font-weight:700}.modal__notes{color:var(--text-dim);font-size:14px}.modal__close{background:var(--bg-elev);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;border-radius:9px;width:34px;height:34px;font-size:20px;line-height:1}.modal__close:hover{color:var(--text);border-color:var(--accent)}.modal__status{color:var(--text-dim);text-align:center;padding:24px 0;font-size:14px}.voicing-grid--modal{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.footer__credit a{color:var(--text-dim);border-bottom:1px solid var(--line);text-decoration:none;transition:color .13s,border-color .13s}.footer__credit a:hover{color:var(--accent);border-color:var(--accent)}.footer__heart{color:var(--danger)}.search__wrap{flex:1;min-width:0;position:relative}.search__wrap .search__input{width:100%}.autocomplete{z-index:30;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;max-height:280px;margin:0;padding:6px;list-style:none;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.autocomplete__item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:14px;font-weight:600;transition:background .1s}.autocomplete__item:hover{background:var(--accent-soft);color:var(--accent)}.catalog__toggle{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .13s;display:inline-flex}.catalog__toggle:hover{color:var(--text);border-color:var(--accent)}.catalog__caret{color:var(--accent);transition:transform .15s;display:inline-block}.catalog__caret--open{transform:rotate(90deg)}.catalog__body{margin-top:12px}.voicing-card__actions{align-items:center;gap:8px;display:flex}.play-btn{background:var(--bg-elev);border:1px solid var(--line);width:26px;height:26px;color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:10px;transition:all .12s;display:grid}.play-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.play-btn--on{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}.results__title-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.results__hint{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.prog-carousel{scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 12px;display:flex;overflow-x:auto}.prog-carousel::-webkit-scrollbar{height:8px}.prog-carousel::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.prog-carousel .prog{scroll-snap-align:start;flex:none;min-width:236px}.prog__chord--used{background:var(--accent);border-color:var(--accent);color:#fff}.prog__chord--used:hover{filter:brightness(1.08)}:root{--diagram-line:#4a5160;--diagram-nut:#8a91a0}:root[data-theme=light]{--bg:#f5f6f9;--bg-elev:#fff;--bg-card:#fff;--line:#e2e5ec;--line-soft:#eef0f4;--text:#1b1e26;--text-dim:#59606e;--text-faint:#989ea9;--accent:#7c3aed;--accent-soft:#ece5fd;--accent-2:#279e86;--danger:#cf5a5a;--shadow:0 12px 34px #191e301a;--diagram-line:#c3c8d2;--diagram-nut:#5c6473;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] body{background:radial-gradient(1100px 560px at 82% -12%, #7c3aed1a, transparent 62%), var(--bg)}[data-theme=light] .modal{background:#1c1e2866}.diagram__line{stroke:var(--diagram-line)}.diagram__nut{fill:var(--diagram-nut)}.masthead__right{align-items:center;gap:12px;display:flex}.theme-toggle{background:var(--bg-elev);border:1px solid var(--line);width:40px;height:40px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;font-size:17px;transition:all .15s;display:grid}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:rotate(-15deg)}.prog-grid{grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:12px;display:grid}.prog-grid .prog{transition:border-color .14s,transform .14s}.prog-grid .prog:hover{border-color:var(--line);transform:translateY(-2px)}.prog__head-right{align-items:center;gap:8px;display:flex}.generator{background:linear-gradient(135deg, var(--accent-soft), var(--bg-elev));border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:flex}.generator__head{flex-direction:column;gap:2px;display:flex}.generator__title{color:var(--accent);font-size:16px;font-weight:700}.generator__sub{color:var(--text-dim);font-size:13px}.generator__controls{flex-wrap:wrap;gap:10px;display:flex}.generator__genre{min-width:190px}.ideas{margin-bottom:22px}.ideas__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ideas__label{color:var(--text-dim);font-size:14px}.ideas__label strong{color:var(--accent)}.ideas__reroll{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:7px 13px;font-size:13px;transition:all .13s}.ideas__reroll:hover{color:var(--accent);border-color:var(--accent)}.section-divider{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:14px;margin:8px 0 20px;font-size:12px;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--line-soft);flex:1;height:1px}.prog__chord--playing{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.06)}.prog__use{border:1px dashed var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;margin-top:12px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .13s}.prog__use:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.btn--purple{color:#fff;background:#8b5cf6}.btn--purple:hover{filter:brightness(1.08)}.chip--save{color:#b79bff;background:#8b5cf629;border-color:#0000;font-weight:600}.chip--save:disabled{opacity:.7;cursor:default;color:var(--accent-2);background:#7dd3c024}.prog--saved{border-color:#8b5cf659}.saved__del{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:18px;line-height:1}.saved__del:hover{color:var(--danger)}.prog--section{background:linear-gradient(135deg, #8b5cf60d, var(--bg-card));border-color:#8b5cf647}.prog--section .prog__name{color:var(--accent)}.prog__tip{color:var(--text-dim);margin:10px 0 0;font-size:12px;line-height:1.45}.app.boot{min-height:60vh;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.login{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login__card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:28px;display:flex}.login__brand{align-items:center;gap:12px;margin-bottom:6px;display:flex}.login__logo{filter:drop-shadow(0 0 12px #8b5cf680);font-size:30px}.login__title{margin:0;font-size:22px;font-weight:700}.login__tagline{color:var(--text-dim);margin:2px 0 0;font-size:12px}.login__field{color:var(--text-dim);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.login__field input{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:12px 14px;font-size:15px}.login__field input:focus{border-color:#8b5cf6}.login__turnstile{min-height:65px}.login__submit{justify-content:center;width:100%;margin-top:4px}.userbar{background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--radius-sm);color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;margin:-12px 0 24px;padding:8px 14px;font-size:13px;display:flex}.userbar__admin{text-transform:uppercase;letter-spacing:.05em;color:#b79bff;background:#8b5cf629;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10px}.userbar__actions{gap:8px;display:flex}.userbar__btn{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px;transition:all .13s}.userbar__btn:hover{color:var(--accent);border-color:var(--accent)}.modal__box--narrow{max-width:460px}.admin__form{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.admin__form .search__input{flex:1;min-width:120px}.admin__ok{color:var(--accent-2);margin:4px 0;font-size:13px}.admin__list{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.admin__user{background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.admin__name{font-weight:600}.admin__badge{text-transform:uppercase;color:#b79bff;background:#8b5cf629;border-radius:999px;padding:2px 8px;font-size:10px}.admin__del{border:1px solid var(--line);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:999px;padding:5px 11px;font-size:12px}.admin__del:hover{color:var(--danger);border-color:var(--danger)}.brain{color:var(--text);background:radial-gradient(circle at 50% 38%,#141020,#08070d 70%);position:fixed;inset:0;overflow:hidden}.neuron-bg{z-index:0;opacity:.9;width:100%;height:100%;display:block;position:absolute;inset:0}.brain__stage{z-index:1;cursor:grab;touch-action:none;position:absolute;inset:0}.brain__stage:active{cursor:grabbing}.brain__top{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.brain__top>*{pointer-events:auto}.brain__title{text-align:center;flex-direction:column;gap:2px;display:flex}.brain__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mood);font-size:12px}.brain__title h1{letter-spacing:-.01em;margin:2px 0;font-size:22px;font-weight:700}.brain__hint{color:var(--text-dim);font-size:12px}.brain__hint b{color:var(--mood)}.brain__back,.brain__patient{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;background:#14121e99;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .14s}.brain__back:hover,.brain__patient:hover{border-color:var(--mood);color:var(--mood)}.brain__mood{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);background:#100e189e;border-radius:16px;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:14px 18px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.brain__mood-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);font-size:11px}.brain__mood-track{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.brain__mood-btn{--c:#8b5cf6;border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .14s;display:inline-flex}.brain__mood-btn:before{content:"";background:var(--c);width:10px;height:10px;box-shadow:0 0 8px var(--c);border-radius:50%}.brain__mood-btn:hover{color:var(--text)}.brain__mood-btn.is-active{color:#fff;border-color:var(--c);background:color-mix(in srgb, var(--c) 22%, transparent)}.brain__loading{color:var(--text-faint);font-size:11px}.brain__readout{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--mood);background:#100e18d1;border-radius:16px;width:min(460px,100vw - 32px);padding:16px 18px;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.brain__readout-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.brain__readout-name{font-size:15px;font-weight:700}.brain__readout-roman{color:var(--text-dim);margin-right:auto;font-size:12px}.brain__play,.brain__readout-close{border:1px solid var(--line);width:30px;height:30px;color:var(--mood);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:12px;display:grid}.brain__readout-close{color:var(--text-dim);font-size:18px}.brain__play:hover,.brain__readout-close:hover{border-color:var(--mood)}.brain__chords{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.brain__chord-wrap{align-items:center;gap:6px;display:inline-flex}.brain__chord{border:1px solid var(--line);background:color-mix(in srgb, var(--mood) 14%, transparent);color:#fff;cursor:pointer;border-radius:9px;padding:7px 13px;font-size:15px;font-weight:650;transition:all .12s}.brain__chord:hover{background:var(--mood)}.brain__arrow{color:var(--text-faint);font-size:12px}.userbar__btn--brain{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));color:var(--accent)}.brain__planet-badge{color:#fff;border:1px solid color-mix(in srgb, var(--c) 55%, transparent);background:color-mix(in srgb, var(--c) 20%, transparent);border-radius:999px;align-self:center;align-items:center;gap:6px;margin-top:4px;padding:3px 11px;font-size:12px;font-weight:600;display:inline-flex}.brain__profile{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a14d1;border-radius:16px;width:210px;padding:14px 16px;position:absolute;top:96px;left:24px;box-shadow:0 10px 30px #00000059}.brain__profile-title{letter-spacing:.1em;text-transform:uppercase;color:var(--mood);font-size:10px;display:block}.brain__profile-name{color:#fff;margin:3px 0 10px;font-size:17px;font-weight:700;display:block}.brain__profile-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.brain__profile-list li{justify-content:space-between;gap:10px;font-size:12.5px;display:flex}.brain__profile-list li span{color:var(--text-dim)}.brain__profile-list li b{color:var(--text);text-align:right;font-weight:600}.brain__travel{z-index:5;border:1px solid color-mix(in srgb, var(--mood) 55%, var(--line));background:color-mix(in srgb, var(--mood) 22%, #0c0a14);color:#fff;cursor:pointer;box-shadow:0 8px 26px color-mix(in srgb, var(--mood) 30%, transparent);border-radius:999px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .14s,background .14s;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.brain__travel:hover{background:var(--mood);transform:translateY(-50%)scale(1.06)}.galaxy{color:var(--text);background:radial-gradient(circle at 50% 55%,#0d0a1c,#050408 72%);position:fixed;inset:0;overflow:hidden}.galaxy__stage{z-index:1;cursor:grab;touch-action:none;position:absolute;inset:0}.galaxy__stage:active{cursor:grabbing}.galaxy__top{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.galaxy__top>*{pointer-events:auto}.galaxy__title{text-align:center;flex-direction:column;gap:2px;display:flex}.galaxy__title .brain__eyebrow{color:#b9a9ff}.galaxy__title h1{margin:2px 0;font-size:22px;font-weight:700}.galaxy__spacer{width:92px}.galaxy__tip{z-index:10;pointer-events:none;border:1px solid color-mix(in srgb, var(--c) 60%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a14d9;border-radius:12px;flex-direction:column;gap:1px;padding:8px 12px;display:flex;position:fixed;box-shadow:0 8px 24px #0006}.galaxy__tip-name{color:#fff;font-size:15px;font-weight:700}.galaxy__tip-genre{color:var(--c);font-size:12px;font-weight:600}@media (width<=560px){.brain__title h1{font-size:18px}.brain__hint{display:none}.brain__readout{bottom:150px}.brain__profile{width:158px;padding:10px 12px;top:auto;bottom:210px;left:12px}.brain__profile-list li{font-size:11px}.brain__travel{padding:10px 14px;font-size:13px;right:12px}.galaxy__title h1{font-size:18px}.galaxy__spacer{width:40px}}.toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2,#ffffff05);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;display:flex}.toolbar__group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar__lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.tool-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .12s}.tool-btn:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.tool-btn--on{background:var(--accent);border-color:var(--accent);color:#fff}.tool-btn--sq{text-align:center;width:34px;padding:8px 0;font-size:16px}.tempo{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:inline-flex}.tempo__val{color:var(--text);text-align:right;min-width:30px;font-weight:700}.tempo input[type=range]{width:120px;accent-color:var(--accent)}.cof-wrap{flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;display:flex}.cof{max-width:100%;height:auto}.cof__seg{fill:color-mix(in srgb, var(--accent) 10%, transparent);stroke:var(--line);stroke-width:1px;cursor:pointer;transition:fill .12s}.cof__seg--minor{fill:color-mix(in srgb, var(--accent) 4%, transparent)}.cof__seg:hover{fill:color-mix(in srgb, var(--accent) 35%, transparent)}.cof__seg--active{fill:var(--accent)}.cof__label{fill:var(--text);pointer-events:none;font-size:12px;font-weight:700}.cof__label--minor{fill:var(--text-dim);font-size:9.5px;font-weight:600}.cof-wrap__hint{color:var(--text-dim);text-align:center;max-width:340px;font-size:12px}.scales{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:8px;display:grid}.scale{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2,#ffffff05);padding:10px 12px}.scale__head{flex-direction:column;gap:6px;display:flex}.scale__name{font-size:14px;font-weight:700}.scale__notes{flex-wrap:wrap;gap:5px;display:flex}.scale__note{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.scale__tip{color:var(--text-dim);margin:8px 0 0;font-size:12px;line-height:1.4}.analysis-chord--playing{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-2px)}.brain__actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.brain__cryo-btn,.brain__cryo-open{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0c0a14b3;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .14s}.brain__cryo-btn{border-color:color-mix(in srgb, #7fd4ff 55%, var(--line));color:#bfe9ff}.brain__cryo-btn:hover:not(:disabled){background:#253648}.brain__cryo-btn.is-frozen{opacity:.55;cursor:default}.brain__cryo-open:hover{border-color:color-mix(in srgb, var(--mood) 55%, var(--line))}.cryo-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04040aa8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cryo{border:1px solid color-mix(in srgb, #7fd4ff 30%, var(--line));background:#0b0a13;border-radius:18px;width:min(440px,100%);max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.cryo__head{border-bottom:1px solid var(--line);background:#0b0a13;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.cryo__title{letter-spacing:.02em;color:#bfe9ff;font-size:15px;font-weight:700}.cryo__close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.cryo__empty{color:var(--text-dim);text-align:center;padding:24px 18px}.cryo__list{flex-direction:column;gap:8px;margin:0;padding:10px;list-style:none;display:flex}.cryo__item{border:1px solid var(--line);border-left:3px solid var(--c);border-radius:12px;align-items:stretch;gap:6px;display:flex;overflow:hidden}.cryo__restore{text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;flex-direction:column;flex:1;gap:2px;padding:10px 14px;display:flex}.cryo__restore:hover{background:color-mix(in srgb, var(--c) 12%, transparent)}.cryo__item-name{font-size:15px;font-weight:700}.cryo__item-meta{color:var(--c);font-size:12px;font-weight:600}.cryo__item-sub{color:var(--text-dim);font-size:12px}.cryo__del{width:42px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;font-size:20px}.cryo__del:hover{color:#ff8a8a;background:#ff5a5a24}