*{box-sizing:border-box}:root{--bg:#0f0620;--bg-elevated:#1b0b33;--purple:#9b4dff;--purple-deep:#7b2ff7;--purple-dark:#3f0f8a;--lilac:#e8d4ff;--text:#fff;--text-dim:#ffffffa6;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-heading:"Comic Neue", "Comic Sans MS", cursive;--font-body:"Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--subheading-size:15px;--subheading-color:#665e66;font-family:var(--font-body)}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:radial-gradient(circle at 50% -10%,#2a1147 0%,#0f0620 55%);min-height:100vh}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}h1,h2{font-family:var(--font-heading);margin:0}.subheading{font-family:var(--font-body);font-size:var(--subheading-size);color:var(--subheading-color);margin:0;font-weight:700}img{max-width:100%;display:block}.btn{letter-spacing:.2px;border:none;border-radius:999px;padding:14px 28px;font-size:15px;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-deep) 100%);color:#fff;box-shadow:0 8px 24px #7b2ff773}.btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.btn-ghost{color:var(--text-dim);background:0 0;border:1px solid #ffffff24}.btn-full{width:100%}.btn-reset,.btn-view{font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .15s,opacity .15s}.btn-reset:active,.btn-view:active{transform:scale(.97)}.btn-reset{color:#5c1259;background:#fbe7fa}.btn-view{color:#fff;background:#4a0e4a;box-shadow:0 3px #e455d6}.upload-page{color:#0f0f12;background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:40px 24px 48px;display:flex}.upload-hero{text-align:center;width:100%;max-width:360px;position:relative}.gele-word{display:inline-block;position:relative}.upload-hero-gele{filter:drop-shadow(0 6px 14px #d0b8f759);pointer-events:none;width:1.5em;height:auto;position:absolute;top:-.7em;right:-.3em}.upload-eyebrow{color:#1a1a1a;margin:0 0 6px;font-family:Segoe Script,Bradley Hand,Comic Sans MS,cursive;font-size:15px;font-weight:400}.upload-title{font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;color:#0f0f12;margin:0 0 18px;font-size:28px;font-weight:700;line-height:1.2}.upload-title .accent{color:var(--purple-deep)}.upload-subtitle{font-family:var(--font-body);font-size:var(--subheading-size);color:var(--subheading-color);max-width:320px;margin:0 auto;font-weight:700;line-height:1.6}.upload-dropzone{text-align:center;cursor:pointer;background:#f6f6f7;border:2px dashed #b8b8bc;border-radius:20px;width:100%;max-width:360px;padding:44px 20px;transition:border-color .15s,background .15s}.upload-dropzone.dragging,.upload-dropzone:hover{border-color:var(--purple-deep);background:#f0ebfa}.upload-dropzone.processing{cursor:default;background:#f6f6f7;border-color:#b8b8bc}.upload-icon{width:48px;height:auto;margin:0 auto 14px}.upload-spinner{border:3px solid #e4e4e8;border-top-color:var(--purple-deep);border-radius:50%;width:30px;height:30px;margin:0 auto 14px;animation:.7s linear infinite upload-spin;display:block}@keyframes upload-spin{to{transform:rotate(360deg)}}.upload-cta{font-family:var(--font-heading);letter-spacing:.5px;color:#0f0f12;margin:0 0 8px;font-size:15px;font-weight:700}.upload-hint{color:#8a8a90;margin:0;max-width:260px;margin-inline:auto;font-size:12px}.upload-error{text-align:center;color:#d6335a;margin:0;font-size:14px}@media (width>=640px){.upload-page{gap:36px;padding:56px 32px 64px}.upload-hero{max-width:460px}.upload-eyebrow{font-size:17px}.upload-title{font-size:46px}.upload-subtitle{max-width:380px}.upload-dropzone{max-width:460px;padding:56px 28px}}@media (width>=860px){.upload-page{gap:44px;padding:96px 40px}.upload-hero{max-width:620px}.upload-eyebrow{font-size:19px}.upload-title{letter-spacing:.5px;margin-bottom:24px;font-size:56px}.upload-subtitle{max-width:460px}.upload-dropzone{border-radius:24px;max-width:560px;padding:64px 32px}.upload-icon{width:58px;height:auto}.upload-cta{font-size:16px}.upload-hint{max-width:320px;font-size:13px}}@media (width>=1200px){.upload-hero{max-width:680px}.upload-title{font-size:64px}.upload-dropzone{max-width:620px}}.editor-page{color:#0f0f12;background:#fff;flex-direction:column;flex:1;align-items:center;gap:24px;min-height:100vh;padding:32px 20px 40px;display:flex}@media (width>=860px){.editor-page{gap:32px;padding:56px 40px 64px}}.editor-header{text-align:center}.editor-eyebrow{font-family:var(--font-body);color:#8a8a90;margin:0 0 8px;font-size:15px;font-weight:600}.editor-title{color:#0f0f12;margin:0;font-size:24px;font-weight:700}.editor-card-wrap{justify-content:center;align-items:center;display:flex;position:relative}.editor-card-decor{z-index:0;pointer-events:none;width:80%;height:auto;position:absolute;top:50%;right:-19%;transform:translateY(-50%)}.editor-stage-wrap{z-index:1;line-height:0;position:relative}.editor-loading-overlay{font-family:var(--font-body);color:#8a8a90;pointer-events:none;background:#ffffffb3;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.editor-loading-spinner{border:2px solid #e4e4e8;border-top-color:#7b2ff7;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite editor-spin}@keyframes editor-spin{to{transform:rotate(360deg)}}.editor-actions{gap:12px;width:100%;min-width:280px;margin-top:8px;display:flex}.editor-actions .btn-reset,.editor-actions .btn-view{flex:1}@media (width>=860px){.editor-eyebrow{font-size:16px}.editor-title{font-size:30px}}.sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#05020cb3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{color:#fff;background:#110310;border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:82vh;padding:12px 0 0;animation:.25s ease-out sheet-up;display:flex;box-shadow:0 -12px 40px #00000080}@media (width>=640px){.sheet{border-radius:28px;max-width:540px;max-height:76vh;margin-bottom:40px}}@keyframes sheet-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sheet-grabber{background:#ffffff40;border-radius:999px;width:40px;height:4px;margin:0 auto 12px}.sheet-header{padding:0 24px 12px}.sheet-header h2{margin:0 0 6px;font-size:20px;font-weight:800}.sheet-header p{font-size:var(--subheading-size);color:#fff;margin:0;font-weight:700}.sheet-count{color:var(--purple);font-weight:700}.sheet-track-count{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:6px 0 0;font-size:12px}.sheet-list{flex:1;padding:4px 8px 12px;overflow-y:auto}.track-row{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;align-items:center;gap:14px;padding:8px 12px;transition:background .1s;display:flex}.track-row:hover{background:#ffffff14}.track-row.selected{background:#ffffff0d}.track-row.disabled{opacity:.35;cursor:not-allowed}.track-row.disabled:hover{background:0 0}.track-number{text-align:center;color:#fff;font-variant-numeric:tabular-nums;flex-shrink:0;width:22px;font-size:14px}.track-row.selected .track-number{color:var(--purple)}.track-art{object-fit:cover;border-radius:4px;flex-shrink:0;width:44px;height:44px}.track-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.track-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;line-height:1.25;overflow:hidden}.track-row.selected .track-title{color:var(--purple)}.track-artist{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.25;overflow:hidden}.track-check{width:24px;height:24px;color:var(--text);border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.track-check.on{background:var(--purple-deep);border-color:var(--purple-deep);color:#fff;box-shadow:0 0 0 3px #7b2ff740}.sheet-footer{border-top:1px solid #ffffff14;padding:12px 24px 24px}.share-page{color:#0f0f12;background:#fff;flex-direction:column;flex:1;align-items:center;gap:24px;min-height:100vh;padding:32px 20px 40px;display:flex}@media (width>=860px){.share-page{gap:32px;padding:56px 40px 64px}}.share-header{text-align:center}.share-eyebrow{font-family:var(--font-body);color:#8a8a90;margin:0 0 8px;font-size:15px;font-weight:600}.share-title{color:#0f0f12;margin:0;font-size:24px;font-weight:700}.share-card-wrap{touch-action:none;line-height:0;position:relative}.share-loading-overlay{font-family:var(--font-body);color:#8a8a90;pointer-events:none;background:#ffffffb3;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.share-loading-spinner{border:2px solid #e4e4e8;border-top-color:#7b2ff7;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite share-spin}@keyframes share-spin{to{transform:rotate(360deg)}}.share-hint{font-family:var(--font-body);color:#ababb0;text-align:center;margin:0;font-size:12px}.share-actions{gap:12px;width:100%;min-width:280px;margin-top:8px;display:flex}.share-actions .btn-reset,.share-actions .btn-view{flex:1}@media (width>=860px){.share-eyebrow{font-size:16px}.share-title{font-size:30px}}.app-shell{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}