:root{--bg:#0b1020;--surface:#141c2f;--raised:#1c2840;--text:#f3f5fa;--muted:#aab6cc;--accent:#79e2bd;--note:#b9a5ff;--border:#34435f;--font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--border);color:var(--text);background:#1a253b;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}button:hover:not(:disabled){background:#293650;border-color:#60718d}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,select{color:var(--text);background:#0e1628;border:1px solid #33415c;border-radius:7px;min-width:0;padding:8px}input[type=range]{accent-color:var(--accent);padding:0}input[type=checkbox]{accent-color:var(--accent)}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h2{letter-spacing:-.5px;font-size:19px;font-weight:600}.muted{color:var(--muted);font-size:12px}.primary{background:var(--accent);color:#102d26;border-color:var(--accent);font-weight:700}.primary:hover:not(:disabled){background:#9cefd2;border-color:#9cefd2}.icon-button{min-width:32px;min-height:32px;color:var(--muted);background:0 0;border-color:#0000;padding:8px}.wide{width:100%}.app-shell{max-width:1600px;margin:auto;padding:0 40px}.topbar{border-bottom:1px solid #253047;align-items:center;gap:40px;height:90px;display:flex}.brand{letter-spacing:-1.4px;align-items:center;gap:11px;font-size:28px;font-weight:750;display:flex}.brand-dot{color:var(--accent)}.brand-icon{width:39px;height:39px;color:var(--accent);background:#132b29;border:1px solid #344d48;border-radius:11px;place-items:center;display:grid}.project-title{border-left:1px solid #2a344a;flex-direction:column;gap:2px;min-width:0;padding-left:32px;display:flex}.project-title input{outline-offset:2px;background:0 0;border:0;max-width:240px;padding:0;font-size:13px;font-weight:550}.project-title>span{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.project-title>span svg{color:var(--accent)}.header-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.export-button{margin-left:10px;padding:11px 18px}.intro{justify-content:space-between;align-items:center;padding:34px 0 28px;display:flex}.eyebrow{letter-spacing:1.7px;color:var(--muted);font-size:9px;font-weight:700}.intro .eyebrow{color:var(--accent);margin-bottom:8px;font-size:9px}h1{letter-spacing:-1.1px;font-size:27px;font-weight:550}h1 span{color:#aab6cc}.workflow{color:#8796af;letter-spacing:.3px;align-items:center;gap:12px;font-size:10px;display:flex}.workflow svg{color:#47546a;width:12px;height:12px}.workflow .current{color:var(--accent)}.workspace{grid-template-columns:264px minmax(0,1fr);align-items:start;gap:24px;display:grid}.sidebar{flex-direction:column;gap:18px;display:flex}.panel{background:var(--surface);border:1px solid #2b374f;border-radius:16px;box-shadow:0 12px 32px #00000012}.capture{padding:20px}.section-heading{color:#c6d0e2;letter-spacing:1.3px;justify-content:space-between;align-items:center;min-height:24px;font-size:10px;font-weight:600;display:flex}.section-heading>span:first-child{align-items:center;gap:8px;display:flex}.section-heading svg{color:#a6b4cc}.small-tag{color:#a8b6cc;letter-spacing:1px;white-space:nowrap;background:#202c42;border-radius:4px;padding:3px 5px;font-size:8px}.capture h2{margin:19px 0 6px;font-size:21px}.record-zone{flex-direction:column;align-items:center;padding:23px 0 18px;display:flex}.record-button{width:78px;height:78px;color:var(--accent);background:#193d37;border:1px solid #4a8c76;border-radius:50%;margin:7px 0 20px;box-shadow:0 0 0 7px #1b332f55,0 0 0 8px #31504855}.record-button:hover:not(:disabled){border-color:var(--accent);background:#205448}.record-button.live{color:#ffb6b6;background:#572c39;border-color:#d8818f;animation:1.5s infinite record-pulse;box-shadow:0 0 0 8px #69334044}.record-zone>strong{font-size:12px;font-weight:550}.record-time{font-variant-numeric:tabular-nums;letter-spacing:1px;margin:6px 0 11px;font-size:19px;font-weight:450}.record-time span{color:#8798b3;font-size:12px}.level-meter{justify-content:center;align-items:center;gap:3px;width:100%;height:13px;display:flex}.level-meter i{background:#2c3d55;border-radius:2px;width:3px;height:9px;display:block}.level-meter i:nth-child(3n){height:13px}.level-meter i.lit{background:var(--accent)}.secondary{background:#1c2941;border-color:#35435d}.example-button{width:100%;color:var(--accent);background:0 0;border:0;margin:12px auto 0;padding:5px 0;font-size:11px;display:flex}.example-button:hover:not(:disabled){color:#acf5d9;background:0 0}.example-button svg:last-child{margin-left:auto}.file-hint{text-align:center;color:#9aaac2;margin-top:7px;font-size:9px;display:block}.convert-area{border-top:1px solid #2c3850;margin-top:18px;padding-top:14px}.source-ready{color:#c1d4cb;align-items:center;gap:5px;margin-bottom:10px;font-size:10px;display:flex}.source-ready span{color:#9aacc5;margin-left:auto}.convert-area p{color:var(--muted);margin:10px 0;font-size:11px}.analysis-progress{background:#2a3750;border-radius:4px;height:5px;overflow:hidden}.analysis-progress span{background:var(--accent);height:100%;transition:width .1s;display:block}.loading-copy{align-items:center;gap:8px;margin-top:15px;font-size:12px;display:flex}.inspector{padding:17px 20px}.inspector-empty{color:var(--muted);align-items:center;gap:16px;padding:22px 0;font-size:11px;line-height:1.7;display:flex}.mini-note{color:#b9a5ff88;font-family:serif;font-size:37px}.tip{border-top:1px solid #2a364e;margin-top:5px;padding-top:13px}.tip span{letter-spacing:1.3px;color:#aab6cc;font-size:8px;font-weight:650}.tip p{color:#9bacc6;margin-top:6px;font-size:10px;line-height:1.75}.selected-pitch{align-items:baseline;gap:12px;margin:12px 0;display:flex}.selected-pitch strong{color:var(--note);font-size:27px;font-weight:500}.selected-pitch span{color:var(--muted);font-size:10px}.inspector-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inspector-fields label{color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.inspector-fields input,.inspector-fields select{width:100%;font-size:12px}.octave-buttons{gap:8px;margin:12px 0;display:flex}.octave-buttons button{flex:1;padding:6px;font-size:10px}.review-copy{color:#d3c3ff;margin-bottom:10px;font-size:11px}.studio{min-width:0;overflow:hidden}.studio-heading{justify-content:space-between;align-items:center;padding:23px 25px 17px;display:flex}.studio-heading h2{align-items:center;gap:11px;margin-top:4px;font-size:20px;display:flex}.mint-dot,.lavender-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.mint-dot{box-shadow:0 0 10px #79e2bd44}.note-count{color:#b9c5d9;background:#1c263c;border:1px solid #35415a;border-radius:20px;padding:4px 10px;font-size:10px}.instrument-row{justify-content:space-between;align-items:center;gap:12px;padding:0 25px 20px;display:flex}.instrument-tabs{background:#0e1628;border:1px solid #2b374e;border-radius:10px;gap:4px;padding:4px;display:flex}.instrument-tabs button{color:#9bacc6;background:0 0;border:1px solid #0000;min-width:89px;padding:8px 12px;font-size:11px}.instrument-tabs button.active{color:var(--accent);background:#25344a;border-color:#3b4e64;box-shadow:0 3px 6px #0002}.preset-caption{color:#9aabc5;font-size:10px}.source-strip{background:#10192b;border:1px solid #2c3953;border-radius:9px;align-items:center;gap:16px;height:62px;margin:0 25px;padding:5px 12px;display:flex}.original-button{color:#afbdd2;white-space:nowrap;background:0 0;border:0;padding:5px 0;font-size:10px}.original-button.active{color:var(--accent)}.waveform-container{flex:1;min-width:0;overflow:hidden}.waveform{opacity:.75;width:100%;height:42px;display:block}.waveform.active{opacity:1}.waveform-placeholder{color:#8c9eb9;background:linear-gradient(#0000 49%,#2b3850 49% 52%,#0000 52%);justify-content:center;align-items:center;height:35px;font-size:10px;display:flex}.waveform-placeholder:first-line{background:#10192b}.source-duration{color:#9aacc5;font-variant-numeric:tabular-nums;font-size:10px}.source-caption{letter-spacing:.6px;color:#acb9cf;padding:6px 25px 0;font-size:8px}.roll-toolbar{color:#afbdd3;letter-spacing:1.2px;justify-content:space-between;align-items:center;padding:17px 25px 12px;font-size:9px;display:flex}.roll-toolbar>span{align-items:center;gap:7px;display:flex}.lavender-dot{background:var(--note);width:5px;height:5px}.roll-toolbar>div{align-items:center;gap:5px;display:flex}.snap-control{letter-spacing:0;cursor:pointer;align-items:center;gap:6px;font-size:10px;display:flex}.snap-control input{width:12px;height:12px}.snap-control span{color:#c2cde1;background:#25324a;border-radius:4px;margin-left:3px;padding:2px 5px}.toolbar-divider{background:#34415c;width:1px;height:14px;margin:0 8px}.roll-toolbar .icon-button{min-width:25px;min-height:24px;padding:4px}.piano-scroll{scrollbar-color:#42516c #111b2e;scrollbar-width:thin;overscroll-behavior:contain;background:#0e1628;border-top:1px solid #2d3a53;border-bottom:1px solid #2d3a53;height:374px;position:relative;overflow:auto}.piano-content{isolation:isolate;position:relative}.ruler{z-index:6;cursor:crosshair;background:#172238;border-bottom:1px solid #34415a;height:30px;position:sticky;top:0}.ruler>span{color:#aab9d0;pointer-events:none;font-size:9px;position:absolute;top:8px}.ruler .ruler-key{text-align:center;z-index:2;color:#96a8c6;background:#1a263d;border-right:1px solid #455069;width:56px;height:30px;padding-top:7px;display:inline-block;position:sticky;top:0;left:0}.roll-grid{cursor:crosshair;z-index:1;background-image:linear-gradient(90deg,#465573 1px,#0000 1px),linear-gradient(90deg,#29344b 1px,#0000 1px),linear-gradient(90deg,#1c2940 1px,#0000 1px);position:absolute}.pitch-row{pointer-events:none;border-bottom:1px solid #26324a44;position:absolute}.pitch-row.black{background:#00000017}.pitch-row.octave{border-bottom:1px solid #46557399}.piano-key{color:#91a2be;text-align:right;z-index:3;pointer-events:auto;background:#1b273d;border-bottom:1px solid #2d3a51;border-right:1px solid #46536e;width:56px;height:100%;padding:3px 10px 0 0;font-size:9px;display:block;position:sticky;left:0}.black .piano-key{color:#91a2ba;background:#101a2d}.octave .piano-key{color:#d0d9e7;font-weight:650}.note{z-index:2;color:#2b2250;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#b9a5ff;border:1px solid #d7caff;border-radius:4px;align-items:center;min-width:10px;display:flex;position:absolute;overflow:visible;box-shadow:0 2px 5px #0003}.note span{pointer-events:none;white-space:nowrap;padding-left:7px;padding-right:5px;font-size:9px;font-weight:700;overflow:hidden}.note.selected{z-index:4;background:#d0bfff;border:2px solid #eee6ff;box-shadow:0 0 0 2px #a38ce44d}.note.review{background-image:repeating-linear-gradient(135deg,#0000,#0000 6px,#66538725 6px 9px)}.note:active{cursor:grabbing}.resize-handle{cursor:ew-resize;touch-action:none;border-right:3px solid #58468666;border-radius:3px;width:9px;height:100%;position:absolute;top:0;right:-2px}.note.selected .resize-handle{border-right-color:#5c447b}.playhead{z-index:5;pointer-events:none;background:#79e2bd;width:1px;position:absolute;top:0;box-shadow:0 0 7px #79e2bd33}.playhead i{clip-path:polygon(0 0,100% 0,50% 100%);background:#79e2bd;width:9px;height:8px;margin-left:-4px;display:block;position:sticky;top:0}.roll-empty{text-align:center;pointer-events:none;z-index:2;text-shadow:0 2px 8px #0b1020;flex-direction:column;align-items:center;width:min(660px,100% - 56px);display:flex;position:absolute;top:100px;left:56px}.empty-note{color:#bcaaed;background:#25263a;border:1px solid #3d3c5b;border-radius:16px;justify-content:center;align-items:center;width:53px;height:53px;margin-bottom:16px;font-size:31px;display:flex}.roll-empty strong{color:#dbe1ef;font-size:16px;font-weight:550}.roll-empty p{color:#adbbd1;margin-top:7px;font-size:11px}.roll-empty small{color:#94a5bf;margin-top:14px;font-size:10px}.is-disabled .roll-grid,.is-disabled .note{cursor:wait}.transport{background:#172137;justify-content:space-between;align-items:center;gap:15px;padding:19px 25px;display:flex}.play-controls{align-items:center;gap:12px;display:flex}.stop-button{background:#222f47;border:1px solid #3a4760;min-width:38px;min-height:38px}.play-button{min-width:91px;min-height:38px;padding:8px 15px}.beat-counter{font-variant-numeric:tabular-nums;letter-spacing:1px;min-width:63px;margin-left:6px;font-size:17px;line-height:1.1}.beat-counter>span{color:#6c7c98}.beat-counter small{letter-spacing:1px;color:#a4b3cd;margin-top:5px;font-size:7px;display:block}.tempo-volume{align-items:center;gap:24px;display:flex}.tempo{align-items:center;gap:6px;display:flex}.tempo input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:1px solid #0000;width:56px;padding:5px 0;font-size:15px}.tempo input::-webkit-inner-spin-button{appearance:none}.tempo input:hover{border-color:#475571}.tempo span{letter-spacing:1px;color:#9eadc6;font-size:9px}.volume{color:#aabbd4;border-left:1px solid #36435b;align-items:center;gap:9px;padding-left:20px;display:flex}.volume input{cursor:pointer;width:88px;height:3px}.volume-value{font-variant-numeric:tabular-nums;color:#9eadc6;min-width:2.5em;font-size:11px}.studio-footnote{color:#9bacc5;background:#141d30;justify-content:space-between;gap:10px;padding:12px 25px;font-size:9px;display:flex}.notice{color:#c4e6d8;background:#142c2b;border:1px solid #365c51;border-radius:10px;align-items:center;gap:10px;margin-top:20px;padding:11px 14px;font-size:12px;display:flex}.notice>svg{color:var(--accent);flex-shrink:0}.notice .icon-button{min-width:22px;min-height:22px;margin-left:auto;padding:3px}.notice.error{color:#ffd1d1;background:#32212d;border-color:#74454f}.notice.error>svg{color:#ff9a9a}.bottom-note{color:#96a7c3;justify-content:space-between;gap:15px;padding:20px 0;font-size:10px;display:flex}.bottom-note span:first-child{align-items:center;gap:7px;display:flex}.bottom-note svg{color:#8ab4a5}footer{color:#8c9db7;border-top:1px solid #253047;justify-content:space-between;align-items:center;padding:18px 0 25px;font-size:10px;display:flex}footer button{color:#a0afc6;background:0 0;border:0;padding:0;font-size:10px;font-weight:400}.footer-brand{font-style:italic}.confirm-dialog,.about-dialog{color:var(--text);background:#182237;border:1px solid #4c5974;border-radius:18px;width:calc(100% - 32px);max-width:510px;padding:30px;box-shadow:0 30px 100px #0008}.confirm-dialog::backdrop,.about-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050a16b8}.confirm-dialog p,.about-dialog p{color:#b4c1d6;margin:16px 0 23px;font-size:13px;line-height:1.75}.confirm-dialog>div{justify-content:flex-end;gap:10px;display:flex}.about-dialog{max-width:600px}.about-dialog h2{font-size:26px}.about-logo{color:var(--accent);margin-bottom:16px}.close-dialog{position:absolute;top:16px;right:16px}.spin{animation:1s linear infinite spin}.save-warning{color:#ffca9c!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes record-pulse{50%{box-shadow:0 0 0 12px #69334022}}@media (width>=1500px){.piano-scroll{height:420px}.capture{padding:24px}.workspace{grid-template-columns:280px minmax(0,1fr)}}@media (width<=1150px){.app-shell{padding:0 24px}.workspace{grid-template-columns:244px minmax(0,1fr);gap:18px}.workflow,.preset-caption{display:none}.transport{padding:16px}.tempo-volume{gap:10px}.volume{padding-left:12px}.volume input{width:56px}.studio-footnote{padding:12px 16px;font-size:8px}.instrument-row,.studio-heading{padding-left:20px;padding-right:20px}.source-strip{margin-left:20px;margin-right:20px}.beat-counter{display:none}}@media (width<=800px){.app-shell{padding:0 18px}.topbar{gap:18px;height:78px}.project-title{padding-left:18px}.project-title input{max-width:170px}.brand{font-size:24px}.header-actions{gap:0}.export-button{padding:10px}.workspace{grid-template-columns:210px minmax(0,1fr);gap:14px}.capture{padding:16px}.capture h2{font-size:19px}.small-tag{display:none}.inspector{padding:16px}.instrument-tabs{width:100%}.instrument-tabs button{flex:1;min-width:0}.instrument-row{padding:0 16px 14px}.studio-heading{padding:20px 16px 15px}.studio-heading h2{font-size:17px}.studio-heading .mint-dot{display:none}.source-strip{gap:10px;margin:0 16px}.original-button span{display:none}.waveform-placeholder{font-size:9px}.transport{flex-wrap:wrap;gap:14px}.tempo-volume{margin-left:auto}.volume{display:none}.play-controls{gap:8px}.roll-toolbar{padding:15px 16px 10px}.studio-footnote span:last-child{display:none}.bottom-note{font-size:9px}}@media (width<=620px){.app-shell{padding:0 16px}.topbar{flex-wrap:wrap;gap:10px;height:75px}.brand{gap:8px;font-size:24px}.brand-icon{border-radius:10px;width:33px;height:33px}.project-title{border:0;flex-basis:100%;order:3;margin-top:8px;padding:0}.project-title input{max-width:250px;font-size:12px}.project-title>span{font-size:9px;position:absolute;top:88px;right:16px}.header-actions{gap:0}.header-actions .icon-button{min-width:27px;padding:6px}.export-button{gap:5px;margin-left:7px;padding:8px 10px;font-size:11px}.intro{padding:51px 0 22px}.intro .eyebrow{letter-spacing:1.4px;font-size:8px}h1{letter-spacing:-.7px;font-size:23px}h1 span{display:block}.workspace{flex-direction:column;gap:18px;display:flex}.sidebar{display:contents}.capture{width:100%;min-height:237px;padding:18px;position:relative}.capture .section-heading{max-width:100%}.capture h2{margin-top:16px}.capture>.muted{max-width:185px;font-size:11px}.record-zone{width:112px;padding:0;position:absolute;top:53px;right:23px}.record-button{width:57px;height:57px;margin:4px 0 13px}.record-button svg{width:23px}.record-zone>strong{font-size:10px}.record-time{margin:4px 0;font-size:15px}.record-time span{font-size:10px}.level-meter{gap:2px;height:10px}.level-meter i{width:2px;height:5px}.level-meter i:nth-child(3n){height:8px}.capture>.secondary,.capture>.subtle{width:calc(100% - 133px);margin-top:17px;padding:8px;font-size:11px}.example-button{gap:5px;width:calc(100% - 127px);margin:10px 0 0;font-size:9px}.example-button svg{width:12px}.file-hint{text-align:left;margin-top:7px;font-size:8px}.small-tag{display:block}.convert-area{margin-top:18px}.convert-area .primary{padding:11px}.inspector{order:3;width:100%}.inspector-empty{padding:12px 0}.inspector-empty p br{display:none}.inspector .tip{margin-top:2px}.inspector-fields{grid-template-columns:1fr 1fr}.studio{order:2;width:100%}.studio-heading{padding:20px}.studio-heading h2{font-size:19px}.studio-heading .mint-dot{display:block}.instrument-row{padding:0 20px 17px}.source-strip{margin:0 20px}.original-button span{font-size:9px;display:block}.waveform-placeholder{font-size:0}.piano-scroll{height:340px}.roll-toolbar{padding:15px 18px 10px}.transport{flex-wrap:nowrap;gap:10px;padding:16px}.play-button{min-width:77px;padding:8px 12px;font-size:11px}.stop-button{min-width:34px}.tempo-volume{gap:0}.tempo{gap:2px}.tempo input{width:46px}.volume{display:none}.studio-footnote{padding:11px 16px;font-size:8px}.bottom-note{flex-direction:column;gap:8px;padding:20px 2px;font-size:10px}.notice{margin-top:18px;padding:10px;font-size:11px}.footer-brand{max-width:190px;font-size:9px}footer button{font-size:9px}.roll-empty{width:300px;top:90px}.roll-empty p{max-width:240px;font-size:10px}.roll-empty strong{font-size:14px}.roll-empty small{font-size:9px}.confirm-dialog>div{flex-direction:column-reverse}.confirm-dialog,.about-dialog{padding:24px}.source-caption{font-size:7px}.source-ready{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.piano-key{z-index:7}.ruler{z-index:8}.discard-audio{color:#adbbd1;background:0 0;border:0;margin:9px auto 0;padding:4px;font-size:10px;display:flex}.piano-scroll{scroll-padding-top:35px}@media (width<=800px){.volume{display:flex}.tempo-volume,.transport{flex-wrap:wrap}.tempo-volume{margin-left:auto}.volume input{width:60px}}@media (width<=620px){.transport{gap:14px}.tempo-volume{justify-content:space-between;width:100%;margin-left:0}.volume{border:0;gap:12px;padding-left:0;display:flex}.volume input{width:110px}.beat-counter{margin-left:13px;display:block}.play-controls{width:100%}.topbar{align-content:center}.project-title{margin-top:3px}.piano-scroll{height:340px}}.account-header{border-bottom:1px solid var(--border,#293246);justify-content:space-between;align-items:center;gap:20px;padding:24px 5%;display:flex}.account-page,.welcome-page{max-width:1120px;margin:auto;padding:48px 24px}.account-page h1,.welcome-page h1,.auth-page h1{color:#f1f4fc;letter-spacing:-.04em;margin:16px 0 24px;font-size:clamp(2rem,5vw,4.5rem);line-height:1.08}.account-page p,.welcome-page p,.auth-page p{color:#b7c0d5;line-height:1.7}.welcome-page{padding-top:90px}.welcome-page>p{max-width:680px}.account-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.account-link{border-radius:10px;padding:12px 20px;text-decoration:none;display:inline-flex}.account-page a,.auth-page a,.cloud-toolbar a,.account-header nav a,.welcome-page a:not(.primary){color:#85e7cd}.account-card{background:#151c2d;border:1px solid #2c374d;border-radius:16px;margin:24px 0;padding:24px}.account-card h2{color:#f1f4fc;margin:0 0 12px}.account-card button,.account-actions button,.cloud-toolbar button{color:#eef3ff;cursor:pointer;background:#202a3e;border:1px solid #3c4a63;border-radius:8px;padding:10px 14px}.account-card button:disabled,.account-actions button:disabled,.cloud-toolbar button:disabled{opacity:.5;cursor:default}.account-actions .primary,.cloud-toolbar .primary{color:#0a201a;background:#75e1c1}.auth-page{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1120px;margin:auto;padding:64px 24px;display:grid}.auth-page>section{min-width:0}.library-title{justify-content:space-between;align-items:center;gap:24px;display:flex}.library-title h1{font-size:2.7rem}.melody-list{padding:0;list-style:none}.melody-card{justify-content:space-between;align-items:center;gap:20px;display:flex}.melody-title{overflow-wrap:anywhere;font-size:1.25rem}.cloud-toolbar{background:#151c2d;border-bottom:1px solid #2c374d;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 5%;display:flex}.cloud-toolbar p{color:#bcc7dc;width:100%;margin:0;font-size:.85rem}.leave-dialog{color:#eef3ff;max-width:650px;margin:auto}.leave-dialog::backdrop{background:#030712ce}.delete-account .danger{color:#ffe8ee;background:#5a2030;border-color:#8a384c}.delete-confirm{color:#d7deee;flex-direction:column;gap:8px;max-width:320px;margin:16px 0;display:flex}.delete-confirm input{color:#f1f4fc;background:#0d1422;border:1px solid #3c4a63;border-radius:8px;padding:10px 12px}@media (width<=700px){.auth-page{grid-template-columns:1fr;gap:32px;padding:32px 20px}.auth-page>section:first-child h1{font-size:2.2rem}.library-title,.melody-card{flex-direction:column;align-items:flex-start}.account-header{flex-wrap:wrap;padding:16px}.account-page{padding:28px 16px}.welcome-page{padding-top:48px}}