:root{--bg:#f2f2ef;--surface:#fff;--surface-2:#e6e4de;--chip:#ecebe6;--panel:#fbfbf9;--ink:#1c1b1a;--muted:#5e5b57;--line:#c9c6bf;--line-soft:#dcd9d2;--on-ink:#fff;--accent:#6b2f47;--on-accent:#fff;--star:#b8431e;--danger:#a3261c;--danger-line:#e3b4ae;--shelf:#d8d4cb;--shelf-edge:#bdb8ad;--overlay:#14121073;--dash:#a8a49b;--mono:"DM Mono", ui-monospace, monospace;--hand:"Gochi Hand", cursive;--sans:Archivo, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#141414;--surface:#1f1f1e;--surface-2:#2a2a28;--chip:#2e2d2b;--panel:#1a1a19;--ink:#ecebe7;--muted:#a6a39d;--line:#43423e;--line-soft:#32312e;--on-ink:#141414;--accent:#e09ab4;--on-accent:#1f0d15;--star:#f39a6b;--danger:#f2897b;--danger-line:#6e322b;--shelf:#2f2d2a;--shelf-edge:#0c0c0b;--overlay:#0000009e;--dash:#6b6964;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-scheme=walkman]{--bg:#eceff2;--surface-2:#dde2e8;--chip:#e3e7ec;--panel:#f8f9fb;--accent:#c2410c;--shelf:#cfd5dc;--shelf-edge:#aab3bd}:root[data-scheme=walkman][data-theme=dark]{--bg:#111418;--surface:#1a1f25;--surface-2:#242a32;--chip:#262d35;--panel:#161a1f;--line:#3a424c;--line-soft:#2a3139;--accent:#ff8a4c;--on-accent:#1f0b02;--shelf:#262d35;--shelf-edge:#08090b}:root[data-scheme=ocean]{--bg:#ecf2f3;--surface-2:#d9e5e7;--chip:#e0eaec;--panel:#f7fafa;--accent:#0e5f6e;--shelf:#cbdadd;--shelf-edge:#a5babe}:root[data-scheme=ocean][data-theme=dark]{--bg:#0d1517;--surface:#152024;--surface-2:#1d2b30;--chip:#1f2e33;--panel:#111b1e;--line:#33464c;--line-soft:#24353a;--accent:#62c6d8;--on-accent:#04191d;--shelf:#1d2b30;--shelf-edge:#050a0b}:root[data-scheme=forest]{--bg:#eff1ea;--surface-2:#e0e4d8;--chip:#e6e9df;--panel:#f9faf6;--accent:#2f5d3a;--shelf:#d5dacb;--shelf-edge:#b2b9a5}:root[data-scheme=forest][data-theme=dark]{--bg:#111410;--surface:#1a1e18;--surface-2:#242a21;--chip:#262c23;--panel:#151913;--line:#3b4436;--line-soft:#2b3227;--accent:#92cc9f;--on-accent:#0b1a0e;--shelf:#242a21;--shelf-edge:#060805}:root[data-scheme=synth]{--bg:#f3eff7;--surface-2:#e5ddef;--chip:#ebe5f2;--panel:#fbf9fd;--accent:#6d28d9;--star:#c0267a;--shelf:#dcd2e8;--shelf-edge:#b9aacb}:root[data-scheme=synth][data-theme=dark]{--bg:#110e1a;--surface:#1b1729;--surface-2:#252037;--chip:#28223b;--panel:#161222;--line:#3e3654;--line-soft:#2d2740;--accent:#c4a1ff;--on-accent:#1a0b36;--star:#ff7ac3;--shelf:#252037;--shelf-edge:#07050c}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--sans);margin:0;transition:background-color .2s}a{color:var(--accent)}a:hover{color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}input::-moz-placeholder{color:var(--muted)}textarea::-moz-placeholder{color:var(--muted)}input::placeholder,textarea::placeholder{color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,label:focus-within,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{max-width:100%}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--mono)}.hand{font-family:var(--hand)}.muted{color:var(--muted)}.page{flex-direction:column;gap:24px;max-width:1440px;margin:0 auto;padding:32px 40px 64px;display:flex}@media (width<=720px){.page{gap:18px;padding:20px 16px 48px}}.eyebrow{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:12px}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn,.btn:hover{color:var(--ink)}.btn:hover{border-color:var(--ink)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent);border:0}.btn-primary:hover{color:var(--on-accent);filter:brightness(1.08)}.btn-ink{border:1px solid var(--ink);background:var(--ink)}.btn-ink,.btn-ink:hover{color:var(--on-ink)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--chip);border-color:#0000}.btn-danger{border-color:var(--danger-line);color:var(--danger);background:0 0}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.btn-sm{min-height:36px;padding:0 14px;font-size:14px}.btn-icon{background:var(--chip);border:0;width:44px;min-width:44px;padding:0}.btn-icon.btn-sm{width:36px;min-width:36px}.chip{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.chip[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.chip .count{font-family:var(--mono);opacity:.75;font-size:12px}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-label{font-family:var(--mono);color:var(--muted);text-transform:uppercase;width:92px;font-size:12px}@media (width<=720px){.chip-label{width:100%}}.seg{border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.seg,.seg button{background:var(--surface)}.seg button{min-width:44px;min-height:42px;color:var(--ink);cursor:pointer;border:0;padding:0 16px;font-size:14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.tag{background:var(--chip);min-height:30px;color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>.label,.field>label{font-size:13px;font-weight:600}.field .hint{color:var(--muted);margin:0;font-size:13px}.input,.select,.textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:8px;padding:0 12px;font-size:15px}.textarea{resize:vertical;min-height:96px;padding:10px 12px;line-height:1.45}.select{padding:0 10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=520px){.form-grid{grid-template-columns:minmax(0,1fr)}}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--line);cursor:pointer;width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--panel);border-radius:999px;padding:0}.swatch[aria-pressed=true]{border-color:var(--accent)}.section-title{align-items:baseline;gap:10px;margin:0;font-size:20px;font-weight:800;display:flex}.section-title .count{font-family:var(--mono);color:var(--muted);font-size:12px;font-weight:400}.tapebtn{cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;padding:0}.tapebtn .tapebody{transition:transform .18s,filter .18s}.tapebtn:hover .tapebody{filter:drop-shadow(0 10px 14px #00000038);transform:translateY(-4px)rotate(-1deg)}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 16px;display:flex}.empty .hand{margin:0;font-size:30px}.empty p{margin:0}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.tapebtn .tapebody,body{transition:none}.tapebtn:hover .tapebody{transform:none}}.edit-bar{bottom:calc(var(--pad-b,24px)*-1);z-index:2;margin:0 calc(var(--pad-x,24px)*-1) calc(var(--pad-b,24px)*-1);padding:14px var(--pad-x,24px) 18px;background:var(--panel);border-top:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:sticky}.edit-bar .spacer{flex:1}.toasts[data-v-0ff61b63]{z-index:1000;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast[data-v-0ff61b63]{background:var(--ink);color:var(--on-ink);cursor:pointer;text-align:left;border:0;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:600;box-shadow:0 10px 24px #00000040}.toast.error[data-v-0ff61b63]{background:var(--danger);color:#fff}