/* All artwork, material and motion are scoped to the shared scene. */
.sst-scene{position:relative;isolation:isolate;width:100%;overflow:hidden;padding:26px;border:1px solid var(--sst-line);border-radius:24px;background:var(--sst-bg);color:var(--sst-ink);font-family:Arial,sans-serif;box-sizing:border-box;text-align:center}
.sst-scene *{box-sizing:border-box}.sst-scene [hidden]{display:none!important}.sst-scene button{font:inherit;cursor:pointer}.sst-scene button:focus-visible{outline:3px solid var(--sst-accent);outline-offset:5px}.sst-scene button:disabled{cursor:default}
.sst-scene__topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.05em;color:var(--sst-muted)}
.sst-scene__topline span:last-child{max-width:48%;text-align:right}.sst-scene__progress{height:3px;margin-top:13px;background:var(--sst-line);border-radius:5px;overflow:hidden}.sst-scene__progress span{display:block;width:100%;height:100%;background:var(--sst-accent);transform:scaleX(0);transform-origin:left}
.sst-scene__teaser{position:relative;z-index:2;max-width:34rem;margin:24px auto 0;font-family:var(--sst-display,Georgia,serif);font-size:clamp(21px,4vw,31px);line-height:1.22;letter-spacing:-.025em}.sst-scene__address{position:relative;font-size:13px;color:var(--sst-muted);margin:10px 0 0;overflow-wrap:anywhere}.sst-scene__controls{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:12px;min-height:47px;margin-top:15px}.sst-scene__open,.sst-scene__replay{border:1px solid var(--sst-accent);border-radius:999px;background:var(--sst-ink);color:var(--sst-paper);padding:12px 23px;font-size:14px!important;font-weight:600!important}.sst-scene__skip{border:0;background:transparent;color:var(--sst-ink);text-decoration:underline;text-underline-offset:4px;padding:12px 4px;font-size:13px!important}.sst-scene__open:disabled{opacity:.55}
.sst-scene__stage{position:relative;width:100%;height:260px;display:grid;place-items:center;perspective:900px}.sst-scene__halo{position:absolute;left:50%;top:50%;width:250px;height:220px;transform:translate(-50%,-45%);background:radial-gradient(ellipse,var(--sst-line),transparent 68%);opacity:.7}.sst-object{position:relative;width:250px;height:180px;filter:drop-shadow(0 22px 20px rgba(0,0,0,.13));transform-style:preserve-3d}.sst-art-mark{display:block;font-family:Georgia,serif;font-size:35px;color:var(--sst-accent);line-height:1}.sst-art-line{display:block;width:70%;height:3px;margin:14px auto 0;background:var(--sst-line);border-radius:3px}.sst-art-line--short{width:48%;margin-top:8px}.sst-art-signature{display:block;width:42px;height:13px;margin:17px 20px 0 auto;border-bottom:2px solid var(--sst-accent);border-radius:50%;transform:rotate(-12deg)}
.sst-scene--luxury{--sst-display:Georgia,serif;background-image:radial-gradient(ellipse at 50% 2%,#d8bd7b16,transparent 55%);border-radius:4px}.sst-scene--luxury .sst-scene__teaser{font-weight:400;letter-spacing:.02em}.sst-scene--elegant{--sst-display:Georgia,serif;border-radius:8px;background-image:linear-gradient(0deg,transparent 95%,#52624a08 96%);background-size:100% 7px}.sst-scene--elegant .sst-scene__teaser{font-style:italic}.sst-scene--nostalgic{--sst-display:Georgia,serif;border:8px solid var(--sst-paper);outline:1px solid var(--sst-line);background-image:repeating-linear-gradient(88deg,#917c6005 0 1px,transparent 1px 5px);border-radius:2px}.sst-scene--nostalgic .sst-scene__teaser{font-weight:400;letter-spacing:-.04em}.sst-scene--dramatic{--sst-display:Georgia,serif;background-image:radial-gradient(ellipse at 50% 20%,#efa46c13,transparent 60%);border-radius:26px}.sst-scene--dramatic .sst-scene__teaser{font-weight:700;font-size:clamp(25px,4vw,36px)}.sst-scene--minimal{--sst-display:Arial,sans-serif;border-radius:8px;box-shadow:none}.sst-scene--minimal .sst-scene__halo{opacity:0}.sst-scene--minimal .sst-scene__teaser{font-size:24px;font-weight:500}.sst-scene--cute{border-radius:36px;--sst-display:Georgia,serif}.sst-scene--cute .sst-object{transform:rotate(-3deg)}.sst-scene--funny{--sst-display:Arial,sans-serif;border:2px solid var(--sst-ink);box-shadow:6px 6px 0 var(--sst-line);border-radius:16px}.sst-scene--funny .sst-scene__teaser,.sst-scene--bold .sst-scene__teaser{font-weight:800}.sst-scene--bold{--sst-display:Arial,sans-serif;border-radius:10px}.sst-scene--hopeful{background-image:radial-gradient(ellipse at 50% 0,#fff0b780,transparent 70%);--sst-display:Georgia,serif}.sst-scene--soft{--sst-display:Georgia,serif;border-radius:30px}.sst-scene--chaotic_good{--sst-display:Arial,sans-serif;background-image:linear-gradient(125deg,transparent 75%,#a0528d14 75%)}.sst-scene--mysterious{--sst-display:Georgia,serif;background-image:radial-gradient(circle at 20% 80%,#c4bd7714,transparent 60%)}
/* Letter: an actual hinged flap and sheet, with a separate wax seal. */
.sst-letter{width:238px;height:150px;margin-top:30px}.sst-letter__back{position:absolute;inset:0;background:var(--sst-line);border:1px solid var(--sst-accent);border-radius:4px}.sst-letter__paper{position:absolute;left:19px;top:11px;width:200px;height:140px;padding:18px;background:var(--sst-paper);border:1px solid var(--sst-line);border-radius:2px}.sst-letter__front{position:absolute;inset:36px 0 0;background:linear-gradient(145deg,transparent 49%,var(--sst-paper) 50%) left/51% 100% no-repeat,linear-gradient(-145deg,transparent 49%,var(--sst-paper) 50%) right/51% 100% no-repeat;clip-path:polygon(0 0,50% 61%,100% 0,100% 100%,0 100%);border-bottom:1px solid var(--sst-accent);border-radius:0 0 4px 4px;z-index:3}.sst-letter__flap{position:absolute;inset:0 0 auto;height:100px;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--sst-paper);border-top:1px solid var(--sst-accent);transform-origin:top;z-index:4;backface-visibility:visible}.sst-letter__seal{position:absolute;z-index:5;left:calc(50% - 21px);top:69px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--sst-accent);color:var(--sst-paper);border:4px double var(--sst-line);box-shadow:0 2px 4px #0002;font:19px Georgia,serif}.sst-letter--romance .sst-letter__paper{border:1px double var(--sst-accent)}.sst-letter--blur .sst-letter__paper .sst-art-line{filter:blur(4px)}.sst-letter__cursor{position:absolute;left:60px;top:46px;height:17px;width:2px;background:var(--sst-accent);z-index:2;opacity:0}
/* Theatre: individually pleated drapes, a rising award and moving light. */
.sst-gala{width:250px;height:180px;border:2px solid var(--sst-accent);border-radius:75px 75px 5px 5px;background:#16201f;overflow:hidden}.sst-gala__curtain{position:absolute;top:0;bottom:9px;width:51%;background:repeating-linear-gradient(90deg,var(--sst-accent) 0 12px,var(--sst-line) 15px,var(--sst-accent) 23px);z-index:3;box-shadow:inset 0 -10px 18px #0004}.sst-gala__curtain--left{left:0;border-radius:72px 0 10px 0}.sst-gala__curtain--right{right:0;border-radius:0 72px 0 10px}.sst-gala__valance{position:absolute;z-index:4;left:0;right:0;top:-10px;height:48px;border-radius:50%;background:var(--sst-accent);border-bottom:3px solid var(--sst-foil)}.sst-gala__floor{position:absolute;z-index:4;bottom:0;left:0;right:0;height:11px;background:linear-gradient(var(--sst-accent),var(--sst-line))}.sst-gala__award{position:absolute;left:calc(50% - 35px);bottom:18px;width:70px;height:96px;color:#dfc181;text-align:center}.sst-gala__award span{display:block;font-size:54px;line-height:58px;text-shadow:0 2px #756338}.sst-gala__award i{display:block;margin:auto;width:9px;height:19px;background:linear-gradient(90deg,#d2b77b,#ffe5a2,#9f854e)}.sst-gala__award b{display:block;margin:auto;width:54px;height:18px;background:#d7c18a;border-radius:3px}.sst-gala__beam{position:absolute;top:-20px;left:15%;width:70%;height:230px;background:linear-gradient(#fff4c080,transparent);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);opacity:0;transform-origin:top}.sst-gala--spotlight .sst-gala__curtain{width:16%}.sst-gala--spotlight .sst-gala__award{opacity:.15}
/* A ticket cover folds aside; its destination is never printed before opening. */
.sst-travel{width:260px;height:180px}.sst-travel__ticket{position:absolute;top:40px;left:0;width:260px;height:125px;border-radius:8px;background:var(--sst-paper);border:1px solid var(--sst-accent);transform:rotate(-5deg)}.sst-travel__stub{position:absolute;right:0;top:0;bottom:0;width:55px;border-left:2px dashed var(--sst-line);padding:10px}.sst-travel__stub span{font-size:24px;color:var(--sst-accent)}.sst-travel__stub i{display:block;height:3px;background:var(--sst-line);margin:7px 0}.sst-travel__inside{position:absolute;inset:16px 65px 14px 15px}.sst-travel__barcode{height:23px;width:65%;margin:17px auto 0;background:repeating-linear-gradient(90deg,var(--sst-muted) 0 2px,transparent 2px 4px,var(--sst-muted) 4px 5px,transparent 5px 8px)}.sst-travel__cover{position:absolute;left:-1px;top:-1px;width:205px;height:125px;background:var(--sst-ink);color:var(--sst-paper);border-radius:7px 0 0 7px;transform-origin:left;backface-visibility:hidden;padding:17px}.sst-travel__cover span:first-child{font-size:34px}.sst-travel__cover b{display:block;margin-top:10px;font-size:14px;font-weight:400;letter-spacing:6px}.sst-travel__route{position:absolute;left:16px;right:10px;top:0;height:40px;border-top:2px dashed var(--sst-accent);border-radius:50%;opacity:0}.sst-travel__route span{position:absolute;left:0;top:-15px;font-size:24px;color:var(--sst-accent)}
/* Baby news is a tactile keepsake, distinct from the neutral gender capsule. */
.sst-baby{width:235px;height:180px}.sst-baby__album{position:absolute;width:165px;height:150px;left:35px;bottom:0;perspective:800px}.sst-baby__inside{position:absolute;inset:0;background:var(--sst-paper);border:1px solid var(--sst-accent);border-radius:3px 10px 10px 3px;padding:14px 16px}.sst-baby__cover{position:absolute;inset:0;background:var(--sst-line);border:1px solid var(--sst-accent);border-radius:3px 10px 10px 3px;transform-origin:left;box-shadow:inset 6px 0 #0000000a;padding:23px}.sst-baby__emboss{font-size:45px;color:var(--sst-accent);line-height:1}.sst-baby__cover .sst-art-line{background:var(--sst-accent);opacity:.35}.sst-baby__ribbon{position:absolute;top:-5px;bottom:-5px;left:calc(50% - 5px);width:10px;background:var(--sst-accent);opacity:.6}.sst-baby__feet{display:flex;gap:9px;justify-content:center;margin:6px auto 19px;transform:rotate(-12deg)}.sst-baby__feet i{position:relative;display:block;background:var(--sst-accent);opacity:.5;width:17px;height:34px;border-radius:50% 50% 40% 40%}.sst-baby__feet i:before{content:'';position:absolute;top:-9px;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--sst-accent);box-shadow:8px -1px var(--sst-accent),15px 3px var(--sst-accent)}.sst-baby__moon{position:absolute;left:0;top:-11px;font-size:42px;color:var(--sst-accent);opacity:.6}.sst-baby__mobile{position:absolute;top:-25px;right:7px;display:flex;gap:12px;border-top:1px solid var(--sst-accent);transform:rotate(9deg)}.sst-baby__mobile i{padding-top:14px;font-size:17px;font-style:normal;color:var(--sst-accent)}
.sst-gender{width:210px;height:180px}.sst-gender__base{position:absolute;left:20px;bottom:10px;width:170px;height:34px;border:1px solid var(--sst-accent);border-radius:50%;background:var(--sst-paper);box-shadow:0 9px 0 var(--sst-line)}.sst-gender__dome{position:absolute;left:32px;bottom:32px;width:146px;height:120px;border-radius:80px 80px 15px 15px;background:linear-gradient(110deg,var(--sst-paper),var(--sst-line));border:1px solid var(--sst-accent)}.sst-gender__dome span{display:block;font:58px Georgia,serif;color:var(--sst-accent);padding-top:27px}.sst-gender__dome i{position:absolute;left:calc(50% - 7px);top:-11px;width:14px;height:13px;border:3px solid var(--sst-accent);border-radius:50%}.sst-gender__ribbon{position:absolute;z-index:3;bottom:64px;left:32px;width:146px;height:15px;background:var(--sst-accent);opacity:.5}.sst-gender__inside{position:absolute;left:72px;bottom:50px;width:66px;height:66px;border:2px solid var(--sst-accent);border-radius:50%;display:grid;place-items:center;background:var(--sst-paper);font:40px Georgia,serif;color:var(--sst-accent)}.sst-gender__glow{position:absolute;inset:0;background:radial-gradient(circle,var(--sst-result-bg),transparent 70%);opacity:0}.sst-scene--gender.is-opened{background:var(--sst-result-bg);color:#2d3737}.sst-scene--gender.is-opened .sst-gender__inside{background:var(--sst-result-bg);border-color:var(--sst-result-accent);color:var(--sst-result-accent)}
/* Ribbons detach before the lid rises; candle flames extinguish first. */
.sst-gift{width:220px;height:175px;margin-top:8px}.sst-gift__box{position:absolute;left:30px;bottom:0;width:160px;height:115px;border:1px solid var(--sst-accent);border-radius:3px 3px 9px 9px;background:linear-gradient(90deg,var(--sst-line),var(--sst-paper));overflow:hidden}.sst-gift__box span{position:absolute;left:calc(50% - 9px);top:0;bottom:0;width:18px;background:var(--sst-accent);opacity:.75}.sst-gift__lid{position:absolute;z-index:4;left:20px;top:46px;width:180px;height:27px;border:1px solid var(--sst-accent);border-radius:4px;background:var(--sst-line);box-shadow:0 6px 7px #0002}.sst-gift__lid>span{position:absolute;left:calc(50% - 10px);top:-1px;bottom:-1px;width:20px;background:var(--sst-accent);opacity:.75}.sst-gift__bow{position:absolute;left:calc(50% - 45px);top:-27px;width:90px;height:30px}.sst-gift__bow i{position:absolute;top:2px;width:43px;height:29px;border:6px solid var(--sst-accent);border-radius:60% 60% 10% 60%;transform:rotate(20deg)}.sst-gift__bow i:last-child{right:0;transform:rotate(-20deg);border-radius:60% 60% 60% 10%}.sst-gift__ribbon{position:absolute;z-index:3;left:29px;bottom:39px;width:162px;height:14px;background:var(--sst-accent);opacity:.75}.sst-gift__surprise{position:absolute;left:calc(50% - 35px);bottom:28px;width:70px;height:80px;background:var(--sst-paper);border:1px solid var(--sst-accent);border-radius:5px;display:grid;place-items:center;font-size:40px;color:var(--sst-accent)}.sst-gift--birthday .sst-gift__box{border-radius:7px;background:repeating-linear-gradient(0deg,var(--sst-paper) 0 24px,var(--sst-line) 25px 29px)}.sst-gift--birthday .sst-gift__box>span,.sst-gift--birthday .sst-gift__ribbon,.sst-gift--birthday .sst-gift__lid>span{display:none}.sst-gift--birthday .sst-gift__lid{background:var(--sst-paper);border-radius:10px 10px 3px 3px}.sst-birthday__candles{position:absolute;left:0;right:0;top:-43px;display:flex;justify-content:center;gap:20px}.sst-birthday__candles i{position:relative;width:8px;height:42px;background:repeating-linear-gradient(45deg,var(--sst-accent) 0 5px,var(--sst-paper) 5px 9px);border-radius:3px}.sst-birthday__candles b{position:absolute;top:-17px;left:-1px;width:10px;height:15px;border-radius:50% 50% 45% 45%;background:#e7ac40;box-shadow:0 0 12px #f3cd73;transform:rotate(10deg)}
/* A mechanical seal rotates independently; the two capsule halves separate. */
.sst-capsule{width:260px;height:135px;margin-top:20px}.sst-capsule__half{position:absolute;top:27px;width:130px;height:84px;background:linear-gradient(0deg,var(--sst-line),var(--sst-paper) 35%,var(--sst-line));border:1px solid var(--sst-accent);z-index:2}.sst-capsule__half:after{content:'';position:absolute;inset:10px;border:1px solid var(--sst-accent);opacity:.4}.sst-capsule__half--left{left:0;border-radius:50px 0 0 50px}.sst-capsule__half--right{right:0;border-radius:0 50px 50px 0}.sst-capsule__lock{position:absolute;z-index:3;top:42px;left:calc(50% - 29px);height:57px;width:57px;border:4px double var(--sst-accent);border-radius:50%;background:var(--sst-paper);display:grid;place-items:center}.sst-clock{position:relative;width:38px;height:38px;border:1px solid var(--sst-line);border-radius:50%}.sst-clock i{position:absolute;left:18px;top:4px;height:15px;width:2px;background:var(--sst-accent);transform-origin:bottom}.sst-clock b{position:absolute;left:18px;top:18px;width:12px;height:2px;background:var(--sst-accent)}.sst-capsule__memory{position:absolute;left:calc(50% - 63px);top:13px;width:126px;height:118px;background:var(--sst-paper);padding:20px;border:1px solid var(--sst-accent);border-radius:3px}.sst-hourglass{width:24px;height:34px;position:relative;border-top:3px solid var(--sst-accent);border-bottom:3px solid var(--sst-accent);background:linear-gradient(135deg,transparent 46%,var(--sst-accent) 48%,var(--sst-accent) 52%,transparent 54%),linear-gradient(-135deg,transparent 46%,var(--sst-accent) 48%,var(--sst-accent) 52%,transparent 54%)}.sst-hourglass i{position:absolute;top:1px;left:3px;width:18px;height:13px;background:var(--sst-accent);clip-path:polygon(0 0,100% 0,50% 100%);opacity:.6}
/* Dossier paper, visible desk stamp and ink impact are separate layers. */
.sst-notice{width:235px;height:185px}.sst-notice__folder{position:absolute;left:0;top:28px;width:235px;height:152px;background:var(--sst-line);border:1px solid var(--sst-accent);border-radius:3px;transform:rotate(3deg)}.sst-notice__folder:before{content:'';position:absolute;top:-12px;left:10px;width:65px;height:12px;border-radius:5px 5px 0 0;background:var(--sst-line);border:1px solid var(--sst-accent);border-bottom:0}.sst-notice__page{position:absolute;left:22px;top:14px;width:181px;height:160px;border:1px solid var(--sst-accent);background:var(--sst-paper);padding:20px;transform:rotate(-3deg)}.sst-notice__crest{font:27px Georgia,serif;color:var(--sst-accent)}.sst-notice__mark{position:absolute;bottom:13px;right:13px;padding:6px 10px;border:2px solid var(--sst-accent);border-radius:3px;color:var(--sst-accent);font:bold 12px Arial,sans-serif;letter-spacing:.15em;transform:rotate(-12deg);opacity:0}.sst-notice__stamp{position:absolute;right:38px;top:-7px;width:60px;height:76px;opacity:0;z-index:4}.sst-notice__stamp i{display:block;position:absolute;left:19px;top:0;height:42px;width:23px;background:var(--sst-ink);border-radius:10px 10px 3px 3px}.sst-notice__stamp b{position:absolute;left:0;bottom:0;width:60px;height:32px;background:var(--sst-ink);border-radius:6px;border-bottom:5px solid var(--sst-accent)}.sst-notice__peek{position:absolute;left:calc(50% - 35px);top:70px;font-size:70px;line-height:1;color:var(--sst-accent);z-index:0;opacity:0}
/* Progressive experiences keep their boards hidden until this cover opens. */
.sst-mission{width:205px;height:180px}.sst-mission__backcard{position:absolute;inset:10px 0 0;background:var(--sst-line);border:1px solid var(--sst-accent);border-radius:7px;transform:rotate(7deg)}.sst-mission__card{position:absolute;inset:0 7px 7px;background:var(--sst-paper);border:1px solid var(--sst-accent);border-radius:7px;padding:17px}.sst-mission__symbol{display:block;font:60px Georgia,serif;color:var(--sst-accent);line-height:1.1}.sst-mission__path{display:flex;justify-content:space-between;gap:7px;margin:22px 15px 0;border-top:2px dashed var(--sst-accent)}.sst-mission__path i{display:block;width:9px;height:9px;margin-top:-5px;border:2px solid var(--sst-accent);border-radius:50%;background:var(--sst-paper)}.sst-mission__cover{position:absolute;inset:0 7px 7px;background:var(--sst-ink);color:var(--sst-paper);border:1px solid var(--sst-accent);border-radius:7px;transform-origin:left;display:grid;place-items:center;backface-visibility:hidden}.sst-mission__cover span{font:75px Georgia,serif;opacity:.7}.sst-mission__seal{position:absolute;left:calc(50% - 19px);bottom:13px;border:3px double var(--sst-accent);border-radius:50%;height:38px;width:38px;background:var(--sst-paper);color:var(--sst-accent);font:22px Georgia,serif;display:grid;place-items:center;z-index:4}.sst-mission--treasure .sst-mission__cover{background:repeating-linear-gradient(0deg,var(--sst-line) 0 13px,var(--sst-paper) 14px 15px);color:var(--sst-accent)}.sst-mission--challenge .sst-mission__cover{clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);border-radius:6px}
.sst-ballot{width:210px;height:190px}.sst-ballot__box{position:absolute;left:7px;right:7px;bottom:0;height:122px;background:var(--sst-line);border:1px solid var(--sst-accent);border-radius:7px;overflow:hidden}.sst-ballot__box>span{display:block;padding:32px;font:48px Georgia,serif;color:var(--sst-accent)}.sst-ballot__slot{position:absolute;left:40px;right:40px;top:12px;height:5px;background:var(--sst-ink);border-radius:50%}.sst-ballot__door{position:absolute;inset:30px 23px 13px;background:var(--sst-paper);border:1px solid var(--sst-accent);transform-origin:left;backface-visibility:hidden}.sst-ballot__paper{position:absolute;left:59px;top:0;width:92px;height:98px;padding:12px;background:var(--sst-paper);border:1px solid var(--sst-accent);border-radius:2px;z-index:2;transform:rotate(-9deg)}.sst-ballot__paper i{font:25px Georgia,serif;color:var(--sst-accent)}
.sst-door{width:170px;height:185px}.sst-door__roof{position:absolute;top:0;left:0;right:0;height:65px;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--sst-accent)}.sst-door__frame{position:absolute;left:25px;right:25px;top:54px;bottom:7px;border:9px solid var(--sst-line);border-radius:8px 8px 0 0;perspective:700px}.sst-door__panel{position:absolute;inset:0;background:var(--sst-paper);border:1px solid var(--sst-accent);transform-origin:left;backface-visibility:hidden}.sst-door__panel i{position:absolute;right:12px;top:50%;height:7px;width:7px;border-radius:50%;background:var(--sst-accent)}.sst-door__inside{position:absolute;inset:55px 25px 7px;background:var(--sst-ink);display:grid;place-items:center;color:var(--sst-paper);font:45px Georgia,serif}.sst-door__step{position:absolute;bottom:0;left:10px;right:10px;height:9px;background:var(--sst-accent);border-radius:3px}.sst-door--pet .sst-door__roof{top:30px;left:50px;right:50px;height:25px;clip-path:none;border:7px solid var(--sst-accent);border-bottom:0;border-radius:17px 17px 0 0;background:transparent}.sst-door--pet .sst-door__frame{left:0;right:0;border-radius:22px}.sst-door--pet .sst-door__inside{left:0;right:0;border-radius:22px}.sst-door__vents{display:flex;gap:9px;justify-content:center;margin-top:29px}.sst-door__vents b{display:block;width:6px;height:36px;background:var(--sst-line);border-radius:6px}
.sst-countdown{width:170px;height:170px;border:1px solid var(--sst-accent);border-radius:50%;display:grid;place-items:center}.sst-countdown>span{font:76px Georgia,serif;color:var(--sst-accent);line-height:1}.sst-countdown__ring{position:absolute;inset:-12px;border:1px dashed var(--sst-accent);border-radius:50%;opacity:.5}.sst-countdown>i,.sst-countdown>b{position:absolute;background:var(--sst-accent);height:7px;width:7px;border-radius:50%;left:-16px;top:calc(50% - 4px)}.sst-countdown>b{left:auto;right:-16px}
.sst-scene__particles{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.sst-scene__particles i{position:absolute;left:50%;top:58%;width:5px;height:11px;background:var(--sst-accent);border-radius:1px;opacity:0}.sst-scene__particles i:nth-child(3n){background:var(--sst-foil);height:6px;border-radius:50%}.sst-scene__particles i:nth-child(4n){background:var(--sst-line)}.sst-scene.is-opened .sst-scene__halo{opacity:1}.sst-scene[data-scene-context=thumbnail]{padding:8px;border-radius:12px;pointer-events:none}.sst-scene[data-scene-context=thumbnail] .sst-scene__stage{height:220px;margin:-62px 0;transform:scale(.45);transform-origin:center;width:100%}.sst-scene[data-scene-context=thumbnail] .sst-object{flex-shrink:0}.sst-scene[data-scene-context=demo]{padding:20px}.sst-scene[data-scene-context=demo] .sst-scene__stage{height:205px}.sst-scene[data-scene-context=demo] .sst-scene__teaser{font-size:23px;margin-top:16px}
/* The final page inherits the same material and occasion composition. */
.sst-recipient{background:var(--sst-bg)!important;color:var(--sst-ink)}.sst-recipient [data-sst-final]{background:var(--sst-paper)!important;color:var(--sst-ink)!important;border-color:var(--sst-line)!important;box-shadow:0 22px 60px #00000017;position:relative;overflow-wrap:anywhere}.sst-recipient [data-sst-final] h1,.sst-recipient [data-sst-final] h2{font-family:var(--sst-display,Georgia,serif);color:inherit}.sst-recipient[data-sst-mood=luxury]{--sst-display:Georgia,serif}.sst-recipient[data-sst-mood=luxury] [data-sst-final]{border:1px solid var(--sst-accent);border-radius:4px!important;padding-top:52px}.sst-recipient[data-sst-mood=elegant] [data-sst-final]{border-radius:5px!important;border-top:5px solid var(--sst-accent);--sst-display:Georgia,serif}.sst-recipient[data-sst-mood=nostalgic] [data-sst-final]{border-radius:2px!important;border:10px solid var(--sst-line);--sst-display:Georgia,serif;background-image:repeating-linear-gradient(88deg,#917c6005 0 1px,transparent 1px 5px)!important}.sst-recipient[data-sst-mood=minimal] [data-sst-final]{--sst-display:Arial,sans-serif;border-radius:8px!important;box-shadow:none}.sst-recipient[data-sst-mood=funny] [data-sst-final]{--sst-display:Arial,sans-serif;border:2px solid var(--sst-ink);box-shadow:7px 7px var(--sst-line)}.sst-recipient[data-sst-mood=bold] [data-sst-final]{--sst-display:Arial,sans-serif;border-top:8px solid var(--sst-accent)}.sst-recipient[data-sst-mood=dramatic] [data-sst-final]{border-top:3px solid var(--sst-accent);--sst-display:Georgia,serif}.sst-recipient[data-sst-mood=cute] [data-sst-final]{border-radius:40px!important}.sst-recipient[data-sst-mood=hopeful] [data-sst-final]{background-image:radial-gradient(ellipse at 50% 0,#fff0b740,transparent 60%)!important}.sst-recipient [data-sst-final]>.sst-final-emblem{font:36px Georgia,serif;color:var(--sst-accent);text-align:center;margin-bottom:20px}.sst-recipient.sst-experience-family-travel [data-sst-final]{border-right:12px dashed var(--sst-line);border-radius:8px!important}.sst-recipient.sst-experience-family-baby [data-sst-final],.sst-recipient.sst-experience-family-romance [data-sst-final]{outline:1px solid var(--sst-accent);outline-offset:-14px}.sst-recipient.sst-experience-family-gala [data-sst-final]{border:5px double var(--sst-accent);border-radius:5px!important}.sst-recipient.sst-experience-family-notice [data-sst-final]{border-radius:3px!important;transform:rotate(-.25deg)}.sst-recipient.sst-experience-family-capsule [data-sst-final]{border-bottom:6px solid var(--sst-line)}.sst-recipient.sst-experience-family-gender.sst-result-opened{background:var(--sst-result-bg)!important}.sst-recipient.sst-experience-family-gender.sst-result-opened [data-sst-final]{border-color:var(--sst-result-accent)!important;color:#26342b!important;background:#fffdfb!important}.sst-recipient.sst-experience-family-gender.sst-result-opened .sst-final-emblem{color:var(--sst-result-accent)}
.sst-recipient [data-sst-final] .text-slate-400,.sst-recipient [data-sst-final] .text-slate-500,.sst-recipient [data-sst-final] .text-slate-600{color:var(--sst-muted)}.sst-recipient [data-sst-final] .bg-white .text-slate-500,.sst-recipient [data-sst-final] .bg-white .text-slate-600,.sst-recipient [data-sst-final] .bg-white\/90 .text-slate-600{color:#526075}.sst-recipient [data-sst-final] .bg-white,.sst-recipient [data-sst-final] .bg-white\/90,.sst-recipient [data-sst-final] .bg-white\/95,.sst-recipient [data-sst-final] .bg-amber-50{color:#26313f}
.sst-recipient [data-sst-final] :is(.text-slate-700,.text-slate-800,.text-slate-900,.text-slate-950){color:var(--sst-ink)}
.sst-recipient[data-sst-mood=luxury]{--sst-accent-light:#80642d}.sst-recipient[data-sst-mood=dramatic]{--sst-accent-light:#98532e}.sst-recipient[data-sst-mood=mysterious]{--sst-accent-light:#77712a}.sst-recipient[data-sst-mood=bold]{--sst-accent-light:#8b6519}
.sst-recipient [data-sst-final] :is(.bg-white,.bg-white\/80,.bg-white\/85,.bg-slate-50,[data-sst-light-surface],.bg-white\/90,.bg-white\/95,.bg-amber-50,[class*="bg-gradient-to-br"]){--sst-ink:#26313f;--sst-muted:#526075;--sst-accent:var(--sst-accent-light,#8a5a39);color:var(--sst-ink)}
.sst-recipient [data-sst-final] :is(.bg-white,.bg-white\/80,.bg-white\/85,.bg-slate-50,[data-sst-light-surface],.bg-white\/90,.bg-white\/95,.bg-amber-50,[class*="bg-gradient-to-br"]) [style*="color:"]{color:var(--sst-accent)!important}
.sst-recipient [data-sst-final] .bg-slate-950{--sst-ink:#fffaf0;--sst-muted:#d7d0bd;--sst-accent:#d7bf7e;color:var(--sst-ink)}
.sst-recipient [data-sst-final] .bg-slate-950 [style*="color:"]{color:var(--sst-accent)!important}
.sst-recipient .sst-final-details{border-top:1px solid var(--sst-line);padding-top:20px}.sst-recipient.sst-experience-family-travel .sst-final-details>div:first-child,.sst-recipient.sst-experience-family-baby .sst-final-details>div:first-child,.sst-recipient.sst-experience-family-gender .sst-final-details>div:first-child{grid-column:1/-1;background:var(--sst-line)!important;text-align:center;border:1px solid var(--sst-accent);padding:23px}.sst-recipient.sst-experience-family-travel .sst-final-details>div:first-child p:last-child,.sst-recipient.sst-experience-family-baby .sst-final-details>div:first-child p:last-child,.sst-recipient.sst-experience-family-gender .sst-final-details>div:first-child p:last-child{font:32px Georgia,serif;color:var(--sst-ink)}.sst-recipient.sst-experience-family-birthday .sst-final-details>div:first-child{border:2px solid var(--sst-accent);text-align:center}.sst-recipient.sst-experience-family-birthday .sst-final-details>div:first-child p:last-child{font:48px Georgia,serif;color:var(--sst-accent)}
@media(max-width:480px){.sst-scene{padding:20px 16px}.sst-scene__topline{font-size:12px}.sst-scene__stage{height:240px}.sst-scene__teaser{font-size:23px}.sst-scene__open,.sst-scene__replay{padding:12px 18px}.sst-recipient{padding-left:12px!important;padding-right:12px!important}.sst-recipient [data-sst-final]{padding:28px 20px!important}.sst-recipient [data-sst-final] h1{font-size:clamp(26px,7vw,40px)!important}.sst-scene[data-scene-context=demo] .sst-scene__stage{height:185px;transform:scale(.9)}.sst-scene[data-scene-context=demo] .sst-scene__topline{letter-spacing:0}.sst-scene[data-scene-context=thumbnail] .sst-scene__stage{height:220px;transform:scale(.4)}}
@media(prefers-reduced-motion:reduce){.sst-scene *,.sst-recipient *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Previews respond to their column, including a desktop sidebar. */
[data-preview-shell]{container:sst-preview / inline-size;min-width:0;padding:12px!important}
[data-preview-scene]{min-height:0!important;padding:14px!important}
[data-preview-final]{padding:24px 18px!important}
[data-preview-final] :is(h1,h2){font-size:clamp(24px,8cqw,38px)!important;line-height:1.16;letter-spacing:-.025em}
[data-preview-final] .text-xl{font-size:18px;line-height:1.7}
@container sst-preview (max-width:520px){
  [data-preview-final] :is(.p-5,.p-6,.sm\:p-9,.sm\:p-10){padding:16px!important}
  [data-preview-final] .sm\:grid-cols-2{grid-template-columns:minmax(0,1fr)}
  [data-preview-final] .sst-final-details>div:first-child p:last-child{font-size:clamp(26px,8cqw,34px)!important}
  .sst-scene[data-scene-context=preview]{padding:20px 14px}
  .sst-scene[data-scene-context=preview] .sst-scene__teaser{font-size:clamp(21px,6cqw,28px)}
  .sst-scene[data-scene-context=preview] .sst-scene__stage{height:225px}
}
/* One legible stationery surface for private notes in preview and delivery. */
.sst-recipient [data-sst-private]{container-type:inline-size;padding:16px!important}
.sst-recipient [data-sst-private] .sst-private-stationery{
  --sst-ink:#36271f;--sst-muted:#716553;--sst-accent:var(--sst-accent-light,#80512e);
  background:#fff8e7!important;color:var(--sst-ink);border-color:#e6dcc9!important;
  border-radius:18px;padding:clamp(20px,5cqw,36px)!important;box-shadow:none;
}
.sst-recipient [data-sst-private] .sst-private-headline{font-size:clamp(28px,8cqw,54px)!important;line-height:1.12;margin-top:24px;color:var(--sst-ink)}
.sst-recipient [data-sst-private] .sst-private-message{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-top:24px}
.sst-recipient [data-sst-private] .sst-private-message>p:first-child{font-size:clamp(17px,3cqw,20px);line-height:1.75}
.sst-recipient [data-sst-private] .sst-final-emblem{font-size:28px;margin:4px 0 18px}
/* Featured details use the light surface's paired ink, even in dark moods. */
.sst-recipient:is(.sst-experience-family-travel,.sst-experience-family-baby,.sst-experience-family-gender) .sst-final-details>div:first-child{
  --sst-ink:#26313f;--sst-muted:#526075;--sst-accent:var(--sst-accent-light,#80512e);
  background:#fff8e7!important;color:var(--sst-ink);border-color:var(--sst-accent);padding:20px;
}
.sst-recipient [data-sst-final] .sst-index-token{background:var(--sst-token-bg,var(--sst-accent-light,#76502f))!important;color:#fffaf0!important}
.sst-recipient [data-sst-final] [class*="bg-gradient-to-br"]{background-color:#fffaf0!important;background-image:linear-gradient(135deg,#fffdf8,#f6efde)!important}
.sst-recipient.sst-experience-family-gender.sst-result-opened [data-sst-final]{--sst-ink:#26342b;--sst-muted:#526075;--sst-accent:var(--sst-result-accent,#80512e)}
.sst-recipient.sst-experience-family-gender.sst-result-opened [data-sst-final] [style*="color:"]{color:var(--sst-accent)!important}
.sst-recipient [data-sst-final] .text-orange-600{color:#a94317}
.sst-recipient [data-sst-final] .bg-slate-950 .text-orange-600{color:#ffc18a}
@container sst-preview (max-width:340px){
  [data-preview-scene]{padding:8px!important}
  .sst-recipient [data-preview-final]{padding:18px 12px!important}
  .sst-recipient [data-sst-private]{padding:8px!important;outline-offset:-5px!important}
  .sst-recipient [data-sst-private] .sst-private-stationery{padding:16px!important}
  .sst-recipient[data-sst-mood=nostalgic] [data-sst-final]{border-width:6px}
}
/* Friendly type and subtle color glints complement the tactile opening artwork. */
.sst-recipient{--sst-display:"Trebuchet MS",Arial,sans-serif}
.sst-scene:is(.sst-scene--sweet,.sst-scene--soft,.sst-scene--cute,.sst-scene--hopeful){--sst-display:"Trebuchet MS",Arial,sans-serif}
.sst-scene--sweet{background-image:radial-gradient(ellipse at 10% 5%,#ffe2ac70,transparent 45%),radial-gradient(ellipse at 95% 92%,#f7cad655,transparent 42%)}
.sst-scene--soft{background-image:radial-gradient(ellipse at 12% 5%,#dbefdf75,transparent 52%),radial-gradient(ellipse at 94% 95%,#ddd4f055,transparent 48%)}
.sst-scene--cute{background-image:radial-gradient(ellipse at 8% 10%,#fff0bc80,transparent 42%),radial-gradient(ellipse at 94% 94%,#e6d8f080,transparent 46%)}
.sst-scene--hopeful{background-image:radial-gradient(ellipse at 5% 0%,#fff0b790,transparent 52%),radial-gradient(ellipse at 95% 95%,#cee9d955,transparent 45%)}
.sst-scene__teaser{font-weight:600}
.sst-scene__topline{letter-spacing:.02em}
.sst-recipient:is([data-sst-mood=sweet],[data-sst-mood=soft],[data-sst-mood=cute],[data-sst-mood=hopeful]) [data-sst-final]{background-image:radial-gradient(ellipse at 100% 0,#fff0bc35,transparent 45%)!important}

/* Dedicated legacy openings, with safe decorative content until the real reveal. */
.sst-typewriter{width:244px;height:185px;margin-top:12px}.sst-typewriter__paper{position:absolute;top:0;left:34px;width:176px;height:150px;padding:19px 12px;background:var(--sst-paper);border:1px solid var(--sst-accent);border-radius:3px;box-shadow:0 2px 5px #0001}.sst-typewriter__paper .sst-art-mark{font-size:24px}.sst-typewriter__line{display:block;margin:15px 0 0;white-space:nowrap;overflow:hidden;font:13px/1.5 "Courier New",monospace;color:var(--sst-ink);clip-path:inset(0 100% 0 0)}.sst-typewriter__paper .sst-art-line{margin-top:12px}.sst-typewriter__carriage{position:absolute;z-index:3;left:12px;right:12px;top:116px;height:17px;background:linear-gradient(var(--sst-accent),var(--sst-line));border:1px solid var(--sst-accent);border-radius:9px}.sst-typewriter__carriage i{position:absolute;left:12px;right:12px;top:5px;height:5px;border-radius:5px;background:var(--sst-ink);opacity:.8}.sst-typewriter__body{position:absolute;left:8px;right:8px;bottom:0;height:58px;background:var(--sst-line);border:1px solid var(--sst-accent);border-radius:12px 12px 9px 9px;transform:perspective(300px) rotateX(17deg);transform-origin:bottom}.sst-typewriter__keys{position:absolute;z-index:4;left:30px;right:30px;bottom:16px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.sst-typewriter__keys i{height:13px;background:var(--sst-paper);border:1px solid var(--sst-accent);border-bottom-width:3px;border-radius:3px}
.sst-focus{width:230px;height:178px}.sst-focus__frame{position:absolute;inset:0;border:1px solid var(--sst-accent);border-radius:24px;background:var(--sst-line);transform:rotate(-4deg);opacity:.75}.sst-focus__card{position:absolute;inset:8px 15px 0;border-radius:15px;border:1px solid var(--sst-accent);padding:34px 25px;background:var(--sst-paper);filter:blur(8px);opacity:.3}.sst-focus__card .sst-art-mark{font-size:40px}.sst-focus__veil{position:absolute;inset:7px 12px -2px;border:1px solid var(--sst-accent);border-radius:16px;background:linear-gradient(120deg,var(--sst-paper),var(--sst-line));box-shadow:inset 0 1px 0 #ffffff80;opacity:.85}.sst-focus__veil span{position:absolute;width:54px;height:54px;left:calc(50% - 27px);top:49px;border:1px solid var(--sst-accent);border-radius:50%;opacity:.4}.sst-focus__veil i{position:absolute;inset:12px;border:1px solid var(--sst-accent);border-radius:11px;opacity:.2}.sst-focus__light{position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,#fff4d660 48%,transparent 75%);opacity:0;pointer-events:none}.sst-focus--blur .sst-focus__frame{border-radius:4px;transform:rotate(3deg)}.sst-focus--blur .sst-focus__card{border-radius:3px;filter:blur(12px)}.sst-focus--blur .sst-focus__veil{border-radius:4px;background:linear-gradient(140deg,var(--sst-paper),var(--sst-line));border-style:dashed}.sst-focus--blur .sst-focus__veil span{border-radius:3px;transform:rotate(45deg);width:28px;height:28px;left:calc(50% - 14px);top:67px}
.sst-popper{width:220px;height:180px;transform:rotate(-24deg)}.sst-popper__body{position:absolute;left:68px;top:62px;width:120px;height:72px;clip-path:polygon(0 0,100% 35%,100% 65%,0 100%);background:var(--sst-line);border-left:8px solid var(--sst-accent);overflow:hidden}.sst-popper__body i,.sst-popper__body b{position:absolute;left:20px;top:-10px;width:14px;height:90px;background:var(--sst-accent);transform:rotate(-24deg);opacity:.65}.sst-popper__body b{left:64px;width:9px;opacity:.4}.sst-popper__cap{position:absolute;left:64px;top:60px;height:76px;width:13px;border:1px solid var(--sst-accent);border-radius:50%;background:var(--sst-paper)}.sst-popper__tail{position:absolute;top:94px;left:183px;width:30px;height:26px;border:2px solid var(--sst-accent);border-left:0;border-radius:0 50% 50% 0;transform:rotate(-9deg)}.sst-popper__spark{position:absolute;left:40px;top:28px;font:42px Georgia,serif;color:var(--sst-accent);opacity:0}.sst-popper__glow{position:absolute;inset:-10px 70px 20px -30px;background:radial-gradient(circle,var(--sst-line),transparent 68%);opacity:0}
.sst-announcement{width:230px;height:164px;margin-top:12px}.sst-announcement__inside{position:absolute;inset:0;padding:26px 35px;background:var(--sst-paper);border:1px solid var(--sst-accent);border-radius:5px}.sst-announcement__inside .sst-art-mark{font-size:37px}.sst-announcement__leaf{position:absolute;top:0;bottom:0;width:50%;border:1px solid var(--sst-accent);background:var(--sst-line);backface-visibility:visible;box-shadow:inset 0 0 24px #00000005}.sst-announcement__leaf:before{content:"";position:absolute;inset:13px;border:1px solid var(--sst-accent);opacity:.3}.sst-announcement__leaf--left{left:0;border-radius:5px 0 0 5px;transform-origin:left}.sst-announcement__leaf--right{right:0;border-radius:0 5px 5px 0;transform-origin:right}.sst-announcement__seal{position:absolute;z-index:4;left:calc(50% - 21px);top:62px;display:grid;place-items:center;width:42px;height:42px;border:4px double var(--sst-line);border-radius:50%;background:var(--sst-accent);color:var(--sst-paper);font:18px Georgia,serif}
.sst-mission--challenge .sst-mission__cover{transform-origin:50% 0}.sst-baby__mobile{transform-origin:50% 0}.sst-travel__stub{transform-origin:50% 50%}.sst-scene[data-scene-mechanic=confetti] .sst-scene__particles i{left:40%;top:48%}.sst-scene.is-revealing .sst-scene__teaser{color:var(--sst-muted)}