@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e9edef;background:#101415;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;transition:background .15s}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d9f878;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:hover:not(:disabled){filter:brightness(1.15)}.app-shell{max-width:1560px;margin:auto;padding:0 4.5%}.topbar{height:100px;display:flex;align-items:center;border-bottom:1px solid #2b3030;gap:32px}.brand{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;display:flex;align-items:center}.brand span{color:#d9f878}.brand b{display:inline-grid;place-items:center;width:33px;height:36px;background:#d9f878;color:#151b13;font-size:27px;margin-right:12px;border-radius:8px;transform:rotate(-8deg)}.edition{font-size:12px;letter-spacing:2px;color:#939c9c}nav{margin-left:auto;display:flex;gap:8px}button{border:1px solid #394040;background:#202626;border-radius:8px;padding:10px 14px}nav button{background:none;border-color:transparent;font-size:14px;color:#aeb7b6}nav .active{background:#293030;color:#f0f4ef}nav small{background:#3d4541;padding:2px 6px;border-radius:4px;margin-left:6px;font-size:12px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:46px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.7px;font-weight:600;color:#a9b3ad}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-1.6px;margin:12px 0}.muted{color:#a2adab;font-size:14px;line-height:1.6}.page-heading .muted{font-size:16px}.primary{background:#d9f878;border-color:#d9f878;color:#172010;font-weight:700;padding:14px 18px;white-space:nowrap}kbd{font-size:12px;font-weight:400;border:1px solid #a9c55d;padding:3px 5px;border-radius:4px;margin-left:14px}.notice{font-size:14px;color:#d9f878;min-height:24px;margin:16px 0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}h2{font-size:18px;font-weight:500}.text-button{border:0;background:none;color:#aeb7b6;font-size:14px;padding:4px}.ingredient-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ingredient-options{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:12px 24px}.ingredient-options .muted{margin:0;flex-basis:100%}.scale-panel{padding:22px;margin-bottom:20px;border:1px solid #46553c;border-radius:12px;background:linear-gradient(120deg,#293126,#1a2021)}.scale-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.scale-heading .eyebrow{margin:0;font-size:10px}.scale-heading h2{margin:8px 0 0;font-size:26px}.scale-heading>.muted{max-width:240px;margin:0;font-size:12px}.scale-notes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:0;margin:20px 0 0;list-style:none}.scale-context{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 24px;margin-top:18px;font-size:12px;color:#a2adab}.scale-context strong{color:#e7f6d3;margin-left:6px;font-size:16px;font-weight:500}.scale-context .muted{font-size:12px}.scale-notes li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 2px;background:#1a211c;border:1px solid #3d4a3c;border-radius:8px}.scale-notes li:first-child{background:#d9f878;color:#1b2816;border-color:#d9f878}.scale-notes span{font-size:9px;letter-spacing:1px}.scale-notes strong{font-size:clamp(16px,2vw,25px);font-weight:500}.optional-ingredient{display:flex;align-items:center;gap:9px;font-size:14px;color:#c3cec6;cursor:pointer}.optional-ingredient input{width:16px;height:16px;margin:0;accent-color:#d9f878}.ingredient{background:#1a2021;border:1px solid #333b3b;border-radius:12px;padding:21px;min-height:194px;display:flex;flex-direction:column}.ingredient.key{background:#d9f878;color:#1b2816;border-color:#d9f878}.key .eyebrow,.key .card-bottom{color:#4b5b36}.key .lock{color:#314220;border-color:#acc563}.key .reroll{color:#314220}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-top .eyebrow{font-size:12px;letter-spacing:1.1px}.lock{padding:5px 7px;background:transparent;border-color:#414b49;font-size:12px;white-space:nowrap;color:#b9c6c0}.is-locked{border-color:#b7d365}.ingredient h3{font-size:24px;line-height:1.3;font-weight:500;margin:24px 0 18px;overflow-wrap:anywhere}.ingredient.key h3{font-size:40px;margin-top:16px;letter-spacing:-1px}.ingredient.bpm h3,.ingredient.rule h3{font-size:21px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:12px;color:#a6b2af;line-height:1.5}.reroll{font-size:23px;background:none;border:0;padding:0 4px;color:#c6d2cb}.sound-tags{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0}.sound-tags span{font-size:14px;background:#303a36;border:1px solid #46534b;border-radius:5px;padding:6px 9px;color:#dce9dd}.card-bottom label{font-size:14px}.card-bottom select{padding:2px 4px;width:45px;margin-left:7px}.pack-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.pack-actions button{font-size:14px;background:none}.session-panel{background:#232b26;border:1px solid #3b493e;padding:24px;border-radius:12px}.session-panel h2{margin-top:12px;font-size:23px}.field-label{display:block;color:#b6c0ba;font-size:14px;margin:22px 0 8px}input,select,textarea{border:1px solid #424c46;background:#151c18;color:#e5ece4;border-radius:6px;padding:11px;width:100%;min-width:0;font-size:14px}select{cursor:pointer}.duration-row{display:flex;gap:6px}.duration-row select{font-size:14px}.duration-row button{padding:8px}.timer{font-family:Space Grotesk,monospace;font-size:64px;letter-spacing:-3px;text-align:center;font-variant-numeric:tabular-nums;margin:26px 0 2px;color:#e7f6d3}.timer-caption{font-size:12px;color:#b3c0b2;text-align:center}.timer-actions{display:flex;gap:8px;margin-top:24px}.timer-actions .primary{flex:1;font-size:14px}.notes-panel{padding:26px 4px}.notes-panel textarea{height:116px;resize:vertical;line-height:1.6}.notes-panel input,.notes-panel textarea{background:#1a2021;border-color:#333e39}.save-button{width:100%;margin-top:16px;background:#303b2d;border-color:#516346;color:#e0edce;font-size:14px}.local-note{color:#919e95;font-size:12px;line-height:1.6;margin-top:12px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2b3330;padding:24px 0;margin-top:36px;font-size:14px}footer .muted{font-size:12px}footer>span:first-child>.muted{margin-left:12px}.library{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.saved-card{background:#1a2021;padding:24px;border:1px solid #374039;border-radius:12px;min-width:0}.saved-card h2{margin:15px 0;overflow-wrap:anywhere}.saved-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;color:#c3cec6;margin-top:18px;max-height:200px;overflow:auto}.empty{grid-column:1/-1;padding:70px 24px;text-align:center;border:1px dashed #42503e;border-radius:12px}.empty>span{font-size:50px;color:#d9f878}.empty h2{font-size:26px;margin:18px 0}.empty p{color:#a9b5ac;margin-bottom:24px}@media (min-width: 1400px){.ingredient{min-height:210px}}@media (max-width: 1100px){.edition{display:none}.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:20px}.ingredient{padding:16px}.page-heading{align-items:flex-start}.primary kbd{display:none}.card-top{flex-wrap:wrap}}@media (max-width: 820px){.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notes-panel{padding:12px 0}.page-heading{flex-direction:column;gap:20px}.ingredient{min-height:180px}.card-top{flex-wrap:nowrap}footer>span:last-child{display:none}}@media (max-width: 520px){.scale-panel{padding:16px 12px}.scale-heading{flex-direction:column;align-items:flex-start;gap:10px}.scale-heading>.muted{max-width:none}.scale-notes{gap:4px}.scale-notes strong{font-size:16px}.app-shell{padding:0 5%}.topbar{height:80px;gap:10px}.brand{font-size:26px}.brand b{display:none}nav{gap:0}nav button{padding:8px 10px}.page-heading{margin-top:30px}h1{letter-spacing:-.8px;font-size:30px}.ingredient-grid,aside{grid-template-columns:1fr}.ingredient{min-height:178px}.notes-panel{padding:12px 4px}footer .muted{display:block;margin:5px 0!important}.timer{font-size:72px}}