@import "https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700;800&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#0c0d10;--bg-elevated:#14161c;--bg-soft:#1a1d26;--ink:#f2efe8;--ink-muted:#a8a29a;--line:#f2efe81f;--accent:#e8b86d;--accent-soft:#e8b86d24;--glow:#e8b86d59;--ok:#7dcea0;--radius:18px;--max:1100px;--font-display:"Syne", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% -10%, #e8b86d29, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #5a78a01f, transparent 50%), var(--bg);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - 2rem, var(--max));margin-inline:auto}.site-header{padding:1.25rem 0 0}.site-header__bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.brand{flex-direction:column;gap:.15rem;display:flex}.brand__name{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;line-height:1}.brand__tag{color:var(--accent);letter-spacing:.02em;font-size:.85rem;font-weight:600}.nav-links{flex-wrap:wrap;gap:.35rem 1rem;list-style:none;display:flex}.nav-links a{color:var(--ink-muted);font-size:.92rem;font-weight:600;transition:color .2s}.nav-links a.active{color:var(--ink)}.nav-toggle{border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);font-family:var(--font-body);cursor:pointer;border-radius:999px;padding:.55rem .95rem;font-size:.88rem;font-weight:700;display:none}.brand{text-decoration:none}.hero{padding:3.5rem 0 2.5rem;animation:.7s both rise}.hero h1{font-family:var(--font-display);letter-spacing:-.04em;max-width:none;margin-bottom:1rem;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;line-height:1.05}.hero p{max-width:38rem;color:var(--ink-muted);margin-bottom:1.5rem;font-size:1.05rem}.hero__stats{flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.25rem;display:flex}.hero__stats .progress--hero{flex:16rem;margin-bottom:0}.streak-chip{background:var(--accent-soft);border:1px solid #e8b86d59;border-radius:14px;flex-direction:column;gap:.1rem;min-width:6.5rem;padding:.65rem 1rem;display:flex}.streak-chip strong{font-family:var(--font-display);color:var(--accent);font-size:1.55rem;line-height:1}.streak-chip span{color:var(--ink-muted);font-size:.78rem;font-weight:600}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.hub-quick{border-top:1px solid var(--line);flex-wrap:wrap;gap:.55rem 1rem;margin-top:1.1rem;padding-top:.95rem;display:flex}.hub-quick a{color:var(--ink-muted);font-size:.88rem;font-weight:700;text-decoration:none}.hub-quick a:hover{color:var(--accent)}.btn{font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.2rem;font-size:.92rem;font-weight:700;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:#1a140c}.btn--primary:hover{background:#f0c888}.btn--ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn--ghost:hover{border-color:var(--accent);background:var(--accent-soft)}.section{padding:1rem 0 3.5rem}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;margin-bottom:1.5rem;display:flex}.section__head h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,1.85rem)}.section__head p{color:var(--ink-muted);font-size:.95rem}.module-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.module-card{background:linear-gradient(160deg, var(--bg-elevated), var(--bg-soft));border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.65rem;min-height:180px;padding:1.25rem 1.25rem 1.35rem;transition:border-color .25s,box-shadow .25s,transform .25s;animation:.6s both rise;display:flex;position:relative;overflow:hidden}.module-card:first-child{animation-delay:50ms}.module-card:nth-child(2){animation-delay:.1s}.module-card:nth-child(3){animation-delay:.15s}.module-card:nth-child(4){animation-delay:.2s}.module-card:nth-child(5){animation-delay:.25s}.module-card:nth-child(6){animation-delay:.3s}.module-card:before{content:"";background:radial-gradient(circle, var(--glow), transparent 70%);opacity:0;pointer-events:none;width:140px;height:140px;transition:opacity .3s;position:absolute;inset:auto -20% -40% auto}.module-card:hover{border-color:#e8b86d73;transform:translateY(-3px);box-shadow:0 12px 40px #00000059}.module-card:hover:before{opacity:1}.module-card__num{font-family:var(--font-display);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.module-card h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.25rem}.module-card p{color:var(--ink-muted);flex:1;font-size:.92rem}.module-card__link{color:var(--accent);font-size:.85rem;font-weight:700}.module-hero{padding:2.5rem 0 1.5rem;animation:.6s both rise}.module-hero__meta{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-flex}.module-hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3rem)}.module-hero p{color:var(--ink-muted);max-width:40rem;font-size:1.05rem}.module-hero__goal{background:var(--accent-soft);border:1px solid #e8b86d40;border-radius:12px;margin-top:1rem;padding:.85rem 1rem;color:var(--ink)!important;font-size:.95rem!important}.progress{flex-direction:column;gap:.45rem;max-width:28rem;margin-top:1.25rem;display:flex}.progress--hero{margin-bottom:1.25rem}.progress__bar{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.progress__bar--sm{flex:1;height:6px}.progress__fill{background:linear-gradient(90deg, #c9964a, var(--accent));border-radius:999px;height:100%;transition:width .35s}.progress__label{color:var(--ink-muted);font-size:.82rem;font-weight:600}.module-card__tools{flex-wrap:wrap;gap:.35rem;display:flex}.tool-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid #e8b86d59;border-radius:999px;padding:.2rem .5rem;font-size:.68rem;font-weight:700}.ear__score{color:var(--ink-muted);margin-bottom:.85rem;font-size:.9rem}.ear__score strong{color:var(--ink)}.ear__choices{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.ear__feedback{color:var(--ink-muted);margin-top:.85rem;font-size:.92rem;font-weight:600}.ear__feedback--ok{color:var(--ok)}.studio-jump{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.studio-block{margin-bottom:1.25rem;scroll-margin-top:5.5rem}.studio-block__src{color:var(--ink-muted);margin-bottom:.45rem;font-size:.8rem;font-weight:600}.studio-block__src a{color:var(--accent)}.data-summary{gap:.45rem;list-style:none;display:grid}.data-summary li{border:1px solid var(--line);background:#0c0d1059;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:.5rem;max-width:none;padding:.55rem .65rem;display:flex}.data-summary code{color:var(--accent);font-size:.8rem}.data-summary span{color:var(--ink-muted);font-size:.82rem;font-weight:600}.lesson-list{gap:.75rem;padding-bottom:3rem;display:grid}.lesson{background:var(--bg-elevated);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;scroll-margin-top:5.5rem;transition:border-color .2s,opacity .2s;animation:.5s both rise}.lesson:hover{border-color:#e8b86d59}.lesson--done{opacity:.85;border-color:#7dcea059}.lesson__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.lesson__check{color:var(--ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;display:inline-flex}.lesson__check input{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.lesson__mins{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:700}.lesson h3{font-family:var(--font-display);margin-bottom:.35rem;font-size:1.05rem}.lesson p{color:var(--ink-muted);font-size:.92rem}.lesson__practice{border-top:1px dashed var(--line);margin-top:.65rem;padding-top:.65rem;font-size:.88rem;color:var(--ok)!important}.lesson__tip{opacity:.95;margin-top:.45rem;color:var(--accent)!important;font-size:.85rem!important}.module-nav{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:1.25rem 0 3rem;display:flex}.content-page{padding:2.5rem 0 3.5rem;animation:.55s both rise}.content-page h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.5rem)}.content-page h2{font-family:var(--font-display);margin:1.5rem 0 .5rem;font-size:1.25rem}.content-page p,.content-page li{color:var(--ink-muted);max-width:42rem}.content-page ul{margin:.75rem 0 0 1.2rem}.content-page strong{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--ink-muted);padding:1.5rem 0 2rem;font-size:.85rem}.site-footer__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.65rem 1.25rem;display:flex}.site-footer a{color:var(--accent);font-weight:700;text-decoration:none}.site-footer a:hover{text-decoration:underline}.hub-search{max-width:32rem;margin-top:1.15rem}.lume-search{gap:.45rem;display:grid}.lume-search__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:700}.lume-search input[type=search]{border:1px solid var(--line);background:var(--bg-elevated);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:.7rem .9rem}.lume-search input[type=search]:focus{outline-offset:1px;outline:2px solid #e8b86d73}.lume-search__results{border:1px solid var(--line);background:var(--bg-elevated);border-radius:12px;gap:.35rem;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.lume-search__results a{color:inherit;border-bottom:1px solid var(--line);gap:.1rem;padding:.65rem .85rem;text-decoration:none;display:grid}.lume-search__results li:last-child a{border-bottom:0}.lume-search__results a:hover{background:var(--accent-soft)}.lume-search__kind{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:700}.lume-search__results strong{font-size:.95rem}.lume-search__detail{color:var(--ink-muted);font-size:.82rem}.lume-search__empty{margin:.25rem 0 0}.guide-cycle{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.guide-card{border-radius:var(--radius);border:1px solid var(--line);background:#14161ca6;align-content:start;gap:.45rem;padding:1.1rem 1.15rem;display:grid}.guide-card>span{letter-spacing:.08em;color:var(--accent);font-size:.75rem;font-weight:800}.guide-card h3{font-family:var(--font-display);margin:0;font-size:1.25rem}.guide-card p{color:var(--ink-muted);margin:0;font-size:.92rem}.guide-links{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.guide-links li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;padding:.65rem 0;display:flex}.guide-links a{color:var(--accent);font-weight:700;text-decoration:none}.guide-links span{color:var(--ink-muted);font-size:.88rem}.guide-faq{gap:1rem;display:grid}.guide-faq dt{margin-bottom:.25rem;font-weight:700}.guide-faq dd{color:var(--ink-muted);margin:0;font-size:.95rem}.guide-foot{color:var(--ink-muted);margin:1.5rem 0 2.5rem}.guide-foot a{color:var(--accent);font-weight:700}@media (width<=860px){.guide-cycle{grid-template-columns:1fr}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.site-header__bar{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.site-nav{grid-column:1/-1;padding:.35rem 0 .15rem;display:none}.site-nav.is-open{display:block}.nav-links{flex-direction:column;gap:.15rem}.nav-links a{border:1px solid var(--line);background:#14161cd9;border-radius:12px;padding:.7rem .85rem;display:block}.nav-links a.active{background:var(--accent-soft);color:var(--accent);border-color:#e8b86d66}.hero{padding-top:2.5rem}}.module-hero__tool-link{margin-top:1rem}.tool-panel{background:linear-gradient(160deg, var(--bg-elevated), var(--bg-soft));border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1.75rem;padding:1.25rem;animation:.55s both rise}.tool-panel__head h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.25rem}.tool-panel__head p{color:var(--ink-muted);margin-bottom:.85rem;font-size:.92rem}.tool-panel__loop{color:var(--ink-muted);cursor:pointer;align-items:center;gap:.45rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:inline-flex}.tool-panel__loop input{accent-color:var(--accent)}.progression-list{gap:.75rem;display:grid}.progression-card{border:1px solid var(--line);background:#0c0d1073;border-radius:14px;padding:1rem}.progression-card--playing{border-color:#e8b86d80;box-shadow:0 0 0 1px #e8b86d26}.progression-card__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.45rem;display:flex}.progression-card h3{font-family:var(--font-display);font-size:1.05rem}.progression-card__meta{margin-top:.2rem;font-weight:600;color:var(--accent)!important;font-size:.82rem!important}.progression-card__desc{color:var(--ink-muted);margin-bottom:.75rem;font-size:.88rem}.chord-row{flex-wrap:wrap;gap:.4rem;display:flex}.progression-card__actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chord-chip{border:1px solid var(--line);min-width:2.4rem;color:var(--ink-muted);border-radius:8px;justify-content:center;align-items:center;padding:.35rem .55rem;font-size:.82rem;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.chord-chip--active{background:var(--accent);border-color:var(--accent);color:#1a140c}.diary-page{max-width:720px}.diary-form{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);gap:.9rem;margin-top:1.5rem;padding:1.25rem;display:grid}.diary-form__row label{color:var(--ink);gap:.35rem;font-size:.85rem;font-weight:700;display:grid}.diary-form input,.diary-form textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font-family:var(--font-body);resize:vertical;border-radius:10px;padding:.7rem .8rem;font-size:.95rem}.diary-form input:focus,.diary-form textarea:focus{border-color:#e8b86d80;outline:2px solid #e8b86d59}.diary-form__actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.diary-flash{color:var(--ok);font-size:.85rem;font-weight:700}.diary-history{margin-top:2rem}.diary-empty{color:var(--ink-muted)}.diary-list{gap:.75rem;margin-top:.75rem;list-style:none;display:grid}.diary-entry{background:var(--bg-elevated);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}.diary-entry__head{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;display:flex}.diary-entry__head span{color:var(--ink-muted);font-size:.82rem}.diary-entry p{max-width:none;margin-top:.25rem}.diary-entry em{color:var(--accent);font-size:.82rem;font-style:normal;font-weight:700}.diary-entry__delete{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;margin-top:.65rem;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.diary-entry__delete:hover{color:#f0a8a8}button.btn{font:inherit}.metro{gap:1rem;display:grid}.metro__bpm{justify-content:center;align-items:center;gap:1rem;display:flex}.metro__value{text-align:center;min-width:5.5rem}.metro__value strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:2.4rem;line-height:1;display:block}.metro__value span{letter-spacing:.08em;color:var(--accent);font-size:.75rem;font-weight:700}.metro__slider{width:100%;accent-color:var(--accent)}.metro__beats{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;display:flex}.metro__dots{justify-content:center;gap:.55rem;display:flex}.metro__dot{border:1px solid var(--line);background:var(--bg);border-radius:50%;width:12px;height:12px;transition:background .12s,transform .12s}.metro__dot--accent{border-color:#e8b86d80}.metro__dot--on{background:var(--accent);transform:scale(1.2)}.metro__actions{flex-wrap:wrap;gap:.6rem;display:flex}.timer__goal{gap:.35rem;margin-bottom:.85rem;font-size:.85rem;font-weight:700;display:grid}.timer__goal input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font-family:var(--font-body);border-radius:10px;padding:.7rem .8rem;font-size:.95rem}.timer__presets{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.timer__clock{font-family:var(--font-display);letter-spacing:-.03em;text-align:center;margin:.5rem 0 .75rem;font-size:clamp(2.4rem,8vw,3.4rem)}.timer__clock--done{color:var(--ok)}.timer__done{color:var(--ok);margin-top:.85rem;font-size:.92rem;font-weight:600}.arranjo-timeline{gap:4px;min-height:44px;margin-bottom:1rem;display:flex}.arranjo-block{border:1px solid var(--line);color:var(--ink-muted);text-align:center;border-radius:8px;justify-content:center;align-items:center;min-width:0;padding:.25rem;font-size:.65rem;font-weight:700;display:flex;overflow:hidden}.arranjo-block span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arranjo-block.dens-1{background:#e8b86d14}.arranjo-block.dens-2{background:#e8b86d2e}.arranjo-block.dens-3{color:var(--ink);background:#e8b86d52}.arranjo-list{gap:.55rem;margin-bottom:1rem;display:grid}.arranjo-row{grid-template-columns:1.5rem minmax(5.5rem,7rem) 4.2rem minmax(10rem,1fr) minmax(7rem,1fr) auto;align-items:center;gap:.4rem;display:grid}.arranjo-row__idx{color:var(--ink-muted);text-align:center;font-size:.75rem;font-weight:700}.arranjo-row select,.arranjo-row input[type=number],.arranjo-row__note{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font-family:var(--font-body);border-radius:8px;padding:.45rem .5rem;font-size:.82rem}.arranjo-row__bars{color:var(--ink-muted);gap:.15rem;font-size:.65rem;font-weight:700;display:grid}.arranjo-row__dens{flex-wrap:wrap;gap:.25rem;display:flex}.arranjo-row__move{gap:.2rem;display:flex}.arranjo-row__move .btn{min-width:2rem;padding:.35rem .55rem}.mix-list{gap:.55rem;margin:1rem 0;list-style:none;display:grid}.mix-item{border:1px solid var(--line);background:#0c0d1059;border-radius:12px;padding:.85rem .95rem}.mix-item--done{opacity:.85;border-color:#7dcea059}.mix-item label{cursor:pointer;align-items:flex-start;gap:.65rem;display:flex}.mix-item input{accent-color:var(--accent);width:1.05rem;height:1.05rem;margin-top:.2rem}.mix-item strong{margin-bottom:.2rem;font-size:.92rem;display:block}.mix-item em{color:var(--ink-muted);font-size:.82rem;font-style:normal;display:block}.onboard{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06070ab8;place-items:center;padding:1.25rem;animation:.35s both rise;display:grid;position:fixed;inset:0}.onboard__card{border-radius:var(--radius);background:linear-gradient(165deg, var(--bg-elevated), var(--bg-soft));border:1px solid #e8b86d47;width:min(100%,28rem);padding:1.6rem 1.5rem 1.4rem;box-shadow:0 24px 60px #00000073}.onboard__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem;font-size:.8rem;font-weight:700}.onboard__card h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1rem;font-size:1.65rem;line-height:1.15}.onboard__steps{color:var(--ink-muted);gap:.65rem;margin:0 0 1.35rem;padding-left:1.15rem;font-size:.95rem;display:grid}.onboard__steps strong{color:var(--ink)}.onboard__actions{flex-wrap:wrap;gap:.6rem;display:flex}.mini-piano{margin:.35rem 0 1rem;padding-bottom:.25rem;overflow-x:auto}.mini-piano__whites{width:max-content;min-width:100%;display:flex}.mini-piano__white-wrap{flex:1 0 1.55rem;height:5.2rem;position:relative}.mini-piano__white{background:linear-gradient(#f7f3ea,#d9d2c4);border:1px solid #00000040;border-radius:0 0 4px 4px;height:100%;margin-right:1px;transition:background .12s,box-shadow .12s}.mini-piano__white.is-on{background:linear-gradient(180deg, #f0d39a, var(--accent));box-shadow:inset 0 0 0 2px #e8b86d8c}.mini-piano__black{z-index:2;background:linear-gradient(#2a2e38,#12141a);border:1px solid #00000080;border-radius:0 0 3px 3px;width:62%;height:58%;transition:background .12s,box-shadow .12s;position:absolute;top:0;right:-35%}.mini-piano__black.is-on{box-shadow:0 0 10px var(--glow);background:linear-gradient(#c9a05a,#8a6a35)}.ear__dir{color:var(--ink-muted);font-weight:500}.beatpad__presets{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1rem;display:flex}.beatpad{gap:.35rem;padding-bottom:.35rem;display:grid;overflow-x:auto}.beatpad__ruler,.beatpad__row{grid-template-columns:4.2rem repeat(16,minmax(1.35rem,1fr));align-items:center;gap:.28rem;min-width:28rem;display:grid}.beatpad__label{color:var(--ink-muted);font-size:.78rem;font-weight:700}.beatpad__tick{text-align:center;color:var(--ink-muted);opacity:.55;font-size:.65rem;font-weight:600}.beatpad__tick--bar{color:var(--accent);opacity:.9}.beatpad__tick.is-now{color:var(--ink);opacity:1}.beatpad__cell{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#0c0d1073;border-radius:6px;min-height:1.35rem;padding:0;transition:background .12s,border-color .12s,box-shadow .12s}.beatpad__cell:hover{border-color:#e8b86d59}.beatpad__cell.is-now{box-shadow:inset 0 0 0 1px #f2efe859}.beatpad__cell--kick.is-on{background:linear-gradient(160deg,#e8b86d,#b8843d);border-color:#0000}.beatpad__cell--snare.is-on{background:linear-gradient(160deg,#8eb4d8,#5a7fa8);border-color:#0000}.beatpad__cell--hat.is-on{background:linear-gradient(160deg,#9ad0b2,#5f9a78);border-color:#0000}.tuner__ref{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1rem;display:flex}.tuner__ref label{color:var(--ink-muted);font-size:.85rem;font-weight:700}.tuner__ref .metro__slider{flex:10rem}.tuner__display{text-align:center;border:1px solid var(--line);background:#0c0d1073;border-radius:14px;place-content:center;gap:.25rem;min-height:7.5rem;margin-bottom:.85rem;padding:1.25rem 1rem;transition:border-color .2s,background .2s;display:grid}.tuner__display--ok{background:#7dcea014;border-color:#7dcea073}.tuner__note{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.6rem,8vw,3.6rem);font-weight:800;line-height:1}.tuner__note span{color:var(--ink-muted);vertical-align:super;margin-left:.15em;font-size:.45em;font-weight:700}.tuner__freq{color:var(--ink-muted);font-size:.95rem;font-weight:600}.tuner__cents{color:var(--accent);font-size:.88rem;font-weight:700}.tuner__display--ok .tuner__cents{color:var(--ok)}.tuner__idle{color:var(--ink-muted);font-weight:600}.tuner__gauge{margin-bottom:1rem}.tuner__gauge-track{border:1px solid var(--line);background:linear-gradient(90deg,#e878642e,#0000 45% 55%,#e878642e),#0c0d1059;border-radius:999px;height:2.4rem;position:relative}.tuner__gauge-center{background:var(--ok);opacity:.7;border-radius:2px;width:2px;position:absolute;top:.35rem;bottom:.35rem;left:50%;transform:translate(-50%)}.tuner__gauge-mark{color:var(--ink-muted);font-size:.65rem;font-weight:600;position:absolute;bottom:.2rem}.tuner__gauge-mark--l{left:.55rem}.tuner__gauge-mark--r{right:.55rem}.tuner__needle{background:var(--accent);width:.55rem;height:1.7rem;box-shadow:0 0 10px var(--glow);border-radius:999px;margin-left:-.275rem;transition:left 80ms linear,background .15s;position:absolute;top:.35rem}.tuner__needle.is-ok{background:var(--ok);box-shadow:0 0 10px #7dcea073}.tuner__error{color:#e8a090;margin-bottom:.75rem;font-size:.9rem}.ref-filters{flex-wrap:wrap;gap:.4rem;margin:0 0 1.25rem;display:flex}.ref-list{gap:.85rem;margin-bottom:2.5rem;display:grid}.ref-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg, var(--bg-elevated), var(--bg-soft));padding:1.15rem 1.2rem;animation:.45s both rise}.ref-card--done{opacity:.88;border-color:#7dcea059}.ref-card__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.ref-card__mod{color:var(--accent);font-size:.78rem;font-weight:700}.ref-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.2rem}.ref-card__why{color:var(--ink-muted);margin-bottom:.55rem;font-size:.92rem}.ref-card__prompt{font-size:.92rem;line-height:1.55}.ref-card__link{margin-top:.75rem}.ref-card__link a{color:var(--accent);font-size:.9rem;font-weight:700}.module-refs__list{gap:.45rem;list-style:none;display:grid}.module-refs__list a{border:1px solid var(--line);color:var(--ink-muted);background:#0c0d1059;border-radius:12px;padding:.65rem .85rem;font-size:.92rem;font-weight:600;transition:border-color .15s,color .15s;display:block}.module-refs__list a:hover{color:var(--ink);border-color:#e8b86d59}.module-refs__list a.is-done{color:var(--ok);border-color:#7dcea059}.module-refs .tool-panel__head a{color:var(--accent);font-weight:700}.complete-banner{border-radius:var(--radius);background:radial-gradient(ellipse 80% 80% at 10% 0%, #7dcea024, transparent 55%), linear-gradient(165deg, var(--bg-elevated), var(--bg-soft));border:1px solid #7dcea066;margin:0 0 1.5rem;padding:1.35rem 1.35rem 1.25rem;animation:.5s both rise}.complete-banner__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--ok);margin-bottom:.35rem;font-size:.78rem;font-weight:700}.complete-banner h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.4rem;font-size:1.45rem}.complete-banner>p{color:var(--ink-muted);margin-bottom:1rem;font-size:.95rem}.complete-banner__actions{flex-wrap:wrap;gap:.55rem;display:flex}.pwa-chrome{z-index:70;pointer-events:none;gap:.65rem;display:grid;position:fixed;bottom:1rem;left:1rem;right:1rem}.pwa-chrome__card{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14161cf5;border:1px solid #e8b86d59;border-radius:16px;width:min(100%,28rem);margin-inline:auto;padding:1rem 1.1rem;animation:.35s both rise;box-shadow:0 16px 40px #00000073}.pwa-chrome__card p{color:var(--ink-muted);margin-bottom:.75rem;font-size:.92rem}.pwa-chrome__actions{flex-wrap:wrap;gap:.45rem;display:flex}.active-bar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0d10eb;position:sticky;top:0}.active-bar__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.65rem 0;display:flex}.active-bar__info{gap:.1rem;min-width:0;display:grid}.active-bar__label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:700}.active-bar__info strong{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.active-bar__info span:last-child{color:var(--ink-muted);font-size:.8rem}.active-bar__actions{flex-wrap:wrap;gap:.35rem;display:flex}.active-bar__actions .btn{padding:.45rem .85rem;font-size:.82rem}.active-track{background:var(--accent-soft);border:1px solid #e8b86d4d;border-radius:14px;gap:.15rem;max-width:28rem;margin:0 0 1.15rem;padding:.85rem 1rem;display:grid}.next-action{background:linear-gradient(145deg,#e8b86d29,#14182059);border:1px solid #e8b86d73;border-radius:16px;gap:.35rem;max-width:32rem;margin:0 0 1.15rem;padding:1rem 1.1rem;display:grid}.next-action__label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.next-action strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.25rem;line-height:1.25}.next-action p{color:var(--ink-muted);max-width:none;margin:0;font-size:.92rem}.next-action .btn{justify-self:start;margin-top:.35rem}.active-track__label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.active-track strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.15rem}.active-track span:last-child{color:var(--ink-muted);font-size:.85rem}.project-create{grid-template-columns:1.4fr .7fr .55fr auto;align-items:end;gap:.75rem;display:grid}.project-create label,.project-detail__fields label,.project-detail__notes,.ritual-project-meta,.tool-panel>label{color:var(--ink-muted);gap:.35rem;font-size:.85rem;font-weight:700;display:grid}.project-create input,.project-detail__fields input,.project-detail__fields select,.project-detail__notes textarea,.tool-panel>label input,.tool-panel>label select,.tool-panel>label textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#0c0d1073;border-radius:10px;padding:.65rem .75rem;font-weight:500}.project-layout{grid-template-columns:minmax(12rem,18rem) 1fr;gap:1rem;margin-bottom:.5rem;display:grid}.project-list{align-content:start;gap:.4rem;list-style:none;display:grid}.project-list__item{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;font:inherit;background:#14161cbf;border-radius:12px;gap:.15rem;padding:.75rem .85rem;display:grid}.project-list__item span{color:var(--ink-muted);font-size:.78rem}.project-list__item.is-selected{background:var(--accent-soft);border-color:#e8b86d73}.project-list__item.is-active strong:after{content:" ·";color:var(--accent)}.project-detail__fields{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.85rem;display:grid}.project-detail__notes{margin-bottom:1rem}.lyrics-notebook{border:1px solid var(--line);background:#0c0d1059;border-radius:14px;margin-bottom:1rem;padding:1rem}.lyrics-notebook--compact{padding:.85rem}.lyrics-notebook__head{margin-bottom:.75rem}.lyrics-notebook__head h3{font-family:var(--font-display);margin:0 0 .25rem;font-size:1.05rem}.lyrics-notebook__head p{color:var(--ink-muted);margin:0;font-size:.85rem;font-weight:500}.lyrics-notebook__tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.lyrics-tab--filled:not(.chord-chip--active){border-color:#e8b86d59}.lyrics-notebook__field{color:var(--ink-muted);gap:.35rem;margin-bottom:.85rem;font-size:.85rem;font-weight:700;display:grid}.lyrics-notebook__field textarea{font:inherit;color:var(--ink);border:1px solid var(--line);resize:vertical;background:#0c0d1073;border-radius:10px;min-height:6rem;padding:.65rem .75rem;font-weight:500}.lyrics-notebook__prompts{margin-bottom:.85rem}.lyrics-notebook__prompts-label{color:var(--ink-muted);margin-bottom:.45rem;font-size:.78rem;font-weight:700;display:block}.lyrics-notebook__prompt-list{flex-direction:column;align-items:stretch;gap:.35rem;display:flex}.lyrics-prompt-btn{text-align:left;white-space:normal;justify-content:flex-start;height:auto;min-height:2.2rem;padding:.45rem .7rem;font-size:.82rem}.melody-sketch__len{margin-bottom:.85rem}.melody-sketch__slots{grid-template-columns:repeat(auto-fit,minmax(3.6rem,1fr));gap:.45rem;margin-bottom:.55rem;display:grid}.melody-slot{border:1px dashed var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#0c0d1073;border-radius:12px;justify-items:center;gap:.15rem;padding:.55rem .35rem;display:grid}.melody-slot.is-filled{background:var(--accent-soft);border-style:solid;border-color:#e8b86d66}.melody-slot.is-cursor{box-shadow:0 0 0 2px #e8b86d73}.melody-slot.is-playing{border-color:var(--accent)}.melody-slot__idx{color:var(--ink-muted);font-size:.7rem;font-weight:700}.melody-slot strong{font-size:.95rem}.melody-sketch__hint{color:var(--ink-muted);margin:0 0 .65rem;font-size:.82rem}.melody-sketch__degrees{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.project-detail__bounces-title{font-family:var(--font-display);margin:1.25rem 0 .65rem;font-size:1.05rem}.bounce-list,.catalog-list{gap:.55rem;list-style:none;display:grid}.bounce-list li,.catalog-list li{border:1px solid var(--line);background:#0c0d1059;border-radius:12px;padding:.85rem .95rem}.bounce-list strong,.catalog-list strong{margin-bottom:.15rem;display:block}.bounce-list span,.catalog-list span{color:var(--ink-muted);font-size:.78rem}.bounce-list p,.catalog-list p{color:var(--ink-muted);margin-top:.35rem;font-size:.9rem}.catalog-list li{gap:.55rem;display:grid}.empty-hint{color:var(--ink-muted);font-size:.92rem}.ritual-steps{flex-wrap:wrap;gap:.45rem;margin-top:1rem;list-style:none;display:flex}.ritual-steps li{border:1px solid var(--line);color:var(--ink-muted);border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:700}.ritual-steps li.is-current{color:var(--accent);background:var(--accent-soft);border-color:#e8b86d80}.ritual-steps li.is-done{color:var(--ok);border-color:#7dcea059}.ritual-steps__btn{all:unset;cursor:pointer;color:inherit;font:inherit;font-weight:inherit}.ritual-steps__btn:hover{text-decoration:underline}.ritual-text-btn{color:var(--accent);cursor:pointer;font-weight:700;font:inherit;background:0 0;border:0;padding:0}.ritual-context{background:var(--accent-soft);border:1px solid #e8b86d47;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.85rem 1.25rem;margin:0 0 1rem;padding:.9rem 1rem;display:flex}.ritual-context>div:first-child{gap:.12rem;display:grid}.ritual-context__label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.ritual-context strong{font-family:var(--font-display);font-size:1.1rem}.ritual-context span:last-child{color:var(--ink-muted);font-size:.88rem}.ritual-context__jumps{flex-wrap:wrap;gap:.35rem;display:flex}.ritual-code{border:1px solid var(--line);background:#ffffff0f;border-radius:6px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.ritual-project-meta{margin-top:.65rem;font-size:.9rem}.ritual-project-meta a{color:var(--accent);font-weight:700}.diary-entry__project{color:var(--accent);margin-bottom:.35rem;font-size:.85rem;font-weight:600}.genre-home-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.genre-home-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg, var(--bg-elevated), var(--bg-soft));gap:.35rem;padding:1.15rem 1.1rem;transition:border-color .15s;display:grid}.genre-home-card:hover{border-color:#e8b86d66}.genre-home-card span{letter-spacing:.08em;color:var(--accent);font-size:.75rem;font-weight:800}.genre-home-card h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.2rem}.genre-home-card p{color:var(--ink-muted);font-size:.88rem}.genre-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.genre-journey{flex-wrap:wrap;gap:.45rem;margin-top:1rem;list-style:none;display:flex}.genre-journey--home{margin:0 0 1rem}.genre-journey a{border:1px solid var(--line);color:var(--ink-muted);border-radius:999px;padding:.4rem .75rem;font-size:.82rem;font-weight:700;display:inline-flex}.genre-journey li.is-suggested a{color:var(--accent);background:var(--accent-soft);border-color:#e8b86d80}.genre-journey li.is-done a{color:var(--ok);border-color:#7dcea066}.genre-detail{margin-bottom:2.5rem}.genre-detail__head{align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.genre-detail__order{font-family:var(--font-display);color:var(--accent);font-size:2rem;font-weight:800;line-height:1}.genre-detail__head h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.25rem;font-size:clamp(1.6rem,4vw,2.1rem)}.genre-detail__head p{color:var(--ink-muted);max-width:40rem}.genre-detail__vibe,.genre-detail__meta,.genre-detail__tip{color:var(--ink-muted);margin-bottom:.65rem;font-size:.95rem}.genre-detail__tip{background:var(--accent-soft);color:var(--ink);border:1px solid #e8b86d40;border-radius:12px;padding:.75rem .9rem}.genre-block{border-radius:var(--radius);border:1px solid var(--line);background:#14161ca6;margin-top:1.25rem;padding:1.1rem 1.15rem}.genre-block--compact{background:#14161c66;margin-top:1rem;padding:.85rem .95rem}.ritual-listen{margin-top:1.15rem}.ritual-listen__hint{color:var(--ink-muted);margin:.55rem 0 0;font-size:.85rem}.genre-block h3{font-family:var(--font-display);margin-bottom:.65rem;font-size:1.1rem}.genre-block__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.genre-block__row h3{margin-bottom:0}.genre-block ul,.genre-map{color:var(--ink-muted);gap:.45rem;margin:.35rem 0 0;padding-left:1.15rem;font-size:.92rem;display:grid}.genre-map{list-style:decimal}.genre-map li{gap:.1rem;display:grid}.genre-map strong{color:var(--ink);font-size:.88rem}.genre-block a{color:var(--accent);font-size:.9rem;font-weight:700}.tool-panel__head a{color:var(--accent);font-weight:700}.genre-block--start label{color:var(--ink-muted);gap:.35rem;margin:.75rem 0;font-size:.85rem;font-weight:700;display:grid}.genre-block--start input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#0c0d1073;border-radius:10px;padding:.65rem .75rem;font-weight:500}@media (width<=800px){.genre-home-grid{grid-template-columns:1fr}.project-create{grid-template-columns:1fr 1fr}.project-create button{grid-column:1/-1}.project-layout,.project-detail__fields{grid-template-columns:1fr}}@media (width<=900px){.arranjo-row{grid-template-columns:1.5rem 1fr;grid-template-areas:"idx kind""bars dens""note note""move move"}.arranjo-row__idx{grid-area:idx}.arranjo-row select{grid-area:kind}.arranjo-row__bars{grid-area:bars}.arranjo-row__dens{grid-area:dens}.arranjo-row__note{grid-area:note}.arranjo-row__move{grid-area:move}}