*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sage: #8BADA8;--sage-dk: #6E9490;--sage-lt: #A8C5C0;--sage-pale: #EBF3F2;--sand: #E8A878;--sand-lt: #FBF0E8;--sand-bg: #FDF6F0;--champ: #F0B855;--champ-dk: #E09838;--gold: #C87828;--black: #111111;--charcoal: #2A2824;--warm-gray: #6A6058;--muted: #A09890;--border: #E8E0D4;--white: #FFFFFF;--cream: #FAFAF6;--green: #1DB954;--red: #C84B4B}html,body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;min-height:100%}#root{min-height:100vh}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:100}.top-nav.sage{background:var(--sage);border-bottom:1px solid rgba(0,0,0,.07)}.top-nav.white{background:var(--white);border-bottom:1px solid var(--border)}.top-nav.cream{background:var(--cream);border-bottom:1px solid var(--border)}.logo-lock{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.logo-circle{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(150deg,#f5d878,#e8a060 45%,#7fa8a3);border:1.5px solid rgba(255,255,255,.3)}.logo-name{font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;color:var(--white);letter-spacing:.01em}.logo-name.dark{color:var(--charcoal)}.nav-r{display:flex;align-items:center;gap:10px}.nav-icon-btn{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;background:#ffffff29}.nav-icon-btn:hover{background:#ffffff47}.nav-icon-btn.dark{background:var(--sage-pale)}.nav-icon-btn.dark:hover{background:var(--sage-lt)}.nav-icon-btn svg{width:16px;height:16px}.back-btn{background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:5px;padding:0;transition:opacity .2s;color:#ffffffa6}.back-btn:hover{color:var(--white)}.back-btn.dark{color:var(--muted)}.back-btn.dark:hover{color:var(--charcoal)}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--border);display:flex;z-index:200}.tab{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 0 14px;border:none;background:none;cursor:pointer;border-top:2px solid transparent;transition:border-color .2s}.tab.on{border-top-color:var(--sage-dk)}.tab-lbl{font-family:DM Sans,sans-serif;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--muted);margin-top:4px}.tab.on .tab-lbl{color:var(--sage-dk)}.tab-icon{display:block;width:18px;height:18px}.tab-icon svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.5}.tab.on .tab-icon svg{stroke:var(--sage-dk)}.serif{font-family:Cormorant Garamond,serif}.title-xl{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.1;color:var(--charcoal)}.title-lg{font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:400;line-height:1.15;color:var(--charcoal)}.title-md{font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:400;line-height:1.2;color:var(--charcoal)}.title-sm{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:400;line-height:1.25;color:var(--charcoal)}.title-xl.white,.title-lg.white,.title-md.white,.title-sm.white{color:var(--white)}.body-txt{font-size:.88rem;font-weight:300;line-height:1.7;color:var(--warm-gray)}.body-txt em{font-style:italic}.caption{font-size:.72rem;font-weight:400;color:var(--muted);letter-spacing:.02em}.label{font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.label.sage{color:var(--sage-dk)}.label.gold{color:var(--gold)}.btn{display:inline-block;border:none;border-radius:100px;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:500;letter-spacing:.06em;transition:opacity .18s,transform .15s;text-decoration:none;text-align:center}.btn:hover{transform:translateY(-1px);opacity:.85}.btn-sm{padding:10px 22px;font-size:.76rem}.btn-md{padding:14px 28px;font-size:.8rem}.btn-lg{padding:16px 34px;font-size:.82rem}.btn-full{width:100%;display:block;text-align:center}.btn-black{background:var(--black);color:var(--white)}.btn-champ{background:var(--champ);color:var(--charcoal);font-weight:600}.btn-champ:hover{background:var(--champ-dk)}.btn-outline{background:transparent;color:var(--charcoal);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--charcoal);opacity:1}.btn-outline-white{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.45)}.btn-outline-white:hover{border-color:var(--white);opacity:1}.btn-spotify{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:var(--white);border:none;border-radius:100px;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:500;cursor:pointer;transition:opacity .2s,transform .15s;text-decoration:none;padding:10px 20px}.btn-spotify:hover{opacity:.88;transform:translateY(-1px)}.btn-spotify svg{width:15px;height:15px;fill:#fff;flex-shrink:0}.inp-lbl{display:block;font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:7px}.inp{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:6px;font-family:DM Sans,sans-serif;font-size:.92rem;color:var(--charcoal);background:var(--white);outline:none;transition:border-color .2s}.inp::placeholder{color:#c0b8b0}.inp:focus{border-color:var(--sage)}.inp.err{border-color:var(--red)}.inp-sage{width:100%;padding:14px 20px;border:1px solid rgba(255,255,255,.32);border-radius:100px;font-family:DM Sans,sans-serif;font-size:.92rem;color:var(--white);background:#ffffff24;outline:none;transition:border-color .2s}.inp-sage::placeholder{color:#ffffff6b}.inp-sage:focus{border-color:#ffffffbf}.inp-sage.err{border-color:#d86060}.textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:6px;font-family:DM Sans,sans-serif;font-size:.84rem;color:var(--charcoal);background:var(--white);outline:none;resize:none;line-height:1.55;transition:border-color .2s}.textarea::placeholder{color:#c0b8b0;font-style:italic}.textarea:focus{border-color:var(--sage)}.textarea.err{border-color:var(--red)}.card-white{background:var(--white);border:1px solid var(--border);border-radius:12px}.card-sand{background:var(--sand-lt);border:1px solid var(--sand);border-radius:12px}.card-sage{background:var(--sage-pale);border:1px solid var(--sage-lt);border-radius:12px}.card-champ{background:linear-gradient(135deg,var(--champ) 0%,var(--sand) 100%);border-radius:12px}.hr{height:1px;background:var(--border);margin:20px 0}.hr-label{display:flex;align-items:center;gap:12px;margin:18px 0}.hr-label:before,.hr-label:after{content:"";flex:1;height:1px;background:var(--border)}.hr-label span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.badge{display:inline-block;border-radius:100px;padding:3px 11px;font-size:.64rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.badge-champ{background:var(--champ);color:var(--charcoal)}.badge-sage{background:var(--sage-pale);color:var(--sage-dk)}.badge-green{background:#e4f5ec;color:#1a8042}.badge-gray{background:#f0eae2;color:var(--warm-gray)}.badge-sand{background:var(--sand-lt);color:var(--gold)}.waveform{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:52px}.wb{width:4px;background:#fff9;border-radius:2px;animation:wv 1.15s ease-in-out infinite}.wb:nth-child(1){height:14px;animation-delay:0s}.wb:nth-child(2){height:28px;animation-delay:.08s}.wb:nth-child(3){height:46px;animation-delay:.16s}.wb:nth-child(4){height:38px;animation-delay:.24s}.wb:nth-child(5){height:52px;animation-delay:.12s}.wb:nth-child(6){height:44px;animation-delay:.2s}.wb:nth-child(7){height:50px;animation-delay:.04s}.wb:nth-child(8){height:34px;animation-delay:.28s}.wb:nth-child(9){height:20px;animation-delay:.36s}.wb:nth-child(10){height:10px;animation-delay:.44s}@keyframes wv{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}.chk{width:64px;height:64px;margin:0 auto}.chk svg{width:64px;height:64px}.chk-circle{stroke:var(--sage);stroke-width:2;fill:none;stroke-dasharray:196;stroke-dashoffset:196;animation:dc .7s ease forwards}.chk-mark{stroke:var(--sage);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:52;stroke-dashoffset:52;animation:dk .4s ease .65s forwards}@keyframes dc{to{stroke-dashoffset:0}}@keyframes dk{to{stroke-dashoffset:0}}.marquee{background:var(--sand);padding:11px 0;overflow:hidden;white-space:nowrap}.marquee-inner{display:inline-block;animation:mq 22s linear infinite}.mq-txt{font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;color:var(--sage-dk);letter-spacing:.04em}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.evt-row{background:var(--white);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s;margin-bottom:8px}.evt-row.sel{border-color:var(--sage)}.evt-toggle{display:flex;align-items:center;gap:13px;padding:15px 16px;cursor:pointer;width:100%;background:none;border:none;text-align:left;font-family:DM Sans,sans-serif}.evt-check{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--border);background:var(--white);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.evt-check svg{width:11px;height:11px;stroke:transparent;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.evt-row.sel .evt-check{background:var(--sage);border-color:var(--sage)}.evt-row.sel .evt-check svg{stroke:#fff}.evt-name{font-size:.9rem;font-weight:400;color:var(--charcoal);flex:1}.evt-songs{font-size:.7rem;color:var(--muted);font-style:italic}.evt-detail{padding:0 16px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s}.evt-row.sel .evt-detail{max-height:120px;padding-bottom:14px}.evt-vibe-lbl{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray);font-weight:500;margin-bottom:6px}.pl-row{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:15px 16px;margin-bottom:8px;display:flex;align-items:center;gap:14px}.pl-row-swatch{width:46px;height:46px;border-radius:8px;flex-shrink:0}.pl-row-info{flex:1;min-width:0}.pl-row-name{font-size:.88rem;font-weight:400;color:var(--charcoal);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-row-meta{font-size:.72rem;font-style:italic;color:var(--muted)}.pl-row-status{display:flex;align-items:center;gap:8px;flex-shrink:0}.unlock-card{background:linear-gradient(135deg,#f5d878,#e8a060);border-radius:14px;padding:22px 22px 20px;margin-bottom:20px}.unlock-card .label{margin-bottom:6px;color:var(--charcoal);opacity:.7}.unlock-card h4{font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:400;color:var(--charcoal);margin-bottom:6px}.unlock-card p{font-size:.8rem;font-weight:300;font-style:italic;color:var(--charcoal);opacity:.72;line-height:1.55;margin-bottom:16px}.hub-footer-locked{position:fixed;bottom:0;left:0;right:0;z-index:150;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:14px 24px max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -1px #0000000f}.hub-footer-info{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--warm-gray);font-weight:400}.hub-footer-info strong{color:var(--charcoal);font-weight:600}.setup-footer{position:fixed;bottom:0;left:0;right:0;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:14px 24px max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:100;box-shadow:0 -1px #0000000f}.setup-footer-info{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--warm-gray);font-weight:400}.setup-footer-info strong{color:var(--charcoal);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#11111185;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{background:var(--white);border-radius:18px;padding:36px 28px 28px;width:100%;max-width:400px;text-align:center;box-shadow:0 24px 64px #00000038}.modal-logo{width:48px;height:48px;border-radius:50%;background:linear-gradient(150deg,#f5d878,#e8a060 45%,#7fa8a3);margin:0 auto 20px}.modal-card h2{font-family:Cormorant Garamond,serif;font-size:clamp(1.7rem,5vw,2.2rem);font-weight:400;color:var(--charcoal);line-height:1.1;margin-bottom:10px}.modal-card h2 em{font-style:italic}.modal-sub{font-size:.84rem;font-weight:300;font-style:italic;color:var(--warm-gray);line-height:1.6;margin-bottom:26px}.modal-inp-row{display:flex;gap:8px;margin-bottom:10px}.modal-inp-row .inp{flex:1}.modal-fine{font-size:.65rem;color:var(--muted);line-height:1.5}.modal-env-ring{width:62px;height:62px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:pulse 2.5s ease-in-out infinite}.modal-env-ring svg{width:24px;height:24px;stroke:var(--sage);stroke-width:1.5;fill:none}.check-email-title{font-family:Cormorant Garamond,serif;font-size:1.9rem;font-weight:400;color:var(--charcoal);margin-bottom:10px}.check-email-body{font-size:.84rem;font-weight:300;font-style:italic;color:var(--warm-gray);line-height:1.65;margin-bottom:22px}.check-email-body strong{font-style:normal;font-weight:500;color:var(--charcoal)}.modal-resend{background:none;border:none;font-family:DM Sans,sans-serif;font-size:.72rem;color:var(--muted);cursor:pointer;text-decoration:underline;margin-top:12px;display:block;width:100%;text-align:center;transition:color .2s}.modal-resend:hover{color:var(--charcoal)}@keyframes pulse{0%,to{border-color:#8bada84d;transform:scale(1)}50%{border-color:#8bada8cc;transform:scale(1.04)}}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.gen-steps{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px}.gs{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#ffffff17;border-radius:7px;font-size:.78rem;color:#fff9}.gs-dot{width:7px;height:7px;border-radius:50%;background:#ffffff40;flex-shrink:0}.gs.done .gs-dot{background:var(--champ)}.gs.done{color:#ffffffe0}.gs.active .gs-dot{background:var(--white);animation:blink 1s ease-in-out infinite}.gs.active{color:var(--white)}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.subject-pills{display:flex;gap:7px;flex-wrap:wrap}.s-pill{padding:6px 14px;border-radius:100px;border:1px solid var(--border);font-size:.72rem;font-weight:400;color:var(--warm-gray);cursor:pointer;background:var(--white);font-family:DM Sans,sans-serif;transition:all .2s;letter-spacing:.03em}.s-pill.on{background:var(--sage-pale);border-color:var(--sage);color:var(--sage-dk)}.form-block{margin-bottom:20px}.form-block-title{font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:12px}.f-row{display:grid;gap:10px;margin-bottom:10px}.f-row.two{grid-template-columns:1fr 1fr}.f-field{display:flex;flex-direction:column;gap:6px}.profile-section{background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:12px}.ps-title{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:12px 18px 8px;border-bottom:1px solid var(--border)}.ps-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border)}.ps-row:last-child{border-bottom:none}.ps-row-lbl{font-size:.84rem;color:var(--charcoal);font-weight:300}.ps-row-val{font-size:.8rem;color:var(--muted);font-style:italic;font-weight:300;text-align:right}.ps-row-action{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage-dk);font-weight:500;cursor:pointer;background:none;border:none;font-family:DM Sans,sans-serif}.ps-row-action.red{color:var(--red)}.secure-note{display:flex;align-items:center;gap:6px;justify-content:center;font-size:.7rem;color:var(--muted);margin:14px 0 18px}.secure-note svg{width:12px;height:12px;fill:var(--muted);flex-shrink:0}.card-logos{display:flex;gap:5px;margin-bottom:8px}.clogo{width:34px;height:20px;border-radius:3px;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:.44rem;font-weight:700;letter-spacing:.04em}.clogo.v{background:#1a1f71;color:#fff}.clogo.m{background:#eb001b;color:#fff}@media (max-width: 560px){.f-row.two{grid-template-columns:1fr}.disc-card-body{flex-direction:column}.disc-card-cta{align-items:flex-start}}