:root{--night:#24152f;--night2:#33203a;--plum:#56315c;--amethyst:#9f5ba0;--blush:#d98fb6;--coral:#f98c86;--peach:#f6c5a9;--cream:#fff1ea;--gold:#ffd889;--white:#fffaf6;--muted:#d0bacd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.6 Manrope,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--cream);background:var(--night)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.wrapper{width:min(1140px,calc(100% - 44px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(36,21,47,.94);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff20}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{width:184px;display:block;flex-shrink:0}.navlinks{display:flex;gap:26px;align-items:center;color:#efd8e4;font-size:13px}.navlinks a:hover{color:var(--gold)}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:12px 23px;border:1px solid var(--peach);background:var(--peach);color:var(--night);font-weight:800;transition:transform .2s,box-shadow .2s;cursor:pointer;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px #f6c5a940}.btn.outline{background:transparent;color:var(--cream);border-color:#b08cb2}.btn.small{font-size:12px;padding:9px 16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 48%,#6f376a 0,#482950 30%,#24152f 68%)}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffd88999,transparent)}.herogrid{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px}.hero h1{font-size:clamp(42px,5.2vw,77px);line-height:1.06;letter-spacing:-.05em;font-weight:800;margin:14px 0 22px}.hero h1 em{font-style:normal;color:var(--peach)}.hero .intro{max-width:535px;font-size:17px;line-height:1.8;color:#e8d5e5}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.heroart{min-height:520px;position:relative;display:flex;align-items:center;justify-content:center}.heroart .aura{width:min(510px,100%);aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#f9cbd54b 5%,#c0719454 37%,transparent 68%);border-radius:50%}.heroart img{width:min(425px,90%);max-height:445px;object-fit:contain;filter:drop-shadow(0 20px 44px #ffe4a743)}.heroart .heart-note{position:absolute;right:8%;top:15%;font-family:Caveat,cursive;font-size:24px;color:var(--gold);transform:rotate(-6deg)}.heroart .dots{position:absolute;width:48%;bottom:6%;left:3%;opacity:.72}.note{font-size:12px;color:#c9b8c7}.section{padding:90px 0}.section.light{background:var(--cream);color:var(--night)}.section.soft{background:#34203d}.section h2{font-size:clamp(34px,4vw,54px);line-height:1.17;letter-spacing:-.04em;margin:10px 0 18px}.sectionlead{max-width:680px;font-size:17px;color:#dfcedf}.light .sectionlead{color:#70536a}.sectionhead{max-width:750px;margin-bottom:35px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border-radius:22px;padding:28px;background:#ffffff0b;border:1px solid #ffffff22}.light .card{background:white;box-shadow:0 15px 40px #8a647025;border:1px solid #56315c12}.card .num{font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:900}.light .card .num{color:var(--amethyst)}.card h3{font-size:20px;line-height:1.3;margin:12px 0}.card p{font-size:14px;color:#d9c5d9;margin:0}.light .card p{color:#705a6e}.card .emoji{font-size:34px}.mood-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.mood{position:relative;overflow:hidden;border-radius:18px;border:1px solid #eac2bd4a;background:radial-gradient(circle at 50% 52%,#b5698966,#49274c 78%);padding:12px;text-align:center;min-height:172px;display:flex;flex-direction:column;justify-content:space-between}.mood img{height:114px;max-width:100%;object-fit:contain;mix-blend-mode:screen}.mood span{font-size:12px;color:var(--peach);font-weight:800}.mood:nth-child(2){background:radial-gradient(circle,#d68e9a73,#57354f)}.mood:nth-child(3){background:radial-gradient(circle,#e4b79a50,#4f2855)}.mood:nth-child(4){background:radial-gradient(circle,#8b6cb15c,#322241)}.mood:nth-child(5){background:radial-gradient(circle,#d6a1af50,#443352)}.mood:nth-child(6){background:radial-gradient(circle,#a27a9640,#2a2039)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.giftbox{border-radius:32px;padding:36px;background:radial-gradient(ellipse at top,#8d4d7e,#402548 68%,#2b1936);border:1px solid #ffd88966;box-shadow:0 26px 50px #0004;text-align:center;min-height:435px;display:flex;flex-direction:column;align-items:center;justify-content:center}.giftbox img{width:190px}.script{font-family:Caveat,cursive;font-size:33px;line-height:1.2;color:var(--gold);margin:8px}.benefits{padding:0;margin:20px 0;list-style:none}.benefits li{border-bottom:1px solid #ffffff2a;padding:13px 0}.benefits strong{color:var(--gold)}.banner{padding:24px 0;background:#482a51;text-align:center;color:var(--gold);font-size:13px}.footer{padding:50px 0;background:#1a0e24;border-top:1px solid #ffffff1a}.footrow{display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap}.footer p{font-size:12px;color:#d6bdd4;max-width:400px}.status-note{padding:8px 13px;border-radius:100px;border:1px solid #ffe0c499;background:#ffffff11;font-size:12px;color:var(--peach)}
/* Private gift shell */
.private-view{min-height:calc(100vh - 130px);padding:50px 22px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#664064,#24152f 67%)}.gift-panel{width:min(650px,100%);text-align:center;border-radius:30px;padding:45px 32px;background:linear-gradient(160deg,#5f3560,#392141);border:1px solid #ffe0c257;box-shadow:0 20px 80px #0005}.gift-panel h1{font-size:clamp(32px,5vw,52px);line-height:1.18;margin:18px 0}.gift-panel img.mascot{width:220px;mix-blend-mode:screen}.gift-panel p{color:#eddee8}.pinrow{display:flex;justify-content:center;gap:10px;margin:24px auto}.pinrow input{font-size:26px;letter-spacing:.24em;text-align:center;width:min(230px,100%);padding:12px;background:#fff9f3;border:0;border-radius:14px;color:#2c1c35}.error{color:#ffd889;font-size:13px;min-height:1.5em}.hidden{display:none!important}.gift-content{max-width:950px;margin:auto;padding:30px 22px 70px}.gift-cover{width:270px;aspect-ratio:1;object-fit:cover;border-radius:22px;box-shadow:0 25px 45px #0005}.gifttop{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:48px;margin:30px 0 60px}.gifttop h1{font-size:clamp(32px,4vw,55px);margin:8px 0}.gifttop p{color:#d9c1d2}.player{width:100%;margin:22px 0 0}audio{width:100%;accent-color:#ffd889}.letter{padding:28px;border:1px solid #edc9ba55;background:#ffffff0a;border-radius:22px;white-space:pre-line;font-size:17px;line-height:1.85}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.photo-grid img{width:100%;height:230px;object-fit:cover;border-radius:14px}.lyrics{white-space:pre-line;line-height:2;font-size:17px;text-align:center;margin:15px auto 35px}.karaoke-line{padding:6px 12px;border-radius:8px;display:block;opacity:.55;transition:.18s}.karaoke-line.active{opacity:1;color:var(--night);background:var(--gold);font-weight:750}.private-action{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
/* Studio */
.studio-main{max-width:1000px;margin:55px auto 85px;padding:0 22px}.studio-main h1{font-size:42px}.form-panel{border:1px solid #ffffff30;border-radius:23px;padding:25px;margin:22px 0;background:#ffffff0a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.form-panel label{display:flex;flex-direction:column;gap:7px;color:#fce7ef;font-size:13px}.form-grid label.full{grid-column:1/-1}.form-panel input,.form-panel textarea,.form-panel select{width:100%;background:#fff9f4;color:#2d1b34;border-radius:10px;padding:11px 13px;border:1px solid #f5c4cd}.form-panel textarea{min-height:115px;resize:vertical}.form-panel .btn{margin-top:18px}.msg{padding:14px;border:1px solid #ffd88960;border-radius:12px;background:#ffffff12;margin-top:15px;white-space:pre-wrap;font-size:13px}.studio-list{display:grid;gap:10px}.studio-list-item{border:1px solid #ffffff2c;border-radius:14px;padding:18px;display:flex;justify-content:space-between;gap:10px}.studio-list-item small{color:#f3c8d7}
@media(max-width:900px){.navlinks{display:none}.herogrid,.twocol{grid-template-columns:1fr}.hero{min-height:auto}.herogrid{padding:58px 0}.hero h1{font-size:51px}.heroart{min-height:315px}.heroart .aura{width:310px}.heroart img{width:295px}.grid3{grid-template-columns:1fr 1fr}.mood-grid{grid-template-columns:repeat(3,1fr)}.gifttop{grid-template-columns:1fr;gap:18px}.gift-cover{max-width:240px}.gift-panel{padding:30px 21px}}
@media(max-width:560px){.wrapper{width:min(100% - 30px,1140px)}.brand{width:142px}.nav{height:66px}.nav>.btn{font-size:11px;padding:9px 11px}.hero h1{font-size:42px}.hero .intro{font-size:15px}.heroart{min-height:275px}.section{padding:62px 0}.grid3{grid-template-columns:1fr}.mood-grid{grid-template-columns:repeat(2,1fr)}.twocol{gap:24px}.giftbox{min-height:365px}.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-grid img{height:160px}.form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.header,.footer,.private-action,button,.player{display:none!important}.letter,.lyrics{color:#22172c!important}.gift-content{color:#22172c!important}.gift-cover{width:140px}body{background:white;color:black}}

/* One prominent, accessible audio download action. */
.download-cta{background:var(--peach,#F6C5A9);color:#24152F;border:1px solid rgba(255,255,255,.25);font-weight:800;box-shadow:0 12px 30px rgba(246,197,169,.18)}
.download-cta:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}
.download-cta:disabled{opacity:.75;cursor:progress;transform:none}
.download-feedback{margin-top:14px;padding:12px 16px;border:1px solid #ffd88975;border-radius:12px;background:#ffffff0a;color:#fff1ea;font-size:14px}
.download-feedback a{color:#FFD889;text-decoration:underline;text-underline-offset:3px;font-weight:800}


/* Gift footer v0.7 → clear download guidance and discreet brand CTA. */
.private-action{align-items:flex-start;gap:18px}
.download-block{flex:1 0 100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.download-block .download-cta{min-height:54px;padding:14px 26px;font-size:16px}
.download-block .download-feedback{max-width:750px;margin:0}
.download-tips{max-width:750px;margin:2px 0 0;padding:8px 0 8px 16px;border-left:2px solid #F6C5A980;color:#ddc8d6;font-size:11.5px;line-height:1.65}
.download-tips p{margin:5px 0}
.download-tips strong{font-weight:800;color:#fff1ea}
.download-tips-extra{color:#bda7bc;font-size:11px}
.gift-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;width:100%}
.gift-private-note{margin:27px 0 0}
.gift-order-banner{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:26px;align-items:center;overflow:hidden;padding:34px 32px;margin:68px 0 0;border-radius:28px;border:1px solid #ffd88970;background:radial-gradient(circle at 15% 55%,#654063a8 0%,#402847 43%,#301d3d 100%);box-shadow:0 20px 52px #160c2266}
.gift-order-banner:before{content:'♡';position:absolute;right:25px;top:3px;color:#ffd88925;font:120px/1 Caveat,serif;pointer-events:none}
.gift-order-murash{width:180px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 10px 22px #ffd88926)}
.gift-order-copy{position:relative;z-index:1}
.gift-order-copy .eyebrow{margin:0;color:var(--gold)}
.gift-order-copy h2{font-size:clamp(24px,3.2vw,35px);line-height:1.2;letter-spacing:-.03em;margin:9px 0 12px}
.gift-order-copy>p:not(.eyebrow){color:#e8cfe0;max-width:600px;margin:0 0 18px;font-size:14px;line-height:1.7}
.gift-order-copy .gift-order-button{padding:13px 24px;font-size:14px;max-width:100%;text-align:center}
.gift-order-copy .gift-order-fallback{font-size:11px!important;color:#d7bfd1!important;line-height:1.55!important;margin:12px 0 0!important}
.gift-order-fallback a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.gift-order-fallback a:hover{color:#fff1ea}
@media(max-width:700px){.gift-order-banner{grid-template-columns:110px 1fr;gap:14px;padding:25px 19px;margin-top:50px}.gift-order-murash{width:110px}.gift-order-copy h2{font-size:clamp(23px,5.5vw,29px)}.gift-order-copy>p:not(.eyebrow){font-size:12.5px}}
@media(max-width:540px){.download-block .download-cta{width:100%;font-size:14px;padding:14px 12px}.download-tips{font-size:11px}.gift-tools>.btn{width:100%}.gift-order-banner{display:flex;flex-direction:column;text-align:center;gap:12px;padding:24px 18px}.gift-order-murash{width:114px}.gift-order-copy h2{font-size:26px}.gift-order-copy .gift-order-button{width:100%;font-size:13px}.gift-order-copy .gift-order-fallback{font-size:11px!important}}
@media print{.gift-order-banner,.download-tips,.download-feedback,.gift-private-note{display:none!important}}

/* Premium Gift Experience v0.9: mascot remains an unchanged brand source image. */
.surprise-scene{position:relative;min-height:calc(100vh - 86px);display:grid;place-items:center;overflow:hidden;text-align:center;padding:36px 18px 62px;background:radial-gradient(ellipse at 50% 40%,#65405d 0%,#33203e 48%,#24152f 83%)}
.surprise-scene::before,.surprise-scene::after{content:'✦';position:absolute;pointer-events:none;color:#ffd88940;font-size:clamp(65px,12vw,160px);left:6%;top:13%;animation:softPulse 5s ease-in-out infinite}
.surprise-scene::after{content:'♡';left:auto;top:auto;right:7%;bottom:15%;animation-delay:1s}
@keyframes softPulse{50%{opacity:.35;transform:scale(1.07)}}
.surprise-inner{position:relative;z-index:1;max-width:680px}.surprise-murash{display:block;margin:7px auto 0;width:min(265px,62vw);height:auto;object-fit:contain;filter:drop-shadow(0 10px 40px #e7a6ac88)}
.surprise-inner h1{font-size:clamp(32px,6vw,61px);line-height:1.15;letter-spacing:-.045em;margin:15px 0}.surprise-copy{color:#e1cfdf;line-height:1.8;max-width:480px;margin:15px auto 25px}.surprise-start{font-size:17px;padding:17px 29px;box-shadow:0 9px 32px #ffd88930}
.voice-section{margin:15px 0 45px;border:1px solid #ffd88970;background:linear-gradient(130deg,#56315c,#3c2847);border-radius:26px;padding:26px;display:grid;grid-template-columns:60px 1fr;gap:17px;align-items:start}
.voice-section h2{font-size:clamp(23px,4vw,32px);margin:0 0 8px}.voice-section p:not(.eyebrow){color:#e6d1e0}.voice-icon{display:grid;place-items:center;border-radius:20px;background:#ffd88918;width:55px;height:55px;font-size:33px;color:#ffd889}.voice-skip{border:0;background:transparent;color:#ffd889;font-weight:800;text-decoration:underline;margin:12px 0 0;padding:7px 0}.voice-body audio{display:block;margin-top:17px;max-width:100%}
.photo-story{margin:32px 0 50px}.story-top{display:flex;align-items:end;justify-content:space-between;gap:12px}.story-top h2{font-size:clamp(25px,4vw,39px);margin:2px 0 16px}
.story-stage{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/10;background:#392640;display:grid;place-items:center;border:1px solid #ffd88940;box-shadow:0 18px 55px #0005}
.story-stage>img{max-width:100%;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.story-stage::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,#76507280,#24152f)}.story-shade{position:absolute;inset:auto 0 0;height:22%;z-index:2;background:linear-gradient(transparent,#24152f50);pointer-events:none}
.story-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:15px 0}.story-controls .btn{min-width:54px}.story-controls p{max-width:440px;text-align:center;margin:0}.photo-thumbs{display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;max-width:100%;padding:4px 0 10px}.photo-thumbs .story-thumb{width:82px;height:72px;border:2px solid transparent;border-radius:12px;overflow:hidden;flex:0 0 auto;padding:0;background:#321e3b;scroll-snap-align:center}.photo-thumbs .story-thumb.selected{border-color:var(--gold)}.photo-thumbs .story-thumb img{width:100%;height:100%;object-fit:cover;border-radius:0}
@media(max-width:650px){.surprise-scene{min-height:calc(100svh - 66px)}.voice-section{grid-template-columns:1fr;padding:20px}.voice-icon{width:49px;height:49px}.story-stage{aspect-ratio:4/5;max-height:65svh}.story-controls p{font-size:11px}.photo-thumbs .story-thumb{width:65px;height:62px}}
@media(prefers-reduced-motion:reduce){.surprise-scene::before,.surprise-scene::after{animation:none}}

/* Private inquiries list */
.studio-inquiry-top{display:flex;gap:16px;align-items:center;justify-content:space-between}.studio-inquiries{display:grid;gap:10px}.inquiry-item{border-radius:14px;background:#ffffff0d;border:1px solid #ffffff33;padding:13px}.inquiry-item summary{cursor:pointer;font-size:13px;font-weight:800;color:#ffd889}.inquiry-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Manrope,sans-serif;color:#fff1ea;background:#24152f;border-radius:10px;padding:18px;margin:15px 0 0}.gift-anketa-link{font-size:13px;font-weight:800;color:#ffd889;text-decoration:underline;text-underline-offset:4px}