.surprise-studio{--studio-ink:#a84763;--studio-paper:#fff7f5;--studio-envelope:#e8b8bd;--studio-accent:color-mix(in srgb, var(--studio-ink) 60%, var(--foreground));--studio-tint:color-mix(in srgb, var(--studio-ink) 9%, var(--card));color:var(--foreground)}.surprise-studio button,.surprise-studio input,.surprise-studio textarea{-webkit-tap-highlight-color:transparent}.surprise-studio :is(button,a,input,textarea,summary):focus-visible{outline:3px solid var(--studio-accent);outline-offset:4px}.surprise-studio button{cursor:pointer}:is(:lang(ar),:lang(ur),:lang(fa),:lang(hi),:lang(bn),:lang(th)) :is(.studio-eyebrow,.studio-step-heading,[class*=tracking-]){letter-spacing:normal}.surprise-studio :is(button,summary){overflow-wrap:anywhere}.surprise-studio button:disabled{cursor:wait;opacity:.65}.surprise-studio input,.surprise-studio textarea{background:var(--background);border:1px solid var(--border);color:var(--foreground);box-shadow:none;border-radius:14px;font-size:16px}.surprise-studio input::placeholder,.surprise-studio textarea::placeholder{color:var(--muted-foreground)}.studio-shell{width:100%;min-width:0;margin:auto}.studio-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--studio-accent);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.studio-panel{background:var(--card);border:1px solid var(--border);border-radius:24px;min-width:0;box-shadow:0 8px 40px #59314005}.studio-step-heading{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400}.studio-muted{color:var(--muted-foreground);font-size:13px;line-height:1.7}.studio-compact-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-option{border:1px solid var(--border);background:var(--card);border-radius:15px;transition:background .2s,border-color .2s,box-shadow .2s}.studio-option[aria-pressed=true]{border-color:var(--studio-accent);background:var(--studio-tint);box-shadow:0 0 0 1px var(--studio-ink)}.studio-primary{background:var(--studio-ink);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 23px;font-size:14px;font-weight:600;transition:filter .2s,transform .2s;display:inline-flex}.studio-primary:hover{filter:brightness(1.08)}.studio-primary:active{transform:scale(.98)}.studio-secondary{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--foreground);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex}.studio-preview{background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--studio-ink) 7%, transparent), transparent 65%), var(--card)}.studio-preview-dots{background-image:radial-gradient(color-mix(in srgb, var(--foreground) 14%, transparent) .7px, transparent .7px);background-size:18px 18px}.studio-step{min-height:52px;color:var(--muted-foreground);border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.studio-step[aria-current=step]{color:var(--studio-accent);border-color:var(--studio-accent)}.studio-step-number{background:var(--muted);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.studio-step[aria-current=step] .studio-step-number{background:var(--studio-ink);color:#fff}.studio-field-label{margin-bottom:9px;font-size:13px;font-weight:600;display:block}.studio-detail{border:1px solid var(--border);border-radius:16px;padding:16px}.studio-detail summary{cursor:pointer;align-items:center;gap:12px;min-height:28px;font-size:14px;font-weight:600;list-style:none;display:flex}.studio-detail summary::-webkit-details-marker{display:none}.studio-detail summary:after{content:"+";color:var(--studio-accent);margin-left:auto;font-size:20px;font-weight:400}.studio-detail[open] summary:after{content:"−"}.studio-detail[open] summary{margin-bottom:16px}.surprise-gift-shadow{filter:blur(12px);background:#160d263d;border-radius:50%;width:76%;height:20px;position:absolute;bottom:0;left:12%}.surprise-gift-scene{isolation:isolate;width:280px;max-width:100%;height:260px;position:relative}.surprise-gift-well{background:linear-gradient(#201722, color-mix(in srgb, var(--gift-color) 55%, #30212b));clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);z-index:1;width:76%;height:22%;position:absolute;top:42%;left:12%}.surprise-gift-front{z-index:3;background:linear-gradient(110deg, color-mix(in srgb, var(--gift-color) 80%, white), var(--gift-color));border-radius:0 0 3px 4px;width:68%;height:35%;position:absolute;top:59%;left:12%;overflow:hidden;box-shadow:inset 0 1px #fff7,0 10px 20px #0002}.surprise-gift-side{background:color-mix(in srgb, var(--gift-color) 70%, #322a32);clip-path:polygon(0 33%,100% 0,100% 67%,0 100%);z-index:4;width:8%;height:52%;position:absolute;top:42%;left:80%}.surprise-gift-ribbon{background:linear-gradient(90deg, #0002, #fff3 20%, transparent 50%, #0002), var(--gift-ink);width:16%;position:absolute;top:0;bottom:0;left:42%;box-shadow:1px 0 2px #0002}.surprise-gift-paper-slot{z-index:2;position:absolute;inset:-140px 0 6%;overflow:hidden}.surprise-gift-card{width:46%;height:120px;color:var(--gift-ink);background:linear-gradient(120deg,#fffefa,#eee5d6);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;bottom:14px;left:25%;box-shadow:0 5px 15px #0003}.surprise-gift-card span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:italic 16px Georgia,serif;overflow:hidden}.surprise-gift-card i{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:11px Georgia,serif;overflow:hidden}.surprise-gift-lid{z-index:5;transform-origin:80% 70%;width:82%;height:28%;position:absolute;top:36%;left:9%}.surprise-gift-lid-top{background:linear-gradient(120deg, color-mix(in srgb, var(--gift-color) 70%, white), var(--gift-color));clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);position:absolute;inset:0 0 25%}.surprise-gift-lid-edge{background:var(--gift-color);height:26%;position:absolute;bottom:0;left:0;right:10%;box-shadow:0 5px 6px #0003,inset 0 1px #fff5}.surprise-gift-bow{width:43%;height:50%;position:absolute;top:-14%;left:29%}.surprise-gift-bow span{border:9px solid var(--gift-ink);border-radius:65% 65% 40% 70%;width:52%;height:100%;position:absolute;transform:rotate(20deg);box-shadow:inset 0 2px 2px #0003,0 2px 2px #0002}.surprise-gift-bow span:nth-child(2){right:0;transform:rotate(-20deg)}.surprise-gift-bow i{background:var(--gift-ink);border-radius:5px;width:20%;height:65%;position:absolute;top:35%;left:40%;box-shadow:inset 2px 1px 3px #fff3}.surprise-gift-scene.is-compact{width:64px;height:64px}.surprise-gift-scene.is-compact .surprise-gift-card{display:none}.surprise-gift-scene.is-compact .surprise-gift-bow span{border-width:3px}.surprise-scroll-scene{width:260px;max-width:100%;height:250px;position:relative}.surprise-scroll-paper{text-align:center;background:linear-gradient(90deg,#dfccaa,#fff8e8 12%,#fbf1dd 88%,#d4bd98);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px 20px;font:19px Georgia,serif;display:flex;position:absolute;inset:10px 20px;overflow:hidden}.surprise-scroll-paper span{overflow-wrap:anywhere;max-width:100%}.surprise-scroll-paper i,.surprise-scroll-paper small{font-size:12px}.surprise-scroll-roll{background:linear-gradient(#c7b08b,#fff7e3 35%,#e3cdab 78%,#ae9166);border-radius:10px;height:18px;margin-top:-9px;position:absolute;left:14px;right:14px;box-shadow:0 4px 7px #0002}.surprise-scroll-tie{border-radius:4px;width:26px;height:30%;position:absolute;top:35%;left:calc(50% - 13px);box-shadow:inset 3px 0 6px #fff4,2px 3px 5px #0003}.surprise-scroll-scene.is-compact{width:64px;height:64px}.surprise-scroll-scene.is-compact .surprise-scroll-paper{padding:0;inset:4px}.surprise-scroll-scene.is-compact .surprise-scroll-paper>*{visibility:hidden}.surprise-scroll-scene.is-compact .surprise-scroll-roll{height:8px;margin-top:-4px;left:3px;right:3px}.surprise-scroll-scene.is-compact .surprise-scroll-tie{width:8px;left:calc(50% - 4px)}.surprise-object-trigger{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.surprise-teaser{padding-top:28px}.surprise-teaser>p,.surprise-teaser>h2{transition:opacity .2s}.surprise-teaser[data-opening=true]>p,.surprise-teaser[data-opening=true]>h2{opacity:0}.surprise-teaser[data-opening=true]>button:last-of-type{opacity:.5;box-shadow:none}.surprise-reading{padding-bottom:max(100px, env(safe-area-inset-bottom));outline:none}.surprise-reading .rounded-3xl{border-radius:20px}@media (max-width:360px){.surprise-envelope-scene,.surprise-gift-scene{width:230px}.surprise-teaser>h2{font-size:2rem}}.surprise-real-object{filter:drop-shadow(0 15px 16px #3020281a);flex-shrink:0;width:320px;max-width:100%;height:320px;position:relative}.surprise-real-object.is-compact{filter:none;width:64px;height:64px}.surprise-globe-snow{border-radius:50%;width:66%;height:57%;position:absolute;top:5%;left:17%;overflow:hidden}.surprise-globe-light{mix-blend-mode:screen;background:radial-gradient(at 50% 75%,#ffedbba0,#0000 70%);border-radius:50%;width:66%;height:57%;position:absolute;top:5%;left:17%}.surprise-lantern-light{mix-blend-mode:screen;background:radial-gradient(#ffdc8780,#0000 70%);width:34%;height:33%;position:absolute;top:49%;left:32%}@media (max-width:639px){.surprise-real-object:not(.is-compact){width:270px;height:270px}}.surprise-preview-dialog{contain:layout paint;z-index:150}.surprise-preview-dialog .surprise-viewer,.surprise-preview-dialog .surprise-stage{min-height:clamp(460px,100dvh - 180px,620px)}.surprise-preview-dialog .surprise-viewer{contain:layout paint}.surprise-preview-dialog .surprise-skip{top:16px!important}.surprise-preview-dialog .surprise-intro{position:absolute}@media (min-width:1024px){.studio-preview-sticky{position:sticky;top:110px}}@media (max-width:639px){.studio-step{gap:6px;font-size:11px}.studio-footer{z-index:20;padding-bottom:max(16px, env(safe-area-inset-bottom));background:var(--card);position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.surprise-studio *,.surprise-viewer:not([data-full-motion=true]) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}@media (max-width:1279px){.studio-footer{bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--card);position:sticky}}.studio-mobile-preview{background:var(--studio-tint);width:calc(100% - 32px);min-height:64px;color:var(--studio-accent);border-radius:12px;align-items:center;gap:12px;margin:12px 16px 0;padding:4px 12px 4px 4px;display:flex}.studio-object-thumbnail{object-fit:contain;flex-shrink:0;width:56px;min-width:56px;height:56px;display:block}.studio-envelope-thumbnail{border-radius:3px;width:48px;min-width:48px;height:33px;margin:8px 4px;display:block;position:relative;box-shadow:0 3px 5px #442a381a}.studio-thumbnail-flap{clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#ffffff40,#ffffff08);height:21px;position:absolute;inset:0 0 auto}.studio-thumbnail-seal{color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;top:12px;left:calc(50% - 7.5px)}@media (max-width:639px){.studio-panel{border-radius:16px}.studio-compact-palettes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-palette-option{border-radius:10px;padding:9px 6px}.studio-palette-option>span:first-child{margin-bottom:6px}.studio-palette-option>span:first-child>span{width:18px;height:18px}.studio-palette-option>span:nth-child(2){font-size:12px;line-height:16px}.studio-step{gap:4px;min-height:48px;padding:8px 3px;font-size:12px}.studio-step-number{flex-shrink:0;width:20px;height:20px;font-size:10px}.studio-footer{padding:10px 12px}.studio-field-label{font-size:12px}}.studio-occasion-select{border:1px solid var(--border);background:var(--background);width:100%;min-height:44px;color:var(--foreground);border-radius:10px;padding:8px 12px;font-size:16px}.studio-step-content :is(button,select,input,textarea,summary){scroll-margin-top:100px;scroll-margin-bottom:165px}@media (max-width:359px){.studio-compact-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-step{flex-direction:column}}.surprise-scroll-roll{perspective:700px}.surprise-scroll-cylinder{transform-style:preserve-3d;position:absolute;inset:0}.surprise-scroll-cylinder>span{backface-visibility:hidden;border-radius:2px;height:5px;position:absolute;top:calc(50% - 2.5px);left:0;right:0}.surprise-scroll-scene.is-compact .surprise-scroll-cylinder{display:none}.surprise-paper{isolation:isolate;aspect-ratio:210/297;color:#3c3431;background:linear-gradient(110deg,#fffefb,#fbf8ef 70%,#f5efe2);border-radius:3px;min-width:0;padding:clamp(24px,6vw,60px);position:relative;box-shadow:0 24px 70px #0a051b40,0 2px 4px #0a051b20,inset 0 0 0 1px #fff9}.surprise-paper:after{content:"";pointer-events:none;z-index:-1;opacity:.4;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#bca98808 4px);position:absolute;inset:0}.surprise-paper-crease{pointer-events:none;background:linear-gradient(#b5a28e12,#fff8,#0000);height:4px;position:absolute;inset:50% 0 auto}.surprise-paper-heading{margin-bottom:28px;font-family:Georgia,Times New Roman,serif}.surprise-paper-heading>p{color:#75675e;margin-bottom:8px;font-size:15px;font-style:italic}.surprise-paper-heading h2{overflow-wrap:anywhere;font-size:clamp(26px,5vw,38px);font-weight:400;line-height:1.2}.surprise-paper-photo{background:#fffdf9;border:1px solid #d3c8b580;margin:0 0 28px;padding:7px;box-shadow:0 3px 9px #5b453515}.surprise-paper-signature{overflow-wrap:anywhere;margin-top:36px;font:italic 16px/1.7 Georgia,Times New Roman,serif}.surprise-paper-signature p:last-child{font-size:23px}.surprise-paper-body p{line-height:1.85}@media (max-width:480px){.surprise-paper{aspect-ratio:auto;min-height:460px}.surprise-paper-photo{margin-bottom:24px}.surprise-paper-body p{font-size:17px}}.surprise-envelope-svg{width:100%;height:100%;display:block}.surprise-envelope-scene{isolation:isolate;flex-shrink:0;width:310px;max-width:100%;height:310px;position:relative}.surprise-svg-excerpt{text-align:center;flex-direction:column;gap:9px;font:13px/1.5 Georgia,serif;display:flex}.surprise-svg-excerpt span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.surprise-svg-excerpt i{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (max-width:639px){.surprise-envelope-scene{width:280px;height:280px}}@media (max-width:360px){.surprise-envelope-scene{width:245px;height:245px}}.surprise-couples-link{color:#fff5ef;text-align:center;background:#171421e8;border:1px solid #e6b7ba55;border-radius:999px;justify-content:center;align-items:center;gap:10px;max-width:100%;min-height:52px;padding:9px 18px 9px 10px;font-size:13px;line-height:1.45;transition:background .16s,border-color .16s;display:inline-flex;box-shadow:0 5px 22px #0003}.surprise-couples-link:hover{background:#302131;border-color:#e6b7ba99}.surprise-couples-icon{color:#f2a0b5;background:#ec839b22;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.surprise-letter-actions{padding-bottom:max(20px, env(safe-area-inset-bottom))}