:root{--bg:#0c1610;--bg2:#112019;--panel:rgba(214,240,220,.05);--border:rgba(150,196,150,.17);--text:#f5f7f3;--muted:#c2c9bd;--accent:#5fc483;--accent2:#46b39a;--gold:#e6c578;--ink:#0c1610}*{box-sizing:border-box}html{background:radial-gradient(1100px 620px at 14% -8%,rgba(60,160,105,.3),transparent 60%),radial-gradient(900px 600px at 96% 6%,rgba(54,150,138,.24),transparent 58%),radial-gradient(1000px 760px at 50% 116%,hsla(42,69%,69%,.14),transparent 60%),var(--bg);background-attachment:fixed;min-height:100%}body,html{margin:0;padding:0}body{background:transparent;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}body:before{content:"";z-index:-2;background-image:radial-gradient(1.6px 1.6px at 18% 32%,hsla(0,0%,100%,.92),transparent),radial-gradient(1.4px 1.4px at 72% 18%,hsla(42,69%,69%,.7),transparent),radial-gradient(1.2px 1.2px at 42% 72%,hsla(0,0%,100%,.7),transparent),radial-gradient(1.8px 1.8px at 88% 64%,rgba(180,235,200,.8),transparent),radial-gradient(1.1px 1.1px at 28% 88%,hsla(0,0%,100%,.62),transparent),radial-gradient(1.5px 1.5px at 62% 48%,hsla(42,69%,69%,.6),transparent),radial-gradient(1.2px 1.2px at 8% 58%,hsla(0,0%,100%,.6),transparent),radial-gradient(1.3px 1.3px at 54% 8%,rgba(180,235,200,.66),transparent);background-size:620px 620px;animation:twinkle 4.5s ease-in-out infinite}.cosmos,body:before{position:fixed;inset:0;pointer-events:none}.cosmos{z-index:-1;overflow:hidden}.cosmos:before{content:"";position:absolute;inset:-10%;background-image:radial-gradient(1px 1px at 12% 22%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 64% 12%,rgba(200,240,210,.5),transparent),radial-gradient(1px 1px at 38% 58%,hsla(0,0%,100%,.45),transparent),radial-gradient(1px 1px at 82% 44%,hsla(42,69%,69%,.45),transparent),radial-gradient(1px 1px at 24% 82%,hsla(0,0%,100%,.4),transparent),radial-gradient(1px 1px at 92% 78%,rgba(200,240,210,.4),transparent),radial-gradient(1px 1px at 50% 34%,hsla(0,0%,100%,.38),transparent);background-size:480px 480px;opacity:.7;animation:starPan 140s linear infinite}.cosmos:after{content:"";position:absolute;inset:0;background:radial-gradient(125% 95% at 50% 38%,transparent 52%,rgba(3,9,6,.6) 100%)}@keyframes starPan{0%{transform:translateZ(0)}to{transform:translate3d(-480px,-288px,0)}}.cosmos .orb{position:absolute;border-radius:50%;filter:blur(92px);opacity:.52;will-change:transform}.cosmos .orb-1{width:460px;height:460px;top:-120px;left:-90px;background:radial-gradient(circle,rgba(70,190,120,.85),transparent 70%);animation:drift1 26s ease-in-out infinite}.cosmos .orb-2{width:420px;height:420px;bottom:-140px;right:-100px;background:radial-gradient(circle,rgba(56,178,158,.78),transparent 70%);animation:drift2 32s ease-in-out infinite}.cosmos .orb-3{width:360px;height:360px;top:38%;left:60%;background:radial-gradient(circle,hsla(42,69%,69%,.6),transparent 70%);animation:drift3 38s ease-in-out infinite}.cosmos .aurora{position:absolute;top:-12%;left:-25%;width:150%;height:64%;background:radial-gradient(60% 100% at 30% 50%,rgba(75,205,130,.34),transparent 70%),radial-gradient(50% 100% at 62% 40%,rgba(58,196,172,.3),transparent 70%),radial-gradient(42% 100% at 86% 60%,hsla(42,69%,69%,.18),transparent 70%);filter:blur(28px);opacity:.9;transform:skewY(-8deg);animation:aurora 15s ease-in-out infinite}@keyframes aurora{0%,to{transform:skewY(-9deg) translateX(-14%) scaleY(.92);opacity:.45}50%{transform:skewY(-4deg) translateX(12%) scaleY(1.22);opacity:1}}.bg-geo{position:absolute;pointer-events:none}.bg-wheel{top:-150px;right:-150px;width:540px;height:540px;opacity:.16;animation:spin360 170s linear infinite}.bg-constellation{bottom:7%;left:3%;width:320px;opacity:.22;animation:floatY 16s ease-in-out infinite}.bg-leaf{position:absolute;pointer-events:none}.bg-leaf-1{top:-40px;left:-60px;width:360px;opacity:.2;animation:sway 18s ease-in-out infinite;transform-origin:top left}.bg-leaf-2{bottom:-50px;right:-40px;width:320px;opacity:.18;animation:sway 22s ease-in-out infinite reverse;transform-origin:bottom right}.bg-bloom{position:absolute;pointer-events:none}.bg-bloom-1{top:16%;left:6%;width:96px;opacity:.22;animation:floatY 19s ease-in-out infinite}.bg-bloom-2{top:60%;right:7%;width:120px;opacity:.2;animation:sway 24s ease-in-out infinite;transform-origin:center}.bg-bloom-3{bottom:14%;left:40%;width:76px;opacity:.16;animation:floatY 23s ease-in-out infinite reverse}@keyframes sway{0%,to{transform:rotate(0deg)}50%{transform:rotate(4deg)}}@keyframes spin360{to{transform:rotate(1turn)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:1}}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.08)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-36px) scale(1.1)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-44px,50px) scale(.92)}}@media (prefers-reduced-motion:reduce){.bg-bloom,.bg-geo,.bg-leaf,.cosmos .aurora,.cosmos .orb,.cosmos:before,body:before{animation:none}}.wrap{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:48px 20px 96px}.hero{text-align:center;margin-bottom:36px}.eyebrow{letter-spacing:4px;text-transform:uppercase;font-size:12px;color:var(--accent);font-weight:700}h1{font-family:Georgia,Times New Roman,serif;font-size:48px;line-height:1.05;margin:12px 0 10px;background:linear-gradient(120deg,#b6f0c6,var(--accent) 48%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);font-size:18px;max-width:560px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 40px -24px rgba(0,0,0,.5)}.form-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.field{flex:1 1 200px;display:flex;flex-direction:column;gap:6px}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:520px){.two-col{grid-template-columns:1fr}}label{font-size:13px;color:var(--muted);font-weight:600}input{background:rgba(0,0,0,.28);border:1px solid var(--border);border-radius:12px;padding:13px 14px;color:var(--text);font-size:16px;outline:none}input::placeholder{color:#74866f}input:focus{border-color:var(--accent)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.28) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%239fb79b' d='M1 1l5 5 5-5'/></svg>") no-repeat right 12px center;border:1px solid var(--border);border-radius:12px;padding:13px 30px 13px 14px;color:var(--text);font-size:16px;outline:none;width:100%;cursor:pointer}select:focus{border-color:var(--accent)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:rgba(0,0,0,.28)}.seg-btn{border:none;background:transparent;color:var(--muted);font-weight:700;font-size:14px;padding:0 16px;border-radius:0;cursor:pointer}.seg-btn.seg-active{background:linear-gradient(120deg,var(--accent),var(--accent2));color:var(--ink)}button{cursor:pointer;border:none;border-radius:12px;font-size:16px;font-weight:700;padding:14px 22px;transition:transform .05s ease,filter .2s ease}button:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent2));color:var(--ink)}.btn-primary:disabled{filter:grayscale(.4) brightness(.8);cursor:not-allowed}.btn-gold{background:linear-gradient(120deg,var(--gold),#e0a86a);color:#3a2c10;width:100%;font-size:18px;padding:16px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.result{margin-top:32px;display:grid;grid-gap:24px;gap:24px}.result>*{animation:revealUp .55s cubic-bezier(.2,.7,.2,1) both}.result>:first-child{animation-delay:.02s}.result>:nth-child(2){animation-delay:.12s}.result>:nth-child(3){animation-delay:.22s}.result>:nth-child(4){animation-delay:.32s}.result>:nth-child(5){animation-delay:.42s}.result>:nth-child(n+6){animation-delay:.5s}@keyframes revealUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.cast-wheel{width:120px;height:120px;animation:spin360 9s linear infinite}@media (prefers-reduced-motion:reduce){.cast-wheel,.result>*{animation:none}}.cover{width:100%;max-width:360px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 22px 50px -10px rgba(0,0,0,.55);position:relative}.cover svg,.poster-thumb svg{display:block;width:100%;height:auto}.numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.num{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.num .big{font-family:Georgia,serif;font-size:34px;font-weight:700;line-height:1}.num .lbl{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.num .ttl{font-weight:700;margin:4px 0 2px}.num .desc{font-size:13px;color:var(--muted)}.lyrics{white-space:pre-wrap;font-family:Georgia,serif;line-height:1.6;font-size:16px;color:#eef1ec}.lyrics .tag{color:var(--accent);font-style:italic;font-size:13px}.player{display:flex;align-items:center;gap:14px;flex-wrap:wrap}audio{width:100%}.lock{text-align:center;border:1px dashed var(--border);border-radius:18px;padding:22px;background:hsla(42,69%,69%,.06)}.lock .price{font-size:30px;font-weight:800;color:var(--gold)}.muted{font-size:14px}.badge,.muted{color:var(--muted)}.badge{display:inline-block;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--border)}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.error{color:#ff9a9a;font-size:14px;margin-top:10px}.section-title{font-family:Georgia,serif;font-size:22px;margin:0 0 10px}.center{text-align:center}.spin{display:inline-block;width:18px;height:18px;border:2px solid rgba(0,0,0,.25);border-top:2px solid var(--ink);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}a{color:var(--accent)}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(12,22,16,.93);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid hsla(42,69%,69%,.38);box-shadow:0 -10px 40px -16px rgba(0,0,0,.6)}.sticky-cta-inner{max-width:860px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap}.sticky-cta-text{color:var(--text);font-size:14px;font-weight:600}@media (max-width:520px){.sticky-cta-inner{justify-content:center;text-align:center;padding:10px 14px}.sticky-cta-text{flex:1 1 100%;font-size:13px}}.composing{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.eq{display:flex;align-items:flex-end;gap:5px;height:38px;flex:0 0 auto}.eq span{display:block;width:6px;height:8px;border-radius:3px;background:linear-gradient(180deg,var(--accent),var(--accent2));box-shadow:0 0 12px rgba(95,196,131,.55);animation:eq 1.1s ease-in-out infinite}.eq span:first-child{animation-delay:-.8s}.eq span:nth-child(2){animation-delay:-.35s}.eq span:nth-child(3){animation-delay:-.95s}.eq span:nth-child(4){animation-delay:-.15s}.eq span:nth-child(5){animation-delay:-.6s}.eq span:nth-child(6){animation-delay:-.45s}.eq span:nth-child(7){animation-delay:-.75s}@keyframes eq{0%,to{height:8px;opacity:.7}50%{height:38px;opacity:1}}.composing-text{color:var(--muted);font-size:14px;flex:1 1 200px;min-width:180px}.card.composing-card{animation:cardGlow 2.6s ease-in-out infinite;border-color:rgba(95,196,131,.35)}@keyframes cardGlow{0%,to{box-shadow:0 0 0 1px rgba(95,196,131,.14),0 0 30px -12px rgba(95,196,131,.5)}50%{box-shadow:0 0 0 1px rgba(70,179,154,.28),0 0 46px -8px rgba(70,179,154,.55)}}@media (prefers-reduced-motion:reduce){.eq span{height:22px}.card.composing-card,.eq span{animation:none}}.journey{justify-content:center;gap:0;padding:4px 0}.journey,.journey-step{display:flex;align-items:center}.journey-step{gap:8px}.journey-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:rgba(0,0,0,.3);font-weight:700;flex:0 0 auto}.journey-dot,.journey-label{color:var(--muted);font-size:13px}.journey-label{font-weight:600;white-space:nowrap}.journey-line{display:inline-block;width:42px;height:1px;background:var(--border);margin:0 12px}.journey-done .journey-dot{background:linear-gradient(120deg,var(--accent),var(--accent2));border-color:transparent;color:var(--ink)}.journey-done .journey-label{color:var(--text)}.journey-active .journey-dot{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 0 rgba(95,196,131,.5);animation:pulseDot 1.8s ease-in-out infinite}.journey-active .journey-label{color:var(--accent)}.journey-failed .journey-dot{border-color:#ff9a9a;color:#ff9a9a}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 rgba(95,196,131,.45)}50%{box-shadow:0 0 0 7px rgba(95,196,131,0)}}@media (max-width:520px){.journey-line{width:16px;margin:0 6px}.journey-label{font-size:11px}}.reading{border-color:hsla(42,69%,69%,.24)}.reading-head{text-align:center;padding-bottom:6px}.reading-ornament{color:var(--gold);letter-spacing:10px;font-size:12px;opacity:.8}.reading-title{font-family:Georgia,Times New Roman,serif;font-size:30px;margin:10px 0 6px;background:linear-gradient(120deg,#d6efd8,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.reading-sub{color:var(--muted);font-size:14px;margin:0}.reading p{font-family:Georgia,Times New Roman,serif;font-size:16.5px;line-height:1.72}.reading-chapter{border-top:1px solid var(--border);padding:14px 0}.reading-chapter>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px}.reading-chapter>summary::-webkit-details-marker{display:none}.chapter-numeral{font-family:Georgia,serif;font-size:32px;font-weight:700;color:var(--gold);width:44px;text-align:center;flex:0 0 auto;text-shadow:0 0 22px hsla(42,69%,69%,.4)}.chapter-meta{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.chapter-pos{font-weight:700;font-size:16.5px}.chapter-tag{color:var(--muted);font-size:13px;font-style:italic}.chapter-chev{color:var(--muted);transition:transform .2s ease;flex:0 0 auto}.reading-chapter[open]>summary .chapter-chev{transform:rotate(180deg)}.num-reveal{animation:revealUp .5s cubic-bezier(.2,.7,.2,1) both}.num .sym{margin-top:8px;font-size:12px;font-style:italic;color:var(--gold);opacity:.85}.dna{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:12px;gap:12px;margin-top:14px}.dna-strand{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:12px 14px;background:rgba(0,0,0,.22)}.dna-decision{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.dna-value{font-weight:700;font-size:15px;margin-bottom:2px}.dna-source{font-size:12.5px;color:var(--gold);margin-bottom:6px}.dna-why{font-size:13px;color:var(--muted);line-height:1.5}.liner-notes{margin-top:18px;border-top:1px dashed var(--border);padding-top:14px}.liner-notes-title{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.liner-notes ul{margin:0;padding-left:18px;color:var(--muted)}.liner-notes li{margin-bottom:6px;line-height:1.55;font-size:14px}@media (prefers-reduced-motion:reduce){.journey-active .journey-dot,.num-reveal{animation:none}}@media (max-width:520px){h1{font-size:36px}}