:root{--gift-red:#d83b5c;--gift-red-dark:#af2444;--gift-pink:#fff0f4;--gift-cream:#fffaf1;--gift-yellow:#ffd766;--gift-purple:#7450d8;--gift-ink:#382d36;--gift-muted:#766771;--gift-line:#f0ccd7;--gift-white:#fff}.giftPage{background:var(--gift-cream);min-height:100svh;color:var(--gift-ink);font-family:var(--font-sans),Arial,sans-serif;overflow:hidden}.giftPage audio{display:none}.giftTopbar{z-index:10;width:100%;height:72px;color:var(--gift-ink);justify-content:space-between;align-items:center;padding:0 clamp(18px,5vw,68px);display:flex;position:absolute;top:0;left:0}.giftBrand{align-items:center;gap:10px;font-size:17px;font-weight:850;display:flex}.giftBrand>span{background:linear-gradient(145deg,var(--gift-purple),#9a70ff);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:20px;display:grid;box-shadow:0 5px 13px #7450d844}.giftTopbarNote{color:var(--gift-red-dark);background:#ffffffb8;border-radius:999px;padding:7px 13px;font-size:11px;font-weight:800}.giftReveal{background:radial-gradient(circle at 12% 14%,#fff 0 3px,#0000 4px),radial-gradient(circle at 87% 19%,#fff 0 4px,#0000 5px),radial-gradient(circle at 75% 76%,#ffd964 0 5px,#0000 6px),linear-gradient(145deg,#fff5f7 0%,#ffdce8 47%,#f7d9ff 100%);place-items:center;min-height:100svh;padding:100px 20px 55px;display:grid;position:relative}.giftReveal:before{content:"";background:var(--gift-cream);border-radius:50% 50% 0 0/45% 45% 0 0;height:150px;position:absolute;bottom:-78px;left:-8%;right:-8%}.giftRevealHalo{aspect-ratio:1;filter:blur(.1px);background:#ffffff54;border-radius:50%;width:min(600px,92vw);position:absolute;box-shadow:0 0 0 22px #ffffff25,0 0 0 48px #ffffff1c}.giftConfetti{pointer-events:none;position:absolute;inset:80px 7%}.giftConfetti span{color:var(--gift-red);filter:drop-shadow(0 3px 2px #ab31552a);font-size:clamp(18px,3vw,31px);animation:4s ease-in-out infinite giftFloat;position:absolute}.giftConfetti span:first-child{top:18%;left:4%;transform:rotate(-18deg)}.giftConfetti span:nth-child(2){color:var(--gift-purple);animation-delay:.7s;top:11%;right:8%}.giftConfetti span:nth-child(3){color:#e6a719;animation-delay:1.1s;bottom:12%;left:14%}.giftConfetti span:nth-child(4){color:var(--gift-purple);animation-delay:.3s;bottom:17%;right:12%}.giftConfetti span:nth-child(5){font-size:18px;animation-delay:1.5s;top:37%;right:24%}.giftConfetti span:nth-child(6){color:#e4a10e;animation-delay:1.9s;top:30%;left:25%}.giftRevealCopy{z-index:2;text-align:center;max-width:760px;position:relative}.giftPresent{background:linear-gradient(145deg,var(--gift-red),#f06483);color:#fff;border-radius:8px 8px 14px 14px;place-items:center;width:92px;height:78px;margin:0 auto 25px;font-size:34px;display:grid;position:relative;box-shadow:0 14px 28px #b32a4d38}.giftPresent:before{content:"";background:var(--gift-red-dark);border-radius:7px;width:108px;height:19px;position:absolute;top:-9px;left:-8px}.giftPresent:after{content:"";background:var(--gift-yellow);width:15px;height:87px;position:absolute;top:-9px}.giftPresent span{z-index:2;position:relative}.giftEyebrow{color:var(--gift-red-dark);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:900}.giftReveal h1{letter-spacing:-.05em;color:#442a3c;text-shadow:0 3px #fff;margin:0;font-size:clamp(48px,8vw,89px);font-weight:900;line-height:.98}.giftReveal h1 em{color:var(--gift-red);font-family:var(--font-serif),Georgia,serif;letter-spacing:-.035em;margin-top:7px;font-size:.75em;font-weight:700;display:inline-block}.giftRevealLead{color:#654858;max-width:590px;margin:22px auto 0;font-size:clamp(18px,2.5vw,23px);font-weight:650;line-height:1.45}.giftReveal blockquote{color:#705968;background:#ffffff85;border-radius:14px;max-width:610px;margin:21px auto 13px;padding:14px 20px;font-size:14px;line-height:1.65}.giftSender{color:#5f4151;margin:0 0 25px;font-size:13px;font-weight:850}.giftRevealButton{background:linear-gradient(180deg,#e54e70,var(--gift-red-dark));color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:60px;padding:0 27px;font-size:16px;font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 8px #8d1e38,0 16px 29px #a6264944}.giftRevealButton:hover{transform:translateY(-2px);box-shadow:0 10px #8d1e38,0 19px 32px #a6264944}.giftRevealButton:active{transform:translateY(5px);box-shadow:0 3px #8d1e38}.giftRevealButton span{margin-right:8px}.giftRevealCopy>small{color:#725967;margin-top:18px;font-size:11px;font-weight:650;display:block}.isRevealed .giftReveal{min-height:365px;padding:92px 20px 75px}.isRevealed .giftPresent{display:none}.isRevealed .giftRevealHalo{width:330px}.isRevealed .giftReveal h1{font-size:clamp(43px,6vw,66px)}.isRevealed .giftRevealLead{margin-top:14px;font-size:17px}.isRevealed .giftReveal blockquote{display:none}.isRevealed .giftSender{margin-bottom:0}.giftContents{opacity:1;visibility:visible;transition:opacity .45s}.giftContentsLocked{opacity:0;visibility:hidden;height:0;overflow:hidden}.giftPlayerSection{grid-template-columns:minmax(280px,430px) 1fr;align-items:center;gap:clamp(45px,8vw,90px);max-width:1080px;margin:0 auto;padding:92px 26px 105px;display:grid;position:relative}.giftPlayerSection:before{content:"TVOJA PESEM JE PRIPRAVLJENA!";white-space:nowrap;color:var(--gift-purple);letter-spacing:.12em;font-size:11px;font-weight:900;position:absolute;top:29px;left:50%;transform:translate(-50%)}.giftArtwork{aspect-ratio:1;background:linear-gradient(145deg,#ee6280,#9c5ae6);border:8px solid #fff;border-radius:28px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 44px #75405a35}.giftArtwork:before,.giftArtwork:after{content:"♥";color:#ffffff26;font-size:180px;position:absolute;bottom:-62px;left:-26px;transform:rotate(-16deg)}.giftArtwork:after{font-size:100px;inset:-22px -16px auto auto;transform:rotate(16deg)}.giftArtworkGlow{aspect-ratio:1;background:#fff3;border-radius:50%;width:73%;position:absolute;box-shadow:0 0 0 18px #fff1,0 0 0 36px #fff1}.giftRecord{z-index:2;aspect-ratio:1;background:#fff;border:9px solid #ffdae4;border-radius:50%;place-items:center;width:54%;display:grid;position:relative;box-shadow:0 12px 35px #77345566}.giftRecord i{aspect-ratio:1;background:linear-gradient(145deg,var(--gift-yellow),#ffb84d);width:50%;color:var(--gift-red-dark);border-radius:50%;place-items:center;font-size:40px;font-style:normal;display:grid}.giftArtwork.isPlaying .giftRecord{animation:1.3s ease-in-out infinite giftPulse}.giftArtwork strong{z-index:3;color:var(--gift-red-dark);letter-spacing:.1em;background:#fff;border-radius:999px;padding:8px 12px;font-size:9px;position:absolute;bottom:22px;box-shadow:0 5px 15px #65334c33}.giftPlayerCopy h2,.giftMemories h2,.giftSaveCard h2{letter-spacing:-.045em;color:#46313d;margin:0;font-size:clamp(42px,5vw,62px);font-weight:900;line-height:1.02}.giftPlayerCopy h2{color:var(--gift-red-dark)}.giftPlayerMeta{color:var(--gift-muted);margin:17px 0 29px;font-size:16px;line-height:1.6}.giftControls{border:1px solid var(--gift-line);background:#fff;border-radius:18px;align-items:center;gap:16px;padding:14px 17px 12px;display:flex;box-shadow:0 8px 22px #a94d6917}.giftPlayButton{background:linear-gradient(145deg,var(--gift-red),var(--gift-red-dark));color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;font-size:18px;display:grid;box-shadow:0 7px 14px #8c203d3e}.giftPlayButton span{transform:translate(1px)}.giftTimeline{flex:1}.giftTimeline input{--gift-progress:0%;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--gift-red) var(--gift-progress),#f0d9df var(--gift-progress));cursor:pointer;border-radius:99px;width:100%;height:8px;margin:0}.giftTimeline input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--gift-purple);width:18px;height:18px;box-shadow:0 0 0 1px var(--gift-purple);border:3px solid #fff;border-radius:50%}.giftTimeline input::-moz-range-thumb{background:var(--gift-purple);border:3px solid #fff;border-radius:50%;width:12px;height:12px}.giftTimeline>div{color:var(--gift-muted);justify-content:space-between;margin-top:7px;font-size:10px;font-weight:700;display:flex}.giftAudioError,.giftShareMessage{color:var(--gift-red-dark);font-size:12px;font-weight:700;line-height:1.5}.giftClosing{color:#fff;text-align:center;background:linear-gradient(145deg,#6f48ce,#8c5ee8);padding:82px max(24px,50vw - 380px);position:relative;overflow:hidden}.giftClosing:before,.giftClosing:after{content:"♥";color:#ffffff0e;font-size:250px;position:absolute;top:-70px;left:-50px;transform:rotate(-20deg)}.giftClosing:after{inset:auto -40px -110px auto;transform:rotate(18deg)}.giftClosing>span{z-index:1;margin-bottom:10px;font-size:47px;display:block;position:relative}.giftClosing b{z-index:1;letter-spacing:.16em;text-transform:uppercase;color:#ffe377;font-size:11px;position:relative}.giftClosing p{z-index:1;font-family:var(--font-serif),Georgia,serif;margin:20px 0;font-size:clamp(27px,4vw,41px);font-style:italic;font-weight:600;line-height:1.4;position:relative}.giftClosing small{z-index:1;color:#f3eaff;font-size:13px;font-weight:750;position:relative}.giftMemories{text-align:center;max-width:1100px;margin:0 auto;padding:95px 25px}.giftMemories h2{max-width:680px;margin:0 auto}.giftMemoryGrid{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:39px;display:grid}.giftMemoryGrid article{background:linear-gradient(#fff,#fff6f8);border:2px solid #f4cfd9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:170px;padding:27px 22px;display:flex;box-shadow:0 9px 24px #a8436012}.giftMemoryGrid span{width:42px;height:42px;color:var(--gift-red);background:#ffe2ea;border-radius:50%;place-items:center;font-size:21px;display:grid}.giftMemoryGrid p{margin:17px 0 0;font-size:15px;font-weight:750;line-height:1.5}.giftExtras{border-top:1px solid var(--gift-line);background:linear-gradient(#fff7f9,#fffaf1);padding:0 20px}.giftLyrics{border-bottom:2px dashed #edc5d0;max-width:800px;margin:0 auto}.giftLyrics summary{color:#553846;cursor:pointer;justify-content:space-between;align-items:center;min-height:82px;padding:0 8px;font-weight:850;list-style:none;display:flex}.giftLyrics summary::-webkit-details-marker{display:none}.giftMore summary::-webkit-details-marker{display:none}.giftLyrics summary i{width:30px;height:30px;color:var(--gift-red);background:#ffe0e8;border-radius:50%;place-items:center;font-size:22px;font-style:normal;font-weight:500;transition:transform .2s;display:grid}.giftLyrics[open] summary i{transform:rotate(45deg)}.giftLyrics>div{color:var(--gift-muted);font-family:var(--font-serif),Georgia,serif;padding:0 8px 40px;font-size:17px;line-height:1.25}.giftLyrics>div p{min-height:1.35em;margin:0}.giftSaveCard{text-align:center;max-width:800px;margin:0 auto;padding:75px 8px 90px}.giftSaveIcon{margin-bottom:10px;font-size:51px}.giftSaveCard h2{color:var(--gift-red-dark)}.giftSaveLead{max-width:570px;color:var(--gift-muted);margin:16px auto 0;line-height:1.6}.giftActions{justify-content:center;gap:12px;margin:29px 0 18px;display:flex}.giftActions a,.giftActions button{border:2px solid var(--gift-red);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:55px;padding:0 22px;font-weight:850;display:inline-flex}.giftActions a{background:linear-gradient(180deg,#e85070,var(--gift-red-dark));border-color:var(--gift-red-dark);color:#fff;box-shadow:0 6px #891c35}.giftActions button{color:var(--gift-red-dark);background:#fff}.giftPrivacyNote{max-width:520px;color:var(--gift-muted);margin:18px auto;font-size:11px;line-height:1.55}.giftMore{margin-top:19px}.giftMore summary{color:var(--gift-purple);text-underline-offset:4px;cursor:pointer;font-size:12px;font-weight:800;text-decoration:underline;display:inline-block}.giftQr{margin-top:20px}.giftQr img{border:1px solid var(--gift-line);background:#fff;width:150px;height:150px;padding:7px}.giftQr p{color:var(--gift-muted);margin:8px 0;font-size:11px}.giftOwnCta{text-align:center;color:#4c3529;background:linear-gradient(145deg,#ffe071,#ffc550);padding:60px 24px}.giftOwnCta>span{font-size:32px}.giftOwnCta p{margin:9px 0 20px;font-size:clamp(22px,3vw,30px);font-weight:900}.giftOwnCta a{background:var(--gift-red-dark);color:#fff;border-radius:999px;padding:14px 22px;font-size:13px;font-weight:900;display:inline-block;box-shadow:0 5px #77152d}.giftFooter{color:#fff;background:#493542;justify-content:space-between;align-items:center;padding:28px clamp(20px,5vw,68px);display:flex}.giftFooter span{font-size:14px;font-weight:900}.giftFooter small{color:#dbcbd5;font-size:11px}.giftMissing{background:var(--gift-pink);text-align:center;align-content:center;place-items:center;min-height:100svh;padding:25px;display:grid}.giftMissing>span{color:var(--gift-red);font-size:50px}.giftMissing h1{margin:15px;font-size:43px;font-weight:900}.giftMissing p{max-width:520px;color:var(--gift-muted);line-height:1.7}.giftMissing a{background:var(--gift-red-dark);color:#fff;border-radius:999px;margin-top:15px;padding:14px 20px;font-weight:800}:is(.giftPage button:focus-visible,.giftPage a:focus-visible,.giftPage summary:focus-visible,.giftPage input:focus-visible){outline:4px solid var(--gift-yellow);outline-offset:4px}@keyframes giftFloat{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-12px)rotate(8deg)}}@keyframes giftPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media (max-width:720px){.giftTopbar{height:65px;padding:0 16px}.giftTopbarNote{display:none}.giftReveal{padding:86px 18px 69px}.giftReveal:before{height:100px;bottom:-55px}.giftRevealHalo{width:96vw}.giftConfetti{inset:70px 2% 60px}.giftConfetti span:nth-child(5),.giftConfetti span:nth-child(6){display:none}.giftPresent{width:73px;height:64px;margin-bottom:20px}.giftPresent:before{width:87px}.giftPresent:after{height:73px}.giftReveal h1{font-size:clamp(43px,13vw,62px);line-height:1}.giftReveal h1 em{font-size:.73em}.giftRevealLead{font-size:17px}.giftReveal blockquote{padding:12px 14px;font-size:13px}.giftRevealButton{width:100%;min-height:59px;padding:0 15px}.isRevealed .giftReveal{min-height:300px;padding:80px 18px 61px}.isRevealed .giftRevealLead{display:none}.giftPlayerSection{grid-template-columns:1fr;gap:34px;padding:76px 20px 72px}.giftPlayerSection:before{font-size:9px;top:28px}.giftArtwork{border-width:6px;border-radius:24px;width:min(79vw,310px);margin:auto}.giftPlayerCopy{text-align:center}.giftPlayerCopy h2{font-size:46px}.giftControls{text-align:left;padding:12px}.giftPlayButton{width:55px;height:55px}.giftClosing{padding:65px 22px}.giftMemories{padding:75px 18px}.giftMemories h2{font-size:38px}.giftMemoryGrid{grid-template-columns:1fr;gap:11px}.giftMemoryGrid article{min-height:122px}.giftExtras{padding:0 18px}.giftLyrics summary{min-height:76px}.giftSaveCard{padding:65px 0 75px}.giftSaveCard h2{font-size:41px}.giftActions{flex-direction:column}.giftActions a,.giftActions button{width:100%;min-height:55px}.giftOwnCta{padding:52px 20px}.giftFooter{text-align:center;flex-direction:column;gap:8px}}.giftConfetti{opacity:0}.giftConfetti span{animation:none}.giftReveal h1{text-wrap:balance;max-width:780px;margin-inline:auto;font-size:clamp(45px,7.2vw,82px);line-height:1.02}.giftRevealLead{max-width:620px;margin:22px auto 26px;font-size:clamp(17px,2.3vw,21px);line-height:1.5}.giftPhotoSurprise{z-index:4;aspect-ratio:4/5;opacity:0;pointer-events:none;background:#fff;border:8px solid #fff;border-radius:24px;width:min(72vw,360px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-44%)scale(.78)rotate(-2deg);box-shadow:0 28px 65px #75345155}.giftPhotoSurprise img{object-fit:cover;width:100%;height:100%}.giftPhotoSurprise span{width:max-content;max-width:90%;color:var(--gift-red-dark);letter-spacing:.08em;text-transform:uppercase;background:#fff;border-radius:999px;padding:8px 13px;font-size:10px;font-weight:900;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.isOpening .giftRevealCopy{animation:.72s both giftCopyAway}.isOpening .giftPresent{animation:.55s both giftOpenBox}.isOpening .giftConfetti{opacity:1}.isOpening .giftConfetti span{animation:.72s cubic-bezier(.15,.8,.25,1) both giftBurst}.isOpening .giftConfetti span:nth-child(2){animation-delay:80ms}.isOpening .giftConfetti span:nth-child(3){animation-delay:.16s}.isOpening .giftConfetti span:nth-child(4){animation-delay:.24s}.isOpening .giftConfetti span:nth-child(5){animation-delay:.32s}.isOpening .giftConfetti span:nth-child(6){animation-delay:.4s}.isOpening .giftPhotoSurprise{animation:.74s cubic-bezier(.17,.86,.31,1) 80ms both giftPhotoReveal}.isOpening .giftRevealButton{pointer-events:none}.giftPhotoCover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.giftPhotoShade{z-index:1;background:linear-gradient(#0000 34%,#53223eb8 100%);position:absolute;inset:0}.giftPhotoTitle{z-index:2;color:#fff;text-align:left;text-shadow:0 2px 9px #30121e;position:absolute;bottom:63px;left:28px;right:28px}.giftPhotoTitle b{font-size:clamp(28px,4vw,46px);font-weight:900;line-height:1;display:block}.giftPhotoTitle small{margin-top:7px;font-size:14px;font-weight:750;display:block}.giftArtwork.isPlaying{animation:1.8s ease-in-out infinite giftCoverPulse}.giftPlayerMeta{margin-bottom:15px}.giftDedication{border-left:4px solid var(--gift-red);color:#674f5c;background:#fff3f6;border-radius:0 12px 12px 0;margin:0 0 25px;padding:14px 17px;font-size:13px;line-height:1.6}.giftMemoryGrid article{opacity:0;animation:giftMemoryIn .5s var(--memory-delay,0s) ease forwards}.songEnded .giftSaveCard{animation:1s giftFinishGlow}@keyframes giftOpenBox{0%{transform:translateY(0)scale(1)}55%{transform:translateY(-18px)scale(1.08)rotate(-3deg)}to{opacity:0;transform:translateY(-95px)scale(.6)}}@keyframes giftCopyAway{0%,35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes giftBurst{0%{opacity:0;transform:translateY(18px)scale(.3)rotate(-15deg)}32%{opacity:1}to{opacity:0;transform:translateY(-45px)scale(1.35)rotate(18deg)}}@keyframes giftPhotoReveal{0%{opacity:0;transform:translate(-50%,-40%)scale(.74)rotate(-5deg)}35%,82%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(1deg)}to{opacity:0;transform:translate(-50%,-53%)scale(1.04)rotate(0)}}@keyframes giftCoverPulse{0%,to{filter:none;transform:scale(1)}50%{filter:drop-shadow(0 0 16px #ee658055);transform:scale(1.018)}}@keyframes giftMemoryIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes giftFinishGlow{0%,to{filter:none;transform:scale(1)}45%{filter:drop-shadow(0 0 22px #f4ad45);transform:scale(1.015)}}@media (max-width:720px){.giftReveal{min-height:100svh;padding:78px 18px 35px}.giftPresent{width:68px;height:58px;margin-bottom:17px}.giftPresent:before{width:82px}.giftPresent:after{height:67px}.giftReveal h1{font-size:clamp(36px,11vw,53px);line-height:1.02}.giftRevealLead{margin:16px auto 20px;font-size:15px;line-height:1.45}.giftRevealButton{width:100%;min-height:58px;padding:0 13px}.giftRevealCopy>small{margin-top:15px}.giftPhotoSurprise{border-width:6px;width:min(76vw,310px)}.isRevealed .giftReveal{min-height:265px;padding:75px 18px 53px}.isRevealed .giftRevealLead{display:none}.giftArtwork{width:min(82vw,320px)}.giftPhotoTitle{bottom:56px;left:22px;right:22px}.giftDedication{text-align:left}}@media (prefers-reduced-motion:reduce){.giftPage *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}