:root{--bg:#faf5ef;--surface:#fffdfa;--ink:#362430;--ink-soft:#8b7484;--brand:#ad2f55;--brand-dark:#8b2244;--brand-soft:#f8e2ea;--gold:#c08a2f;--gold-soft:#f6ecd8;--border:#ecdfd4;--ok:#2e7d4f;--warn:#b45309;--danger:#b3261e;--radius:16px;--shadow:0 1px 3px #36243012, 0 8px 26px #36243012;--shadow-lift:0 4px 10px #36243014, 0 18px 44px #3624301f;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Outfit", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-weight:600;line-height:1.15}h1 em,h2 em{color:var(--brand);font-style:italic}.bleed{margin-inline:calc(50% - 50vw)}.site-header{-webkit-backdrop-filter:blur(12px);z-index:20;background:#faf5efd1;border-bottom:1px solid #ecdfd4b3;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);color:var(--brand);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.35rem;font-style:italic;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{color:var(--brand);flex:none}.site-header nav{flex-wrap:wrap;align-items:center;gap:.25rem 1.1rem;display:flex}.site-header nav a{color:var(--ink-soft);border-bottom:2px solid #0000;padding:.3rem .1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .15s}.site-header nav a:hover{color:var(--ink)}.site-header nav a.active{color:var(--brand);border-bottom-color:var(--brand)}.header-cta{margin-left:.35rem}.header-cta.active{border-bottom-color:#0000}.site-main{max-width:1080px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2rem) 4rem}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:2.5rem clamp(1rem,4vw,2.5rem) 1.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;max-width:1080px;margin:0 auto;display:flex}.footer-brand{font-family:var(--font-display);color:var(--brand);margin:0 0 .2rem;font-size:1.3rem;font-style:italic;font-weight:650}.footer-inner .muted{margin:0}.footer-nav{flex-direction:column;gap:.4rem;display:flex}.footer-nav a{color:var(--ink-soft);font-weight:600;text-decoration:none}.footer-nav a:hover{color:var(--brand)}.footer-fine{max-width:1080px;margin:2rem auto 0;font-size:.85rem}.page-note{text-align:center;padding:3rem 1rem}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(2rem,6vh,4.5rem) 0 1.5rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin:0 0 .9rem;font-size:.78rem;font-weight:700}.hero h1{margin:0 0 1rem;font-size:clamp(2.6rem,6.5vw,4.4rem);font-weight:550}.lede{color:var(--ink-soft);max-width:30rem;margin:0 0 1.75rem;font-size:clamp(1.05rem,1.6vw,1.25rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.hero-note{color:var(--ink-soft);margin:1rem 0 0;font-size:.9rem}.hero-art{min-height:380px;position:relative}.hero-blob{background:radial-gradient(circle at 30% 25%,#c08a2f29,#0000 55%),radial-gradient(circle at 70% 75%,#ad2f5524,#0000 60%),linear-gradient(150deg,#f8e9df,#f6dee6);border-radius:48% 52% 55% 45%/52% 46% 54% 48%;animation:14s ease-in-out infinite alternate blob-drift;position:absolute;inset:6% 4%}@keyframes blob-drift{0%{border-radius:48% 52% 55% 45%/52% 46% 54% 48%;transform:rotate(-2deg)scale(1)}to{border-radius:55% 45% 46% 54%/45% 55% 47% 53%;transform:rotate(3deg)scale(1.04)}}.hero-rings{fill:none;width:100%;height:100%;stroke:var(--brand);stroke-width:1.4px;stroke-dasharray:3 9;opacity:.35;animation:60s linear infinite rings-spin;position:absolute;inset:0}@keyframes rings-spin{to{transform:rotate(360deg)}}.float{filter:drop-shadow(0 10px 18px #3624301f);width:46%;animation:5.5s ease-in-out infinite bob;position:absolute}.float svg{width:100%;height:auto}.float-1{width:42%;animation-delay:0s;top:2%;left:2%}.float-2{width:44%;animation-delay:-1.8s;top:34%;right:2%}.float-3{width:48%;animation-delay:-3.6s;bottom:0;left:12%}@keyframes bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-14px)rotate(1.5deg)}}.note{color:var(--brand);opacity:0;font-size:1.5rem;animation:6s ease-in infinite note-rise;position:absolute}.note-1{animation-delay:0s;top:30%;left:44%}.note-2{color:var(--gold);font-size:1.15rem;animation-delay:2s;top:22%;left:58%}.note-3{font-size:1.3rem;animation-delay:4s;top:40%;left:52%}@keyframes note-rise{0%{opacity:0;transform:translateY(12px)rotate(-6deg)}18%{opacity:.8}60%{opacity:.5}to{opacity:0;transform:translateY(-46px)rotate(10deg)}}.box-lid{transform-origin:20% 100%;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.box-waves{opacity:0;transition:opacity .35s}.lineup-card:hover .box-lid,.pick-card:hover .box-lid,.pick-card-active .box-lid{transform:translateY(-7px)rotate(-5deg)}.lineup-card:hover .box-waves,.pick-card:hover .box-waves,.pick-card-active .box-waves,.float .box-waves{opacity:1}.wave-strip{text-align:center;margin-inline:calc(50% - 50vw);padding:1.5rem clamp(1rem,5vw,4rem) .5rem}.hero-wave{cursor:crosshair;touch-action:pan-y;width:100%;height:110px;display:block}.wave-strip-caption{color:var(--ink-soft);opacity:.8;margin:.3rem 0 0;font-size:.85rem;font-style:italic}.section-title{text-align:center;margin:0 0 .6rem;font-size:clamp(1.7rem,3.6vw,2.5rem)}.section-sub{text-align:center;color:var(--ink-soft);max-width:36rem;margin:0 auto}.how{padding:clamp(2.5rem,7vh,5rem) 0 1rem}.how-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:2rem;display:grid}.how-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);height:100%;padding:1.5rem 1.4rem 1.3rem;position:relative}.how-num{font-family:var(--font-display);color:var(--border);font-size:2.4rem;font-style:italic;line-height:1;position:absolute;top:.9rem;right:1.1rem}.how-icon{background:var(--brand-soft);width:54px;height:54px;color:var(--brand);border-radius:16px;justify-content:center;align-items:center;margin-bottom:.9rem;display:inline-flex}.how-card h3{margin:0 0 .4rem;font-size:1.25rem}.how-card p{color:var(--ink-soft);margin:0}.lineup{padding:clamp(2.5rem,7vh,5rem) 0 1rem}.lineup-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2.25rem;display:grid}.lineup-grid .reveal{height:100%}.lineup-card{background:var(--surface);border:1px solid var(--border);height:100%;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.lineup-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-6px)}.lineup-art{background:radial-gradient(circle at 50% 120%, var(--accent-soft,var(--brand-soft)), transparent 75%);padding:1.6rem 2.2rem .6rem}.lineup-art svg{width:100%;height:auto}.lineup-body{flex-direction:column;flex:1;padding:.4rem 1.4rem 1.4rem;display:flex}.lineup-tagline{text-transform:uppercase;letter-spacing:.14em;color:var(--accent,var(--brand));margin:0 0 .25rem;font-size:.72rem;font-weight:700}.lineup-body h3{margin:0 0 .35rem;font-size:1.45rem}.lineup-body>.muted{margin:0 0 .8rem}.holds{flex-wrap:wrap;gap:.4rem;margin:0 0 1.1rem;padding:0;list-style:none;display:flex}.holds li{background:var(--accent-soft,var(--brand-soft));color:var(--ink);border-radius:999px;padding:.18rem .75rem;font-size:.8rem;font-weight:600}.lineup-foot{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.marquee{border-block:1px solid var(--border);background:var(--surface);margin:clamp(2.5rem,7vh,4.5rem) calc(50% - 50vw) 0;padding:.9rem 0;overflow:hidden}.marquee-track{white-space:nowrap;animation:36s linear infinite marquee;display:inline-flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{font-family:var(--font-display);color:var(--ink-soft);padding-right:.75rem;font-size:1.15rem;font-style:italic}.marquee-dot{color:var(--gold);padding-left:.75rem}@keyframes marquee{to{transform:translate(-50%)}}.cta-banner{text-align:center;color:#fff;background:radial-gradient(circle at 20% 20%, #ffffff1f, transparent 45%), radial-gradient(circle at 85% 80%, #c08a2f59, transparent 55%), linear-gradient(135deg, var(--brand-dark), var(--brand));margin:3.5rem calc(50% - 50vw) -4rem;padding:clamp(3rem,9vh,5.5rem) 1.5rem clamp(3.5rem,10vh,6rem)}.cta-banner h2{color:#fff;margin:0 0 .6rem;font-size:clamp(1.9rem,4.5vw,3rem)}.cta-banner h2 em{color:#f6d7a0}.cta-banner p{color:#ffffffd9;max-width:32rem;margin:0 auto 1.75rem;font-size:1.1rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal-in{opacity:1;transform:none}.create{max-width:780px;margin:0 auto}.stepper{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,3vw,1.5rem);margin:0 0 2rem;padding:.5rem 0 0;list-style:none;display:flex}.step-btn{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.25rem .4rem;font-weight:600;display:inline-flex}.step-btn:disabled{cursor:default}.step-dot{border:2px solid var(--border);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.step-current .step-btn{color:var(--ink)}.step-current .step-dot{border-color:var(--brand);background:var(--brand);color:#fff}.step-done .step-btn{color:var(--brand)}.step-done .step-dot{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.create-panel{animation:.45s both panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.create-title{text-align:center;margin:0 0 .5rem;font-size:clamp(1.9rem,4.5vw,2.7rem)}.create-sub{text-align:center;color:var(--ink-soft);max-width:32rem;margin:0 auto 2rem}.panel-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;margin-top:2rem;display:flex}.pick-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.1rem;display:grid}.pick-card{text-align:center;background:var(--surface);border:2px solid var(--border);font:inherit;color:inherit;cursor:pointer;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:center;gap:.15rem;padding:1.3rem 1.1rem 1.25rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative}.pick-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.pick-card-active{border-color:var(--accent,var(--brand));background:linear-gradient(180deg, var(--accent-soft,var(--brand-soft)) 0%, var(--surface) 55%)}.pick-art{width:78%}.pick-art svg{width:100%;height:auto}.pick-card h3{margin:.4rem 0 0;font-size:1.2rem}.pick-card .muted{margin:0;font-size:.88rem}.pick-size{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:.1rem 0 .3rem;font-size:.8rem}.pick-check{background:var(--accent,var(--brand));color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:absolute;top:.7rem;right:.7rem;transform:scale(.5)}.pick-card-active .pick-check{opacity:1;transform:scale(1)}.order-summary{background:linear-gradient(120deg, var(--accent-soft,var(--brand-soft)), var(--surface) 70%);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.8rem 1.1rem;display:flex}.order-summary-art{flex:none;width:84px}.order-summary-art svg{width:100%;height:auto}.order-summary h3{margin:0;font-size:1.15rem}.order-summary .muted{margin:.1rem 0 0;font-size:.92rem}.order-summary .btn{flex:none;margin-left:auto}.inline-auth{max-width:26rem;margin:0 auto}.inline-auth h3,.inline-auth>.muted{margin:0}.recorder{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin:.75rem 0 .5rem;padding:2rem 1.5rem}.recorder-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;min-height:180px;display:flex}.recorder-hint{margin:0;font-weight:600}.record-btn{background:linear-gradient(145deg, var(--brand), var(--brand-dark));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;transition:transform .2s;display:inline-flex;position:relative;box-shadow:0 8px 22px #ad2f5566}.record-btn:hover{transform:scale(1.06)}.record-btn-ring{border:2px solid var(--brand);opacity:.5;pointer-events:none;border-radius:50%;animation:2s ease-out infinite ring-pulse;position:absolute;inset:-8px}@keyframes ring-pulse{0%{opacity:.55;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.stop-btn{border:2.5px solid var(--brand);background:var(--brand-soft);width:68px;height:68px;color:var(--brand);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:inline-flex}.stop-btn:hover{background:#fff;transform:scale(1.06)}.wave-live{width:100%;max-width:30rem;height:84px}.recording-live{font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:flex}.rec-progress{background:var(--border);border-radius:999px;width:100%;max-width:30rem;height:4px;overflow:hidden}.rec-progress-fill{background:var(--brand);border-radius:999px;height:100%;transition:width 1s linear}.rec-dot{background:#ff5252;border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.btn-primary .rec-dot{background:#fff}.rec-dot.pulsing{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.recorder-ok{color:var(--ok);margin:0;font-weight:700}.peaks-player{background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.9rem;width:100%;max-width:30rem;padding:.55rem 1.1rem .55rem .55rem;display:flex}.play-btn{background:linear-gradient(145deg, var(--brand), var(--brand-dark));color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:inline-flex;box-shadow:0 4px 12px #ad2f5559}.play-btn:hover{transform:scale(1.07)}.wave-peaks{cursor:pointer;flex:1;min-width:0;height:52px}.wave-time{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none;font-size:.82rem;font-weight:600}.step-heading{margin:1.75rem 0 .5rem;font-size:1.15rem}audio{width:100%;max-width:22rem}.audio-inline{vertical-align:middle;max-width:16rem;height:36px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem}.box-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.box-card h2{margin:0 0 .35rem;font-size:1.15rem}.box-card-footer{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.price{color:var(--brand);font-weight:700}.stock-note{color:var(--warn);margin:.5rem 0 0;font-size:.85rem}.order-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.order-card p{margin:.35rem 0}.order-card-head{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.order-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.box-inactive{opacity:.65}.btn{font-family:var(--font-body);cursor:pointer;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1.25rem;font-size:.95rem;font-weight:650;text-decoration:none;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(145deg, var(--brand), var(--brand-dark));color:#fff;box-shadow:0 3px 10px #ad2f554d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #ad2f5561}.btn-ghost{color:var(--brand);border-color:var(--brand);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--brand-soft)}.btn-ghost.danger{color:var(--danger);border-color:var(--danger)}.btn-light{color:var(--brand-dark);background:#fff;box-shadow:0 4px 14px #0000002e}.btn-light:hover:not(:disabled){background:#fff6ef;transform:translateY(-1px)}.btn-sm{padding:.3rem .85rem;font-size:.85rem}.btn-lg{justify-content:center;padding:.8rem 1.7rem;font-size:1.05rem}.btn-record{background:var(--brand);color:#fff;padding:.75rem 1.6rem;font-size:1.05rem}.link{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.badge{white-space:nowrap;border-radius:999px;padding:.15rem .7rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-pending_payment{color:#8a6116;background:#fdf2d0}.badge-paid{color:#1c5d99;background:#e5f0fb}.badge-loaded{color:#5b3d99;background:#e9e2f7}.badge-shipped{color:var(--ok);background:#ddf1e4}.badge-cancelled{color:var(--danger);background:#f4e3e2}.chip{border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:.3rem .9rem;font-size:.85rem;font-weight:600}.chip-active{background:var(--brand);border-color:var(--brand);color:#fff}.filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.stock-pill{color:var(--ok);background:#ddf1e4;border-radius:999px;padding:.2rem .7rem;font-size:.85rem;font-weight:700}.stock-pill.stock-low{color:var(--warn);background:#fdf2d0}.tab-nav{border-bottom:1px solid var(--border);gap:1.25rem;margin-bottom:1.25rem;display:flex}.tab-nav a{color:var(--ink-soft);border-bottom:2px solid #0000;padding:.4rem .1rem .55rem;font-weight:600;text-decoration:none}.tab-nav a.active{color:var(--brand);border-bottom-color:var(--brand)}.form-stack{flex-direction:column;gap:.9rem;display:flex}.form-stack h3{margin:.5rem 0 0}.form-row{flex-wrap:wrap;gap:.9rem;display:flex}.form-row>label{flex:10rem}label{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.inline-label{flex-direction:row;align-items:center;gap:.5rem}input,textarea,select{font:inherit;border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:10px;padding:.55rem .75rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.auth-card{max-width:26rem;margin:2.5rem auto}.auth-card h1{margin-top:0}.muted{color:var(--ink-soft)}.error{color:var(--danger);margin:.25rem 0}.ok{color:var(--ok)}.usb-load{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.hero p{color:var(--ink-soft)}@media (width<=860px){.hero{text-align:center;grid-template-columns:1fr;padding-top:1.5rem}.hero-copy .lede{margin-inline:auto}.hero-actions{justify-content:center}.hero-art{width:100%;max-width:420px;min-height:300px;margin:0 auto}}@media (width<=560px){.order-card-head{font-size:.95rem}.site-header{flex-direction:column;align-items:flex-start}.order-summary{flex-wrap:wrap}.order-summary .btn{margin-left:0}.peaks-player{max-width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float,.note,.hero-blob,.hero-rings,.record-btn-ring,.marquee-track,.rec-dot.pulsing{animation:none}.note{opacity:.5}.reveal{opacity:1;transition:none;transform:none}}