.ecosystem-area{--area-nota:oklch(85% .17 92);--area-musicor:oklch(78% .15 305);--area-circuito:oklch(78% .16 55);--area-community:oklch(80% .16 150);--area-tools:oklch(76% .14 245);--area-accent:var(--area-nota);--area-surface:oklch(19% .018 280);--area-edge:oklch(38% .02 280);--area-shadow:0 14px 30px -20px oklch(0% 0 0/.7);--area-card-background:linear-gradient(120deg, oklch(35% .08 92), oklch(19% .03 92))}.ecosystem-area[data-area=musicor]{--area-accent:var(--area-musicor);--area-card-background:var(--tool-card-violet)}.ecosystem-area[data-area=circuito]{--area-accent:var(--area-circuito);--area-card-background:var(--tool-card-orange)}.ecosystem-area[data-area=community]{--area-accent:var(--area-community);--area-card-background:var(--tool-card-green)}.ecosystem-area[data-area=tools],.ecosystem-area[data-area=herramientas]{--area-accent:var(--area-tools);--area-card-background:var(--tool-card-blue)}.area-heading-accent{color:var(--area-accent)}.area-band{border-color:var(--area-edge);background:linear-gradient(110deg, color-mix(in oklch, var(--area-accent) 12%, var(--background)), var(--background) 80%)}.area-card{border-color:var(--area-edge);background-color:var(--area-surface);box-shadow:var(--area-shadow);border-radius:8px}.area-link{border-color:var(--area-edge)}.area-link:hover{border-color:var(--area-accent)}.area-link:focus-visible,.area-action:focus-visible{outline:2px solid var(--area-accent);outline-offset:3px}.area-action{background:var(--area-accent);color:var(--background)}.area-action:hover{background:color-mix(in oklch, var(--area-accent) 85%, var(--foreground))}.area-outline{border-color:var(--area-accent)}.area-outline:hover{background:color-mix(in oklch, var(--area-accent) 12%, var(--background))}.area-tool-card{background:var(--area-card-background)}.ecosystem-sidebar-link[data-status=active]{border-left:3px solid var(--area-accent);color:var(--foreground);background:var(--secondary)}.ecosystem-area [data-ecosystem-sidebar] a[href=\/circuitomusical] .text-primary{color:var(--area-circuito)}.ecosystem-mobile-nav{z-index:40;position:sticky;top:0}.ecosystem-mobile-nav>header>div>a .text-gradient{color:var(--area-nota);background:0 0}.ecosystem-mobile-nav nav{max-height:calc(100dvh - 10rem - env(safe-area-inset-bottom,0px));overflow-y:auto}.ecosystem-mobile-nav nav a[href=\/circuitomusical] .text-primary{color:var(--area-circuito)}.ecosystem-mobile-nav a:focus-visible,.ecosystem-mobile-nav button:focus-visible{outline:2px solid var(--area-accent);outline-offset:-3px}.area-tool-card>img{opacity:.45}.ecosystem-footer>nav{padding-bottom:env(safe-area-inset-bottom,0px)}.ecosystem-footer>nav a:focus-visible,.ecosystem-footer>nav button:focus-visible{outline:2px solid var(--area-accent);outline-offset:-3px}.ecosystem-footer>nav a[data-status=active]{color:var(--area-accent);box-shadow:inset 0 2px var(--area-accent)}.ecosystem-content{min-width:0;padding-bottom:calc(10rem + env(safe-area-inset-bottom,0px))}@media (width>=1024px){.ecosystem-content{margin-left:260px}.ecosystem-footer>nav{left:260px}}@media (prefers-reduced-motion:reduce){.area-link,.area-tool-card{transition:none;transform:none}}.misletras{--ml-primary:oklch(80% .16 70);--ml-primary-foreground:oklch(18% .02 60);--ml-key:oklch(72% .17 160);--ml-key-foreground:oklch(15% .03 160);--ml-stage:oklch(8% .005 60);--ml-bg:oklch(16% .012 60);--ml-card:oklch(20.5% .014 60);--ml-foreground:oklch(95% .015 80);--ml-muted:oklch(68% .02 70);--ml-border:oklch(30% .014 60);--ml-destructive:oklch(63% .21 25);background-color:var(--ml-bg);color:var(--ml-foreground);font-family:DM Sans,system-ui,sans-serif}.misletras h1,.misletras h2,.misletras h3,.misletras .ml-display{font-family:Syne,system-ui,sans-serif}.misletras .ml-card{background-color:var(--ml-card);border:1px solid var(--ml-border);border-radius:.75rem}.misletras .ml-muted{color:var(--ml-muted)}.misletras .ml-btn{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;transition:filter .15s,background-color .15s;display:inline-flex}.misletras .ml-btn:disabled{opacity:.5;cursor:not-allowed}.misletras .ml-btn-primary{background-color:var(--ml-primary);color:var(--ml-primary-foreground)}.misletras .ml-btn-primary:not(:disabled):hover{filter:brightness(1.08)}.misletras .ml-btn-outline{border:1px solid var(--ml-border);color:var(--ml-foreground);background:0 0}.misletras .ml-btn-outline:not(:disabled):hover{background-color:var(--ml-card)}.misletras .ml-btn-danger{color:var(--ml-destructive);background:0 0}.misletras .ml-input{border:1px solid var(--ml-border);background-color:var(--ml-bg);width:100%;color:var(--ml-foreground);border-radius:.5rem;padding:.6rem .75rem;font-size:.875rem}.misletras .ml-input::placeholder{color:var(--ml-muted)}.misletras .ml-input:focus-visible{outline:2px solid var(--ml-primary);outline-offset:1px}.misletras .ml-key-badge{background-color:var(--ml-key);color:var(--ml-key-foreground);white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;font-family:Syne,system-ui,sans-serif;font-weight:700;line-height:1;display:inline-flex}.misletras .ml-key-badge-sm{padding:.3rem .6rem;font-size:.75rem}.misletras .ml-key-badge-lg{padding:.5rem 1rem;font-size:1.25rem}.misletras .ml-stage{background-color:var(--ml-stage);color:var(--ml-foreground)}.misletras .ml-spotlight{background:radial-gradient(ellipse 80% 40% at 50% -10%, color-mix(in oklab, var(--ml-primary) 22%, transparent), transparent)}.rider-space{--rider-accent:var(--tool-nota-solid);font-family:var(--font-rounded)}.rider-space h1{font-family:var(--font-display);letter-spacing:.03em}.rider-space button,.rider-space a.inline-flex{border-radius:9999px;font-weight:600}.rider-space button.bg-primary{background:var(--tool-nota);color:oklch(22% .05 60);border:none}.rider-space button.bg-primary:hover{background:var(--tool-nota);filter:brightness(1.07)}.rider-space button.border-input:hover{border-color:var(--rider-accent);color:var(--rider-accent);background:0 0}.rider-stage{--stage-paper:oklch(100% 0 0);--stage-ink:oklch(12% 0 0);background-color:var(--stage-paper);color:var(--stage-ink);background-image:linear-gradient(oklch(90% 0 0) 1px,#0000 1px),linear-gradient(90deg,oklch(90% 0 0) 1px,#0000 1px);background-size:5% 5%}.rider-space .rider-stage-item{color:var(--stage-ink);border:2px solid #0000;border-radius:.5rem;font-weight:600}.rider-space .rider-stage-item.is-selected{border-color:var(--rider-accent);background:oklch(97% .05 95/.6)}.rider-stage .stage-x{border:1px solid var(--stage-ink);background:var(--stage-paper);width:1.15rem;height:1.15rem;color:var(--stage-ink);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 3px oklch(20% 0 0/.35)}.rider-stage .stage-x:hover{color:oklch(99% 0 0);background:oklch(62% .24 25);border-color:oklch(62% .24 25)}.artist-web{--aw-accent:oklch(93% .23 125);--aw-accent-foreground:oklch(15% .02 125);--aw-surface:oklch(16% 0 0);--aw-line:oklch(100% 0 0/.1);--aw-heading:"Outfit", system-ui, sans-serif;--aw-body:"Plus Jakarta Sans", system-ui, sans-serif;background:oklch(8% 0 0)}.artist-web main{font-family:var(--aw-body)}.artist-web .aw-heading{font-family:var(--aw-heading);letter-spacing:-.02em}.artist-web .aw-accent{color:var(--aw-accent)}.artist-web .aw-bg-accent{background:var(--aw-accent);color:var(--aw-accent-foreground)}.artist-web .aw-surface{background:var(--aw-surface);border:1px solid var(--aw-line)}.artist-web .aw-line{border-color:var(--aw-line)}.artist-web .aw-kicker{font-family:var(--aw-body);text-transform:uppercase;letter-spacing:.24em;color:var(--aw-accent);font-size:11px;font-weight:700}.artist-web .aw-pill{font-weight:700;font-family:var(--aw-heading);background:var(--aw-accent);color:var(--aw-accent-foreground);box-shadow:0 10px 40px -10px color-mix(in oklab, var(--aw-accent) 60%, transparent);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;transition:transform .15s,opacity .15s;display:inline-flex}.artist-web .aw-pill:hover{opacity:.92;transform:translateY(-1px)}.artist-web .aw-pill:focus-visible,.artist-web button:focus-visible,.artist-web a:focus-visible{outline:2px solid var(--aw-accent);outline-offset:2px}.artist-web .aw-progress{background:var(--aw-accent)}.artist-web .aw-brand{filter:drop-shadow(0 1px 2px #000000d9)drop-shadow(0 0 16px #0009)}.elreper{--er-bg:#07060d;--er-card:#120f1f;--er-border:#a855f740;--er-primary:#a855f7;--er-primary-2:#7c3aed;--er-text:#f4f0ff;--er-muted:#a79fc0;--er-key:#d8b4fe;background:radial-gradient(circle at 50% -10%, #7c3aed47, transparent 55%), var(--er-bg);color:var(--er-text);min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif}.elreper .er-display{letter-spacing:.04em;font-family:Michroma,sans-serif}.elreper .er-muted{color:var(--er-muted)}.elreper .er-card{background:var(--er-card);border:1px solid var(--er-border);border-radius:1rem}.elreper .er-btn{border:1px solid var(--er-border);color:var(--er-text);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.elreper .er-btn:hover{border-color:var(--er-primary);box-shadow:0 0 14px #a855f759}.elreper .er-btn-primary{background:linear-gradient(135deg, var(--er-primary), var(--er-primary-2));color:#fff;border-color:#0000}.elreper .er-btn:disabled{opacity:.5}.elreper .er-input{border:1px solid var(--er-border);width:100%;color:var(--er-text);background:#0c0a16;border-radius:.6rem;padding:.55rem .75rem;font-size:.9rem}.elreper .er-input:focus{border-color:var(--er-primary);outline:none}.elreper .er-key{color:#1a0b2e;background:var(--er-key);border-radius:999px;align-items:center;padding:.15rem .6rem;font-weight:800;display:inline-flex;box-shadow:0 0 12px #d8b4feb3}.elreper .er-float{animation:4s ease-in-out infinite er-float}.elreper .er-welcome-title{letter-spacing:0;color:var(--er-key);font-size:48px;line-height:1.25}.elreper .er-feature-icon{color:var(--er-primary)}@media (width<=540px){.elreper .er-welcome-title{font-size:32px}}@media (prefers-reduced-motion:reduce){.elreper .er-float{animation:none}}@keyframes er-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}