@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&family=Syne:wght@700;800&family=Oxanium:wght@600;700;800&display=swap";
:root{--bg:#d8dae0;--bg2:#d2d4db;--raised:#dcdee4;--sunken:#cacdd6;--t:#1a1c26;--t2:#484c62;--t3:#787c94;--cyan:#00d4ff;--purple:#9b6dff;--green:#00e5a0;--red:#ff4d6d;--amber:#ffb347;--so:5px 5px 12px #a0a3b2bf, -3px -3px 8px #ffffffe6;--so-sm:3px 3px 8px #a0a3b2a6, -2px -2px 5px #ffffffd9;--si:inset 3px 3px 7px #a0a3b2a6, inset -2px -2px 5px #ffffffe6;--go:0 0 20px #00d4ff59, 0 0 40px #00d4ff26;--go-sm:0 0 12px #00d4ff40;--r:16px;--rs:10px;--rx:24px;--pill:50px;--dur-fast:.15s;--dur-normal:.2s;--dur-slow:.3s;--ease:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--t);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5}.card-raised{background:var(--raised);box-shadow:var(--so);border-radius:var(--r)}.card-raised-sm{background:var(--raised);box-shadow:var(--so-sm);border-radius:var(--rs)}.card-sunken{background:var(--sunken);box-shadow:var(--si);border-radius:var(--r)}.card-sunken-sm{background:var(--sunken);box-shadow:var(--si);border-radius:var(--rs)}.input-neumo{background:var(--sunken);box-shadow:var(--si);color:var(--t);border-radius:var(--pill);width:100%;transition:box-shadow var(--dur-normal);border:none;outline:none;padding:12px 18px;font-family:DM Sans,sans-serif;font-size:14px}.input-neumo::placeholder{color:var(--t3)}.input-neumo:focus{box-shadow:var(--si), 0 0 0 1.5px #00d4ff4d}.badge-free{color:var(--cyan);letter-spacing:.18em;box-shadow:0 0 10px #00d4ff4d, inset 0 0 0 1.5px var(--cyan);text-shadow:0 0 8px #00d4ff4d;background:#00d4ff1a;border-radius:5px;padding:3px 10px;font-family:Oxanium,sans-serif;font-size:11px;font-weight:800;display:inline-block}.badge-pro{background:linear-gradient(135deg, var(--cyan), var(--purple));-webkit-text-fill-color:transparent;letter-spacing:.18em;-webkit-background-clip:text;background-clip:text;border-radius:5px;padding:3px 10px;font-family:Oxanium,sans-serif;font-size:11px;font-weight:800;display:inline-block;box-shadow:inset 0 0 0 1.5px #6366f180}.mb-wrap{background:var(--sunken);border-radius:2px;height:3px;overflow:hidden}.mb-bf{background:linear-gradient(90deg, var(--purple), var(--cyan));border-radius:2px;height:100%;transition:width .4s}.mb-af{background:linear-gradient(90deg, var(--green), var(--cyan));border-radius:2px;height:100%;transition:width .4s;box-shadow:0 0 6px #00e5a04d}.prog-wrap{background:var(--sunken);border-radius:2px;height:3px;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--cyan), var(--purple));height:100%;transition:width .4s var(--ease);border-radius:2px;box-shadow:0 0 8px #00d4ff80}.pcard{background:var(--raised);border-radius:var(--r);min-width:100px;box-shadow:var(--so);text-align:center;cursor:pointer;transition:transform var(--dur-normal), box-shadow var(--dur-normal), background var(--dur-normal);border:none;flex:1;padding:18px 12px;position:relative}.pcard.active{background:var(--sunken);box-shadow:var(--si)}.pcard.active:after{content:"";border-radius:var(--r);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #00d4ff73}.pcard .rec{color:var(--cyan);white-space:nowrap;box-shadow:var(--go);letter-spacing:.04em;background:#0d0f14;border-radius:20px;padding:2px 9px;font-size:9px;font-weight:700;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.pcard .p-ico{opacity:.5;width:28px;height:28px;transition:opacity var(--dur-normal);color:var(--t);justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.pcard.active .p-ico{opacity:1;color:var(--cyan)}.pcard .p-name{color:var(--t);font-size:12px;font-weight:600;line-height:1.4}.pcard.active .p-name{color:var(--cyan)}.pcard .p-val{color:var(--t3);margin-top:3px;font-family:DM Mono,monospace;font-size:10px}.slabel{color:var(--t3);letter-spacing:.1em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.toast{background:var(--raised);box-shadow:var(--so);color:var(--t);border-radius:var(--pill);opacity:0;transition:all var(--dur-slow) var(--ease);pointer-events:none;white-space:nowrap;z-index:9999;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:500;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(16px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.toast-err{color:var(--red)}.toast.toast-warn{color:var(--amber)}.toast.toast-ok{color:var(--green)}.btn{border-radius:var(--pill);cursor:pointer;white-space:nowrap;width:100%;transition:transform var(--dur-normal), box-shadow var(--dur-normal), opacity var(--dur-normal);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:linear-gradient(135deg, var(--cyan), var(--purple));color:#fff;box-shadow:var(--go)}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 28px #00d4ff73}.btn-primary:not(:disabled):active{box-shadow:var(--go);transform:translateY(0)}.btn-secondary{background:var(--raised);color:var(--t2);box-shadow:var(--so)}.btn-secondary:not(:disabled):hover{color:var(--t)}.btn-secondary:not(:disabled):active{box-shadow:var(--si)}.btn-ghost{color:var(--t3);box-shadow:none;background:0 0;width:auto;padding:8px 16px;font-size:13px}.btn-ghost:hover{color:var(--t2)}.btn-dark{color:var(--cyan);box-shadow:var(--go-sm);background:#0d0f14;width:auto;padding:8px 16px;font-size:12px}.btn-dark:not(:disabled):hover{box-shadow:var(--go)}.chip{background:var(--raised);box-shadow:var(--so-sm);color:var(--t2);border-radius:var(--pill);cursor:pointer;white-space:nowrap;transition:all var(--dur-fast);-webkit-tap-highlight-color:transparent;border:none;padding:7px 14px;font-family:DM Mono,monospace;font-size:11px}.chip:hover{color:var(--t)}.chip:active{box-shadow:var(--si)}.chip.active{background:var(--sunken);box-shadow:var(--si);color:var(--cyan)}.pcard:hover{transform:translateY(-2px)}.pcard:active{transform:translateY(0)}.bottom-nav{background:var(--bg2);height:64px;padding-bottom:env(safe-area-inset-bottom);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #a0a3b266}.bottom-nav-item{color:var(--t3);cursor:pointer;min-width:64px;transition:color var(--dur-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;display:flex}.bottom-nav-item.active{color:var(--cyan)}.bottom-nav-item:active{opacity:.7}.fixed-cta{padding:14px 20px;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:var(--bg);z-index:90;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #a0a3b266}.sort-btn{background:var(--raised);box-shadow:var(--so-sm);cursor:pointer;width:30px;height:30px;color:var(--t2);transition:all var(--dur-fast);-webkit-tap-highlight-color:transparent;border:none;border-radius:7px;justify-content:center;align-items:center;display:flex}.sort-btn:not(:disabled):hover{color:var(--t);box-shadow:var(--so)}.sort-btn:not(:disabled):active{box-shadow:var(--si)}.sort-btn:disabled{opacity:.3;cursor:not-allowed}.drag-handle{color:var(--t3);cursor:grab;transition:color var(--dur-fast);-webkit-tap-highlight-color:transparent;padding:4px}.drag-handle:hover{color:var(--t2)}.drag-handle:active{cursor:grabbing}.remove-btn{cursor:pointer;color:var(--t3);transition:color var(--dur-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;display:flex}.remove-btn:hover{color:var(--red)}.remove-btn:active{opacity:.7}.inline-edit{color:var(--t);width:100%;transition:border-color var(--dur-fast);background:0 0;border:none;border-bottom:1.5px solid #00d4ff66;outline:none;padding:0 0 2px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.inline-edit:focus{border-bottom-color:var(--cyan)}.is-loading{opacity:.6;cursor:wait;pointer-events:none}.is-locked{opacity:.5;pointer-events:none;cursor:not-allowed}.is-submitting{opacity:.7;cursor:wait;pointer-events:none}.is-error{box-shadow:var(--so), inset 0 0 0 1px #ff4d6d4d!important}.is-error-text{color:var(--red)}.is-done{box-shadow:var(--so), inset 0 0 0 1px #00e5a033!important}.is-done-text{color:var(--green)}.is-processing{animation:2s ease-in-out infinite pulse-glow;box-shadow:var(--so), 0 0 12px #00d4ff26!important}.skeleton{background:linear-gradient(90deg, var(--sunken) 25%, #fff6 50%, var(--sunken) 75%);border-radius:var(--rs);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}.fade-up{animation:fadeUp var(--dur-normal) var(--ease)}.highlight-album{transition:box-shadow .3s;box-shadow:var(--so), 0 0 0 2px var(--cyan), 0 0 16px #00d4ff40!important}.highlight-album-banner{color:var(--cyan);background:#00d4ff14;border-radius:8px;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;font-size:12px;display:flex}.sheet-overlay{z-index:200;background:#0003;position:fixed;inset:0}.sheet{background:var(--raised);padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));z-index:201;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #a0a3b280}.sheet-handle{background:var(--t3);opacity:.3;border-radius:2px;width:36px;height:4px;margin:0 auto 20px}@keyframes pulse-glow{0%,to{box-shadow:var(--so), 0 0 12px #00d4ff26}50%{box-shadow:var(--so), 0 0 24px #00d4ff59}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}