.little-love-page{color:#292532;background:radial-gradient(circle at 7% 12%,#ffe9df,#0000 23%),radial-gradient(circle at 88% 18%,#eee8ff,#0000 28%),#fffdfa;min-height:100vh;padding:0 5.5vw 80px}.little-love-header{justify-content:space-between;align-items:center;height:84px;display:flex}.little-love-back{color:#5d5564;background:#fffafacc;border:1px solid #e3dce5;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:.79rem;font-weight:800;text-decoration:none;display:inline-flex}.little-love-hero{justify-content:space-between;align-items:end;gap:24px;max-width:1180px;margin:45px auto 35px;display:flex}.little-love-eyebrow,.editor-heading p{color:#a2657c;letter-spacing:.2em;margin:0 0 14px;font-size:.68rem;font-weight:900}.little-love-hero h1{letter-spacing:-.075em;margin:0;font-family:Georgia,serif;font-size:clamp(3.4rem,6vw,6.5rem);font-weight:500;line-height:.86}.little-love-hero h1 i{color:#bb647c;font-weight:400}.little-love-hero>div>p:last-child{color:#706875;max-width:490px;margin:20px 0 0;font-size:1.03rem;line-height:1.55}.little-love-progress{background:#fff9f6;border:1px solid #eadfe4;border-radius:20px;align-items:center;gap:12px;margin-bottom:9px;padding:12px 18px;display:flex}.little-love-progress span{color:#fff;background:#2f2938;border-radius:50%;place-items:center;width:44px;height:44px;font-family:Georgia,serif;font-size:1.4rem;display:grid}.little-love-progress small{color:#786d77;font-size:.7rem;line-height:1.35}.little-love-workbench{background:#fffefd;border:1px solid #e5dce5;border-radius:28px;grid-template-columns:230px minmax(480px,1fr) 275px;max-width:1240px;margin:auto;display:grid;overflow:hidden;box-shadow:0 28px 70px #4c304815}.little-love-shelf{background:#fcf5f1;border-right:1px solid #ece2e1;padding:21px 14px}.shelf-label{padding:5px 8px 17px}.shelf-label span{color:#745965;letter-spacing:.14em;font-size:.69rem;font-weight:900;display:block}.shelf-label small{color:#96858d;margin-top:8px;font-size:.68rem;line-height:1.42;display:block}.gift-shelf-card{color:#4d4451;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:20px 31px minmax(0,1fr);align-items:center;gap:7px;width:100%;margin:4px 0;padding:10px 8px;transition:all .18s;display:grid;position:relative}.gift-shelf-card:hover{background:snow}.gift-shelf-card.active{background:#fff;border-color:#e7ced5;box-shadow:0 6px 15px #693b4810}.gift-order{color:#b8a7ae;font-size:.66rem;font-weight:800}.gift-shelf-icon{color:#9a5c73;background:#f0e5ea;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.gift-shelf-card strong,.gift-shelf-card small{display:block}.gift-shelf-card strong{font-size:.78rem}.gift-shelf-card small{color:#978a92;margin-top:3px;font-size:.62rem}.gift-done{color:#669675;position:absolute;right:9px}.little-love-editor{min-width:0;padding:34px}.maker-panel{max-width:620px;margin:auto}.editor-heading{margin-bottom:23px}.editor-heading h2{letter-spacing:-.06em;margin:0;font-family:Georgia,serif;font-size:2.45rem;font-weight:500;line-height:.94}.editor-heading span{color:#81757e;max-width:390px;margin-top:11px;font-size:.83rem;line-height:1.48;display:block}.identity-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.identity-row label,.letter-field,.charm-message{color:#71626c;letter-spacing:.09em;text-transform:uppercase;gap:6px;font-size:.7rem;font-weight:850;display:grid}.identity-row input,.letter-field textarea,.charm-message input{color:#433943;letter-spacing:0;text-transform:none;background:#fffdfa;border:1px solid #e4d9df;border-radius:11px;outline-color:#bd748b;width:100%;padding:11px 12px;font-size:.85rem}.letter-field{margin-top:15px}.letter-field>span{justify-content:space-between;display:flex}.letter-field small{color:#afa1a7;font-size:.65rem}.letter-field textarea{resize:vertical;min-height:175px;font-family:Georgia,serif;font-size:1rem;line-height:1.6}.starter-row{flex-wrap:wrap;align-items:center;gap:6px;margin:11px 0 22px;display:flex}.starter-row span{color:#95868e;width:100%;font-size:.66rem;font-weight:800}.starter-row button,.quiet-tool{color:#7164b1;background:#fcfaff;border:1px solid #e3d9e5;border-radius:999px;padding:6px 9px;font-size:.65rem;font-weight:750}.maker-primary{color:#fff;background:#302938;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-size:.82rem;font-weight:850;display:flex;box-shadow:0 9px 17px #2d203a1f}.maker-primary:disabled{cursor:not-allowed;opacity:.44}.little-love-package{text-align:center;background:radial-gradient(circle at 50% 18%,#fff8df,#0000 30%),#f7f1fb;flex-direction:column;justify-content:center;padding:25px 20px;display:flex}.package-view{min-height:306px;position:relative}.package-sparkles{color:#d99c6e;letter-spacing:.35em;margin:2px 0 12px;font-size:.85rem}.package-lid{z-index:3;background:linear-gradient(135deg,#f8b2bd,#d87589);border:1px solid #bc7585;border-radius:14px 14px 7px 7px;width:80%;height:79px;transition:transform .45s;position:absolute;top:57px;left:10%;transform:perspective(400px)rotateX(12deg);box-shadow:inset 0 1px #fff8}.has-gifts .package-lid{transform:perspective(400px)rotateX(48deg)translateY(-26px)}.package-lid:before{content:"";background:#fbecd0;width:27px;position:absolute;top:-14px;bottom:-8px;left:50%;transform:translate(-50%)}.package-lid span{z-index:2;color:#fff8ef;font-family:Georgia,serif;font-size:.82rem;font-style:italic;position:absolute;top:29px;left:0;right:0}.package-body{z-index:1;background:linear-gradient(145deg,#f5a9b7,#d87389);border:1px solid #b96f7e;border-radius:6px 6px 16px 16px;width:86%;height:149px;position:absolute;top:112px;left:7%;overflow:hidden;box-shadow:0 18px 24px #80526724}.package-body:before{content:"";background:#faeccd;width:26px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.package-item{z-index:2;color:#785b90;background:#fffdf8;border:1px solid #ddd4d0;border-radius:7px;place-items:center;width:45px;height:53px;font-size:1.35rem;display:grid;position:absolute;box-shadow:0 5px 9px #64333d26}.package-item-0{top:21px;left:19%;transform:rotate(-12deg)}.package-item-1{top:13px;left:37%;transform:rotate(9deg)}.package-item-2{top:26px;left:59%;transform:rotate(-5deg)}.package-item-3{top:59px;left:27%;transform:rotate(8deg)}.package-item-4{top:61px;left:57%;transform:rotate(-11deg)}.glyph-letter{color:#d2657e}.glyph-sticker{color:#db9b56}.glyph-tune{color:#7668d4}.glyph-charm{color:#d26986}.glyph-stitch{color:#648e79;font-size:1.8rem}.package-view>p{color:#81727f;margin:0;font-size:.69rem;position:absolute;bottom:0;left:0;right:0}.seal-love-button{color:#fff;background:#2f2938;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px 8px;font-size:.75rem;font-weight:850;display:flex}.seal-love-button:disabled{opacity:.43;cursor:not-allowed}.little-love-package>small{color:#8e818e;margin-top:11px;font-size:.62rem;line-height:1.4}.sticker-stage{background:radial-gradient(circle at 50% 40%,#fff,#f6f0ef);border:1px solid #e6dce0;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #fff9}.sticker-stage canvas{touch-action:none;cursor:crosshair;width:100%;display:block}.sticker-stage-hint{pointer-events:none;color:#c2b5b9;font-family:Georgia,serif;font-size:1.05rem;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sticker-shine{pointer-events:none;opacity:0;position:absolute;inset:-50%}.sticker-stage.gloss .sticker-shine{opacity:.5;background:linear-gradient(125deg,#0000 43%,#fff9 50%,#0000 57%)}.sticker-stage.holo .sticker-shine{opacity:.32;mix-blend-mode:color;background:conic-gradient(from 20deg,#ff8da6,#ffe997,#96efd5,#9db7ff,#e7a2ff,#ff8da6)}.tool-row,.material-row,.stitch-bottom,.choice-group{flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;display:flex}.color-swatches,.thread-picker{align-items:center;gap:6px;display:flex}.color-swatches button,.thread-picker button{border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #d8cbd0}.color-swatches button.selected,.thread-picker button.selected{box-shadow:0 0 0 2px #443a45}.color-swatches input{background:0 0;border:0;border-radius:50%;width:23px;height:23px;padding:0}.brush-size{color:#877982;align-items:center;gap:6px;margin-left:auto;font-size:.65rem;font-weight:800;display:flex}.brush-size input{accent-color:#d36f86;width:72px}.material-row button,.choice-group button{color:#746773;background:#fff;border:1px solid #e2d7dd;border-radius:999px;padding:7px 11px;font-size:.68rem;font-weight:800}.material-row button.selected,.choice-group button.selected{color:#a45068;background:#fff0f3;border-color:#c8788c}.material-row{margin-bottom:18px}.charm-stage{justify-items:center;margin:-3px 0 10px;display:grid}.charm-preview{width:160px;height:165px;transform:perspective(500px) rotateX(var(--rx)) rotateY(var(--ry));background:#efa8bc;border:0;transition:transform .16s;position:relative}.charm-preview.heart{clip-path:path("M80 146 C0 100 12 27 53 30 C68 31 77 42 80 50 C85 42 94 31 108 30 C149 27 160 100 80 146 Z")}.charm-preview.ticket{clip-path:polygon(0 0,100% 0,100% 38%,92% 44%,92% 56%,100% 62%,100% 100%,0 100%,0 62%,8% 56%,8% 44%,0 38%);border-radius:21px}.charm-preview.star{clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 93%,50% 72%,21% 93%,32% 56%,2% 35%,39% 34%)}.charm-preview.clear{background:#d9eff5}.charm-preview.blush{background:#ee9eb7}.charm-preview.smoke{background:#646882}.charm-ring{z-index:3;border:5px solid #e8d5ad;border-radius:50%;width:23px;height:23px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.charm-filling{z-index:2;color:#fff9;letter-spacing:.15em;font-size:1.2rem;position:absolute;top:70px;left:20px;right:20px}.charm-preview em{z-index:3;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:.93rem;font-style:italic;position:absolute;top:104px;left:20px;right:20px;overflow:hidden}.charm-message{margin:10px 0 14px}.choice-group span{color:#917f88;letter-spacing:.12em;text-transform:uppercase;width:100%;font-size:.65rem;font-weight:900}.choice-group{gap:6px;margin-top:11px}.charm-maker .maker-primary{margin-top:20px}.stitch-stage{background:#fffdf8;border:1px solid #e4ddd7;border-radius:15px;padding:14px}.fabric{background:#faf5ed;border-top:1px solid #e5ddd6;border-left:1px solid #e5ddd6;grid-template-columns:repeat(12,1fr);max-width:370px;margin:auto;display:grid}.fabric button{aspect-ratio:1;color:#fff;background:0 0;border:1px solid #e5ddd6;border-top:0;border-left:0;font-family:Georgia,serif;font-size:1.65rem}.fabric button.needle-mark{cursor:pointer;background:#f5ebeb}.fabric button.stitched{background:color-mix(in srgb,var(--thread) 19%,#fff);color:var(--thread);font-weight:700}.stitch-stage p{color:#8a7c81;text-align:center;margin:12px 0 0;font-size:.68rem}.stitch-stage p strong{color:#c46079}.stitch-bottom{justify-content:space-between;margin-bottom:18px}.seal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2b1c2cbb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sealed-card{text-align:center;background:#fffaf7;border-radius:25px;width:min(470px,100%);padding:42px 34px 32px;position:relative;box-shadow:0 28px 80px #1a102369}.close-seal{color:#705c69;background:#fff;border:1px solid #e5d9e0;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;top:15px;right:15px}.seal-burst{color:#d58c65;letter-spacing:.35em}.sealed-card>p{color:#a26b7b;letter-spacing:.18em;margin:17px 0 7px;font-size:.67rem;font-weight:900}.sealed-card h2{color:#3d2f3c;margin:0;font-family:Georgia,serif;font-size:2.8rem;font-weight:500}.sealed-package{color:#fff;background:#d67288;border:1px solid #bd6f80;border-radius:8px 8px 18px 18px;place-items:center;width:180px;height:117px;margin:23px auto 21px;display:grid;position:relative}.sealed-card h3{color:#493b46;margin:0;font-family:Georgia,serif;font-size:1.32rem;font-weight:500}.sealed-note{color:#887985;margin:9px auto 22px;font-size:.73rem;line-height:1.45;display:block}.sealed-card .maker-primary{max-width:260px;margin:auto}.tune-maker{max-width:650px}.toy-piano{isolation:isolate;background:linear-gradient(145deg,#ffec0d,#f7c900);border:11px solid #ffe000;border-radius:45px 45px 38px 38px;margin:10px auto 0;padding:27px 22px 24px;position:relative;box-shadow:inset 0 3px #fff9,inset 0 -9px #dcae0069,0 17px 22px #8e65222b}.toy-handle{z-index:-2;border:17px solid #ffe000;border-bottom:0;border-radius:90px 90px 0 0;width:50%;height:93px;position:absolute;top:-39px;left:9%;box-shadow:inset 0 4px #fff6}.toy-face{background:#f8f8f7;border:7px solid #fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 4px 9px #877e8642}.toy-bar-row{background:linear-gradient(#ece8e8 0 39%,#a9a0a5 40% 42%,#eee 43% 66%,#a9a0a5 67% 69%,#f7f7f7 70%);grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:7px;height:193px;padding:18px 20px 11px;display:grid}.toy-bar{background:var(--key-color);color:#fff;border:0;border-radius:15px;align-self:stretch;min-height:114px;transition:transform .1s,filter .1s;position:relative;transform:skewY(2deg);box-shadow:inset 0 3px #fff5,inset 0 -7px #0001,3px 5px #7c697a27}.toy-bar:nth-child(2n){transform:skewY(-2deg)}.toy-bar i{z-index:2;background:radial-gradient(circle at 35% 27%,#fff,#d4d4d1);border:3px solid #e5e4e1;border-radius:50%;width:18px;height:18px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 2px #4e4c4f55}.toy-bar i:first-child{top:9px}.toy-bar i:last-child{bottom:9px}.toy-bar span{z-index:2;width:38px;height:38px;color:var(--key-color);background:#ffffffe9;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:1.55rem;font-style:italic;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)skewY(-2deg)}.toy-bar:nth-child(2n) span{transform:translate(-50%,-50%)skewY(2deg)}.toy-bar:hover,.toy-bar.struck{filter:brightness(1.12)saturate(1.15);transform:translateY(4px)scale(.98)}.toy-bar:nth-child(2n):hover,.toy-bar:nth-child(2n).struck{transform:translateY(4px)scale(.98)}.toy-key-row{background:linear-gradient(#e1a300,#f6ca00);grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:9px 15px 14px;display:grid}.toy-key{background:linear-gradient(145deg,#fff7,#fff0 25%),var(--key-color);border:0;border-radius:9px 9px 13px 13px;min-height:55px;transition:transform .11s,filter .11s;box-shadow:inset 0 3px #fff8,inset 0 -6px #0002,0 4px #9a680039}.toy-key:hover,.toy-key.struck{filter:brightness(1.12);transform:translateY(5px);box-shadow:inset 0 1px #fff9,inset 0 -3px #0002,0 1px #9a680039}.toy-key span{opacity:0}.toy-name{color:#735744;text-align:center;padding:7px 0 8px;font-family:Georgia,serif;font-size:.83rem;font-style:italic}.toy-mallet{z-index:4;pointer-events:none;transform-origin:75% 90%;width:96px;height:76px;transition:all .15s ease-out;position:absolute;bottom:-38px;right:18px;transform:rotate(-22deg)}.toy-mallet:before{content:"";background:linear-gradient(90deg,#e8c19e,#fff2d9,#bd8d69);border-radius:99px;width:9px;height:70px;position:absolute;bottom:0;right:5px}.toy-mallet i{background:radial-gradient(circle at 35% 28%,#fff,#e3ded4);border:4px solid #dfd5c5;border-radius:50%;width:34px;height:34px;position:absolute;top:7px;left:3px;box-shadow:2px 3px 3px #7b51444d}.toy-mallet span{background:#bd8864;border-radius:50%;width:17px;height:17px;position:absolute;bottom:-2px;right:2px}.toy-mallet.hitting{transform:translate(calc((var(--hit) - 6) * -42px),-56px) rotate(17deg)}.toy-tune-status{color:#62545f;text-align:center;gap:5px;min-height:55px;margin:16px 0 11px;display:grid}.toy-tune-status span{font-family:Georgia,serif;font-size:.95rem;font-style:italic}.toy-tune-status b{color:#d2627e;margin-left:6px;font-style:normal}.toy-tune-status small{color:#998d96;font-size:.61rem;line-height:1.35}.toy-controls{justify-content:center;gap:8px;margin:0 0 17px;display:flex}.toy-controls button{color:#685966;background:#fffafc;border:1px solid #e3d6de;border-radius:99px;align-items:center;gap:6px;padding:8px 11px;font-size:.68rem;font-weight:800;display:inline-flex}.toy-controls button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1050px){.little-love-workbench{grid-template-columns:208px minmax(420px,1fr)}.little-love-package{text-align:left;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;padding:15px 24px;display:grid}.package-view{min-height:0}.package-view>:not(p){display:none}.package-view>p{position:static}.seal-love-button{width:auto;min-width:250px}.little-love-package>small{grid-area:2/2}}@media (max-width:760px){.little-love-page{padding:0 16px 44px}.little-love-header{height:70px}.little-love-header .wordmark{font-size:1.55rem}.little-love-back{padding:8px 10px;font-size:.68rem}.little-love-hero{align-items:start;margin:36px 4px 27px}.little-love-hero h1{font-size:3.45rem}.little-love-hero>div>p:last-child{font-size:.9rem}.little-love-progress{display:none}.little-love-workbench{border-radius:19px;display:block;overflow:visible}.little-love-shelf{border-bottom:1px solid #ece2e1;border-right:0;gap:6px;padding:11px;display:flex;overflow:auto}.shelf-label{display:none}.gift-shelf-card{min-width:112px;padding:8px;display:block}.gift-order{display:none}.gift-shelf-icon{margin-bottom:7px}.gift-shelf-card strong{font-size:.67rem}.gift-shelf-card small{font-size:.58rem}.gift-done{top:8px}.little-love-editor{padding:25px 16px}.editor-heading h2{font-size:2rem}.editor-heading span{font-size:.75rem}.identity-row{grid-template-columns:1fr}.letter-field textarea{min-height:155px}.little-love-package{text-align:center;padding:14px 16px;display:block}.package-view{min-height:0}.package-view>p{position:static}.seal-love-button{width:100%;margin-top:12px}.little-love-package>small{display:block}.sticker-stage canvas{height:auto}.toy-piano{border-width:8px;border-radius:30px;padding:19px 13px 18px}.toy-handle{border-width:12px;height:71px;top:-29px}.toy-face{border-width:5px;border-radius:17px}.toy-bar-row{gap:4px;height:145px;padding:13px 10px 8px}.toy-bar{border-radius:9px;min-height:91px}.toy-bar i{border-width:2px;width:12px;height:12px}.toy-bar i:first-child{top:6px}.toy-bar i:last-child{bottom:6px}.toy-bar span{width:27px;height:27px;font-size:1.1rem}.toy-key-row{gap:4px;padding:7px 8px 9px}.toy-key{border-radius:6px 6px 9px 9px;min-height:42px}.toy-mallet{transform-origin:75% 90%;bottom:-30px;right:2px;transform:scale(.75)rotate(-22deg)}.toy-mallet.hitting{transform:translate(calc((var(--hit) - 6) * -32px),-48px) scale(.75) rotate(17deg)}}.fabric-900{touch-action:none;grid-template-columns:repeat(30,1fr);max-width:520px}.fabric-900 button{font-size:.58rem}.fabric-900 button.needle-mark{background:color-mix(in srgb,var(--guide) 13%,#fff9f3);color:var(--guide);opacity:.72;font-weight:700}.fabric-900 button.stitched{opacity:1}.stitch-pattern-picker{background:#fffaf9;border:1px solid #eadde1;border-radius:15px;margin:-6px 0 14px;padding:12px}.stitch-pattern-picker>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stitch-pattern-picker>div:first-child span{color:#9a6579;letter-spacing:.14em;font-size:.61rem;font-weight:900}.stitch-pattern-picker>div:first-child small{color:#8d7e86;font-size:.64rem}.stitch-pattern-options{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0;display:grid}.stitch-pattern-options button{color:#766671;background:#fff;border:1px solid #e8dce0;border-radius:10px;place-items:center;min-height:50px;padding:5px;transition:all .16s;display:grid}.stitch-pattern-options button:hover{border-color:#d99aaa;transform:translateY(-1px)}.stitch-pattern-options button.selected{background:#fff0f4;border-color:#c96881;box-shadow:0 0 0 2px #f6dce3}.stitch-pattern-options i{font-size:1.05rem;font-style:normal;line-height:1}.stitch-pattern-options b{margin-top:3px;font-size:.57rem}.use-stitch-pattern{color:#a5546d;background:#fff;border:1px dashed #cf8a9c;border-radius:9px;width:100%;padding:8px;font-size:.68rem;font-weight:800}.envelope-picker-button{color:#695b66;text-align:left;background:#fffaf9;border:1px solid #e4d7df;border-radius:13px;align-items:center;gap:10px;width:100%;margin:0 0 14px;padding:9px 11px;display:flex}.envelope-picker-button small,.envelope-picker-button b{display:block}.envelope-picker-button small{letter-spacing:.11em;font-size:.58rem;font-weight:850}.envelope-picker-button b{margin-top:2px;font-size:.75rem}.envelope-picker-button>span:last-child{color:#a65e76;margin-left:auto;font-size:.68rem;font-weight:800}.envelope-mini,.envelope-card{background:#fff4e8;place-items:center;display:grid}.envelope-mini{border-radius:6px;width:34px;height:27px;font-size:1rem}.envelope-mini.blush,.envelope-card.blush{background:#ffe3ec}.envelope-mini.lavender,.envelope-card.lavender{background:#ede6ff}.envelope-mini.midnight,.envelope-card.midnight{color:#fff;background:#353454}.envelope-mini.rose,.envelope-card.rose{background:#f9dce4}.little-modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#2b1d2c9e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.envelope-modal,.packing-modal{background:#fffaf8;border-radius:24px;width:min(600px,100%);max-height:calc(100vh - 36px);padding:34px;position:relative;overflow:auto;box-shadow:0 30px 90px #1d10225e}.envelope-modal>p,.packing-modal>p{color:#a5657b;letter-spacing:.17em;margin:0 0 8px;font-size:.63rem;font-weight:900}.envelope-modal h3,.packing-modal h2{color:#3a2e3a;letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:2rem;font-weight:500}.envelope-modal>div{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px;display:grid}.envelope-modal>div>button{text-align:left;background:#fff;border:1px solid #e7dce2;border-radius:14px;padding:12px}.envelope-modal>div>button.selected{border-color:#b96780;box-shadow:0 0 0 3px #f8dce4}.envelope-card{border-radius:8px;width:100%;height:62px;margin-bottom:9px;font-size:1.7rem}.envelope-modal b,.envelope-modal small{display:block}.envelope-modal b{font-size:.78rem}.envelope-modal small{color:#8d7e87;margin-top:3px;font-size:.64rem}.packing-progress{color:#afa0a8;letter-spacing:.1em;gap:12px;margin-bottom:24px;font-size:.62rem;font-weight:900;display:flex}.packing-progress .active{color:#a0546d}.packing-modal>small{color:#837680;margin:10px 0 21px;font-size:.77rem;line-height:1.45;display:block}.box-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.box-options button{text-align:left;background:#fff;border:1px solid #e8dce2;border-radius:16px;min-height:138px;padding:12px}.box-options button.selected{border-color:#b76b83;box-shadow:0 0 0 3px #f7dde5}.box-options span,.box-options b,.box-options small{display:block}.box-options span{font-size:2.2rem}.box-options b{margin-top:11px;font-size:.75rem}.box-options small{color:#8d7f88;margin-top:4px;font-size:.62rem}.firework-toggle{color:#635562;background:#fff;border:1px solid #e4d9df;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:14px;font-weight:800;display:flex}.firework-toggle span{align-items:center;gap:8px;display:flex}.firework-toggle.on{color:#a24f6b;background:#fff0f4;border-color:#bb6782}.firework-options{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.firework-options button,.sound-toggle{color:#70606c;background:#fff;border:1px solid #e2d8e1;border-radius:999px;padding:8px 10px;font-size:.68rem;font-weight:800}.firework-options button.selected,.sound-toggle.on{color:#a3546c;background:#fff0f3;border-color:#be6d85}.packing-actions{justify-content:space-between;gap:10px;margin-top:22px;display:flex}.packing-actions>button:first-child{color:#887781;background:0 0;border:0;font-size:.75rem;text-decoration:underline}.packing-actions .maker-primary{width:auto;padding:11px 14px}.share-link{background:#fff;border:1px solid #e4dbe2;border-radius:11px;align-items:center;gap:7px;margin:20px 0 13px;padding:9px;display:flex}.share-link code{color:#6d5e69;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.68rem;overflow:hidden}.share-link button{color:#a35670;background:0 0;border:0;place-items:center;display:grid}.qr-preview{color:#796b75;background:#fffdfc;border:1px solid #e4dbe2;border-radius:14px;align-items:center;gap:14px;padding:14px;font-size:.72rem;line-height:1.35;display:flex}.qr-preview svg{border:1px solid #e8dfe5;border-radius:9px;padding:5px}.checkout-button{color:#fff;background:#e06e8a;border:0;border-radius:12px;width:100%;margin-top:13px;padding:13px;font-weight:850}@media (max-width:600px){.box-options{grid-template-columns:1fr}.box-options button{grid-template-columns:45px 1fr;column-gap:9px;min-height:auto;display:grid}.box-options span{grid-row:span 2}.envelope-modal>div{grid-template-columns:1fr}.fabric-900{max-width:100%}.fabric-900 button{font-size:.38rem}.stitch-pattern-options{grid-template-columns:repeat(4,1fr)}.stitch-pattern-options button{min-height:45px}.stitch-pattern-picker>div:first-child{flex-direction:column;align-items:flex-start;gap:3px}.packing-actions{flex-direction:column-reverse}.packing-actions .maker-primary{width:100%}}.recipient-love-preview{z-index:130;background:#17132a;position:fixed;inset:0}.recipient-close{z-index:150;color:#fff;background:#201a37aa;border:1px solid #fff5;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:fixed;top:18px;right:18px}.recipient-box{background:radial-gradient(circle at 75% 18%,#f5dce3,#0000 31%),radial-gradient(circle at 16% 82%,#d9e7ff,#0000 30%),#fffaf7;place-items:center;padding:35px;display:grid;overflow:auto}.recipient-box-button{color:#fff9ef;background:linear-gradient(145deg,#f2aab8,#cb617c);border:1px solid #c9778a;border-radius:24px;justify-items:center;gap:13px;min-width:min(380px,84vw);padding:44px 36px;transition:transform .25s;display:grid;box-shadow:0 25px 45px #6e385044}.recipient-box-button:hover{transform:translateY(-6px)rotate(-1deg)}.recipient-box-button.midnight{background:linear-gradient(145deg,#403668,#1e2147)}.recipient-box-button.blush{background:linear-gradient(145deg,#ffc2d2,#dd7391)}.recipient-box-button span{font-family:Georgia,serif;font-style:italic}.recipient-box-button b{font-size:1rem}.recipient-box-button small{opacity:.85}.recipient-tray{text-align:center;background:#fffdfb;border:1px solid #e8dce2;border-radius:28px;width:min(850px,94vw);padding:34px;box-shadow:0 25px 70px #55354b22}.recipient-tray>p,.recipient-item-overlay p{color:#ad6980;letter-spacing:.17em;margin:0;font-size:.65rem;font-weight:900}.recipient-tray h2{letter-spacing:-.07em;margin:10px 0 6px;font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4rem);font-weight:500}.recipient-tray>small{color:#857681;font-size:.74rem}.recipient-items{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:27px;display:grid}.recipient-items button{color:#61525e;background:#fff;border:1px solid #e7dce1;border-radius:17px;justify-items:center;gap:8px;min-height:132px;padding:13px;display:grid}.recipient-items button svg{color:#c76780}.recipient-items button b{font-size:.76rem}.recipient-items button span{color:#9f8290;font-size:.64rem}.recipient-items button.seen{background:#fff4f6;border-color:#e6b2c0}.recipient-finale{color:#9a5d73;margin-top:22px;font-family:Georgia,serif;font-size:1rem}.recipient-item-overlay{z-index:145;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#2b1c2c99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.recipient-item-overlay article{color:#4b3e49;background:#fffdf9;border-radius:24px;width:min(470px,100%);min-height:260px;padding:42px 35px;position:relative}.recipient-item-overlay article>svg{color:#c6647e}.recipient-item-overlay h3{color:#382b38;margin:11px 0;font-family:Georgia,serif;font-size:2.1rem;font-weight:500}.recipient-item-overlay article>span{color:#786b75;font-size:.9rem;line-height:1.6;display:block}.recipient-letter-copy{color:#574956;white-space:pre-wrap;margin-top:15px;font-family:Georgia,serif;font-size:1.06rem;line-height:1.75}.recipient-letter-copy em{color:#9a6577;margin-top:22px;display:block}.recipient-made-piece{text-align:center;max-height:calc(100vh - 40px);overflow:auto}.recipient-made-piece>svg{margin:auto}.recipient-letter-piece{justify-items:center;gap:17px;margin-top:18px;display:grid}.recipient-envelope{color:#7b5d64;background:#fff2df;border-radius:10px;place-items:center;width:min(270px,80vw);height:157px;font-family:Georgia,serif;font-size:1.1rem;font-style:italic;display:grid;position:relative;box-shadow:0 12px 23px #53313c29}.recipient-envelope:before{clip-path:polygon(0 0,50% 56%,100% 0);content:"";background:#fff8ed;border-radius:10px;position:absolute;inset:0}.recipient-envelope span,.recipient-envelope i{z-index:1;position:relative}.recipient-envelope i{color:#ca7184;font-size:1.4rem;position:absolute;bottom:15px;right:17px}.recipient-envelope.blush{background:#ffdbe6}.recipient-envelope.blush:before{background:#ffedf2}.recipient-envelope.lavender{background:#e6ddff}.recipient-envelope.lavender:before{background:#f3efff}.recipient-envelope.midnight{color:#f7eef1;background:#343350}.recipient-envelope.midnight:before{background:#494866}.recipient-envelope.rose{background:#f7d7df}.recipient-envelope.rose:before{background:#ffebef}.recipient-letter-piece .recipient-letter-copy{text-align:left;background:#fffdf8;border:1px solid #eadfe0;border-radius:12px;width:min(350px,100%);padding:18px}.recipient-sticker-piece{justify-items:center;gap:14px;margin-top:14px;display:grid}.recipient-sticker-piece img{object-fit:contain;background:#fff9fa;border:12px solid #fff;border-radius:22px;width:min(360px,100%);max-height:300px;box-shadow:0 16px 30px #4b314029}.recipient-sticker-piece>span{color:#fff;background:#f5b7c7;border:9px solid #fff;border-radius:50%;place-items:center;width:175px;height:175px;font-size:5rem;display:grid;box-shadow:0 16px 30px #4b314029}.recipient-sticker-piece small,.recipient-charm-piece small,.recipient-stitch-piece small{color:#887681;font-size:.72rem}.recipient-tune-piece{justify-items:center;gap:15px;margin-top:16px;display:grid}.recipient-mini-piano{background:#f5c600;border:7px solid #ffdb00;border-radius:19px;grid-template-columns:repeat(8,1fr);gap:5px;width:min(390px,100%);padding:15px;display:grid;box-shadow:inset 0 3px #fff9,0 13px 22px #9c702938}.recipient-mini-piano button{background:linear-gradient(145deg,#fff8,#00000010),var(--key-color);color:#fff;border:0;border-radius:10px;min-height:76px;font-family:Georgia,serif;font-size:1.25rem;font-weight:700;transition:transform .12s;box-shadow:inset 0 2px #fff8,inset 0 -5px #0002}.recipient-mini-piano button.struck,.recipient-mini-piano button:active{transform:translateY(5px)}.recipient-score{flex-wrap:wrap;justify-content:center;gap:5px;max-width:390px;display:flex}.recipient-score i{color:#bb5f79;background:#fff0f4;border-radius:6px;min-width:23px;padding:4px;font-family:Georgia,serif;font-style:normal}.recipient-score span{color:#897a82;font-size:.76rem}.recipient-play{color:#fff;background:#3b2d3e;border:0;border-radius:999px;align-items:center;gap:7px;padding:10px 15px;font-size:.75rem;font-weight:800;display:inline-flex}.recipient-play:disabled{opacity:.45}.recipient-charm-piece{justify-items:center;gap:10px;margin-top:6px;display:grid}.recipient-charm-piece .real-heart-charm,.recipient-charm-piece .real-star-charm{width:min(365px,100%);max-height:400px}.recipient-charm-piece .real-heart-charm img,.recipient-charm-piece .real-star-charm img{object-fit:contain;max-height:400px}.recipient-charm-piece .resin-filling{--fill:var(--fill)}.recipient-stitch-piece{justify-items:center;gap:13px;margin-top:16px;display:grid}.recipient-fabric{background:#fffaf3;border-top:1px solid #e6ded6;border-left:1px solid #e6ded6;grid-template-columns:repeat(30,1fr);width:min(410px,100%);display:grid}.recipient-fabric i{aspect-ratio:1;color:var(--thread);border-bottom:1px solid #e6ded6;border-right:1px solid #e6ded6;place-items:center;font-family:Georgia,serif;font-size:clamp(.33rem,1.2vw,.72rem);font-style:normal;font-weight:700;display:grid}.recipient-fabric i.stitched{background:color-mix(in srgb,var(--thread) 17%,#fff)}@media (max-width:600px){.recipient-tray{padding:28px 18px}.recipient-item-overlay article{padding:34px 20px}.recipient-mini-piano{border-width:5px;padding:10px}.recipient-mini-piano button{min-height:58px;font-size:1rem}.recipient-charm-piece .real-heart-charm,.recipient-charm-piece .real-star-charm{width:min(310px,100%)}.recipient-sticker-piece img{max-height:240px}}.box-options button img{object-fit:contain;width:100%;height:74px;margin:0 0 8px;display:block}.recipient-box-button>img{object-fit:contain;filter:drop-shadow(0 13px 12px #55334244);width:min(250px,75vw);height:150px;display:block}.recipient-box-button>svg{display:none}.recipient-item-overlay article.recipient-made-piece .recipient-envelope{width:min(330px,85vw);height:185px;box-shadow:none;border:0;place-items:center;display:grid;position:relative;overflow:hidden;background:0 0!important}.recipient-item-overlay article.recipient-made-piece .recipient-envelope:before{display:none}.recipient-item-overlay article.recipient-made-piece .recipient-envelope img{object-fit:contain;filter:hue-rotate()drop-shadow(0 13px 12px #4e344133);width:100%;height:100%;position:absolute;inset:0}.recipient-item-overlay article.recipient-made-piece .recipient-envelope.blush img{filter:hue-rotate(-14deg)drop-shadow(0 13px 12px #4e344133)}.recipient-item-overlay article.recipient-made-piece .recipient-envelope.lavender img{filter:hue-rotate(26deg)drop-shadow(0 13px 12px #4e344133)}.recipient-item-overlay article.recipient-made-piece .recipient-envelope.midnight img{filter:hue-rotate(174deg)brightness(.7)drop-shadow(0 13px 12px #16132766)}.recipient-item-overlay article.recipient-made-piece .recipient-envelope.rose img{filter:drop-shadow(0 13px 12px #4e344133)}.recipient-item-overlay article.recipient-made-piece .recipient-envelope span{z-index:2;color:#4e3841;text-shadow:0 1px #fff;margin-top:7px;font-family:Georgia,serif;font-size:1.15rem;font-style:italic;position:relative}.recipient-item-overlay article.recipient-made-piece .recipient-envelope.midnight span{color:#fff7ed;text-shadow:0 1px 2px #24213d}.recipient-item-overlay article.recipient-made-piece .recipient-envelope i{z-index:3;font-size:1.5rem;bottom:20%;right:20%}.recipient-item-overlay article.recipient-made-piece.stitch{width:min(740px,100%);max-height:calc(100vh - 24px);padding:28px}.recipient-item-overlay article.recipient-made-piece.stitch h3{margin:8px 0}.recipient-item-overlay article.recipient-made-piece.stitch .recipient-stitch-piece{margin-top:4px}.recipient-item-overlay article.recipient-made-piece.stitch .recipient-fabric{width:min(600px,100%)}.recipient-item-overlay article.recipient-made-piece.stitch .recipient-fabric i{font-size:clamp(.43rem,1.35vw,.82rem)}.recipient-charm-piece .resin-keychain{flex:none;margin:0 auto;display:block}.recipient-charm-piece .resin-keychain:focus-visible{outline-offset:7px;outline:3px solid #d66f8b}@media (max-width:600px){.box-options button img{height:60px}.recipient-box-button>img{height:125px}.recipient-item-overlay article.recipient-made-piece.stitch{padding:30px 14px}.recipient-item-overlay article.recipient-made-piece .recipient-envelope{height:155px}.recipient-item-overlay article.recipient-made-piece.stitch .recipient-fabric{width:100%}}.envelope-modal .envelope-card{position:relative;overflow:hidden;background:0 0!important}.envelope-modal .envelope-card img{object-fit:contain;width:100%;height:100%;filter:hue-rotate(var(--envelope-hue)) drop-shadow(0 5px 5px #6442522b);display:block}.envelope-modal .envelope-card.rose img{filter:drop-shadow(0 5px 5px #6442522b)}.recipient-charm-piece .resin-keychain .resin-filling{--fill:inherit!important}.recipient-item-overlay article.recipient-made-piece.stitch .recipient-fabric{aspect-ratio:1;width:min(520px,100vh - 330px,100%)}.recipient-item-overlay article.recipient-made-piece.stitch .recipient-fabric i{min-width:0;min-height:0}@media (max-width:600px){.recipient-item-overlay article.recipient-made-piece.stitch .recipient-fabric{width:min(100%,100vh - 290px)}}.stitch-pattern-options{grid-template-columns:repeat(3,1fr)}.free-stitch-note{color:#85757e;text-align:center;background:#fff;border:1px dashed #cfc1c5;border-radius:9px;padding:8px;font-size:.66rem;display:block}.fabric-900 button.needle-mark{color:#afa8a5;opacity:1;background:0 0;font-size:.54rem;font-weight:700}.fabric-900 button.needle-mark.stitched{background:color-mix(in srgb,var(--thread) 19%,#fff);color:var(--thread);font-size:.58rem}@media (max-width:600px){.stitch-pattern-options{grid-template-columns:repeat(3,1fr)}}.little-modal-backdrop .envelope-modal{width:min(980px,100vw - 52px)!important}.envelope-modal>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}.envelope-modal>div>button{min-height:252px!important;padding:14px!important}.envelope-modal .envelope-card{height:178px!important;margin:0 0 10px!important}.envelope-modal .envelope-card img{object-position:center!important}.envelope-modal>div>button>b{font-size:.92rem}.envelope-modal>div>button>small{font-size:.72rem}.package-view.package-view-real{min-height:306px}.package-view-real .package-real-box{height:238px;margin:2px 0 0;position:relative}.package-view-real .package-real-box>img{object-fit:contain;filter:drop-shadow(0 12px 10px #4c2f3b23);width:100%;height:100%;position:absolute;inset:0}.package-view-real .package-real-to{z-index:2;color:#78515e;text-overflow:ellipsis;white-space:nowrap;max-width:57%;font-family:Georgia,serif;font-size:.73rem;font-style:italic;position:absolute;top:49%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.package-view-real .package-real-items{z-index:3;width:43%;height:25%;position:absolute;top:53%;left:50%;transform:translate(-50%)}.package-view-real .package-item{border-radius:6px;width:31px;height:35px;font-size:.95rem;box-shadow:0 3px 5px #64333d22}.package-view-real .package-item-0{top:18%;left:5%;transform:rotate(-10deg)}.package-view-real .package-item-1{top:3%;left:27%;transform:rotate(7deg)}.package-view-real .package-item-2{top:16%;left:52%;transform:rotate(-5deg)}.package-view-real .package-item-3{top:46%;left:16%;transform:rotate(8deg)}.package-view-real .package-item-4{top:45%;left:57%;transform:rotate(-9deg)}.package-view-real .package-lid,.package-view-real .package-body{display:none}@media (max-width:760px){.little-modal-backdrop .envelope-modal{width:min(620px,100vw - 28px)!important}.envelope-modal>div>button{min-height:205px!important}.envelope-modal .envelope-card{height:132px!important}.package-view-real .package-real-box{height:185px}}@media (min-width:981px){.little-modal-backdrop .envelope-modal{width:min(1180px,100vw - 52px)!important}.envelope-modal>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important}.envelope-modal>div>button{min-height:208px!important}.envelope-modal .envelope-card{height:142px!important;margin-bottom:7px!important}}.package-view-real .package-real-items{justify-content:center;align-items:center;gap:0;transform:translate(-50%);width:24%!important;height:13%!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;display:flex!important;top:28%!important;left:66%!important}.package-view-real .package-real-items .package-item{flex:none;width:22px!important;height:24px!important;transform:rotate(var(--gift-tilt,0deg))!important;background:#fffdf8e8!important;border:0!important;border-radius:6px!important;position:relative!important;top:auto!important;left:auto!important;box-shadow:0 2px 3px #7a404633!important}.package-view-real .package-real-items .package-item-0{--gift-tilt:-10deg}.package-view-real .package-real-items .package-item-1{--gift-tilt:4deg}.package-view-real .package-real-items .package-item-2{--gift-tilt:-3deg}.package-view-real .package-real-items .package-item-3{--gift-tilt:7deg}.package-view-real .package-real-items .package-item-4{--gift-tilt:-6deg}.package-view-real .package-real-to{text-shadow:0 1px #fff8;z-index:4!important;color:#713a42!important;top:49%!important;left:46%!important}.firework-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:290px;margin:13px 0;padding:2px;display:grid;overflow:auto}.firework-catalog button{color:#6f606b;text-align:left;background:#fff;border:1px solid #e6dbe1;border-radius:11px;min-height:62px;padding:9px}.firework-catalog button.selected{background:#fff0f4;border-color:#bd6680;box-shadow:0 0 0 2px #f8dce4}.firework-catalog b,.firework-catalog small{display:block}.firework-catalog b{font-size:.69rem}.firework-catalog small{color:#9a8790;margin-top:4px;font-size:.57rem;line-height:1.2}.firework-message{color:#8d6675;letter-spacing:.08em;text-transform:uppercase;gap:6px;margin:9px 0;font-size:.65rem;font-weight:850;display:grid}.firework-message input{color:#51444f;width:100%;font:inherit;letter-spacing:0;text-transform:none;background:#fff;border:1px solid #e3d7df;border-radius:9px;padding:9px 10px}.firework-settings{justify-content:space-between;align-items:center;gap:8px;margin:12px 0;display:flex}.firework-settings>div{color:#897783;align-items:center;gap:5px;font-size:.66rem;font-weight:800;display:flex}.firework-settings>div button{color:#786570;background:#fff;border:1px solid #e2d8df;border-radius:999px;padding:7px 9px;font-size:.65rem;font-weight:800}.firework-settings>div button.selected{color:#a3546c;background:#fff0f3;border-color:#be6d85}.checkout-button:disabled,.maker-primary:disabled{cursor:not-allowed;opacity:.55}@media (max-width:600px){.firework-catalog{grid-template-columns:repeat(2,minmax(0,1fr));max-height:245px}.firework-settings{flex-direction:column;align-items:flex-start}}.recipient-fireworks-toggle{z-index:8;color:#a4546c;background:#fff8fa;border:1px solid #c66a83;border-radius:999px;margin:15px auto 1px;padding:10px 15px;font-size:.72rem;font-weight:850;position:relative;box-shadow:0 7px 16px #6d37441a}.recipient-fireworks-toggle.on{color:#fff;background:#a95470;border-color:#9c5069}.tune-samples{margin:0 0 18px}.tune-samples>span{color:#9a6d7e;letter-spacing:.14em;margin-bottom:8px;font-size:.63rem;font-weight:900;display:block}.tune-samples>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tune-samples button{color:#695664;text-align:left;background:#fffcfa;border:1px solid #e8dbe1;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:3px 7px;padding:10px 11px;transition:all .18s;display:grid}.tune-samples button:hover,.tune-samples button.playing{background:#fff4f6;border-color:#d58199;box-shadow:0 5px 14px #c56b851c}.tune-samples button svg{color:#d46381;grid-row:span 2}.tune-samples button strong{font-size:.72rem}.tune-samples button small{color:#9c8d95;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}@media (max-width:520px){.tune-samples>div{grid-template-columns:1fr}}.resin-maker{max-width:650px}.resin-step{color:#a26d80;letter-spacing:.14em;margin:-7px 0 10px;font-size:.62rem;font-weight:900}.resin-board{cursor:crosshair;background:linear-gradient(115deg,#eef4f6 0%,#fafcff 42%,#e7edf2 100%);border:1px solid #d9e0e5;border-radius:21px;width:min(100%,530px);height:264px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,inset 0 0 30px #a9b8c544,0 13px 25px #67556617}.resin-board:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 4px,#8191a908 5px 6px);position:absolute;inset:0}.resin-board-glow{background:radial-gradient(#fff 0%,#ffffff7a 30%,#0000 70%);border-radius:50%;height:85%;position:absolute;inset:-30% 10% auto;transform:rotate(-18deg)}.resin-board b{color:#73808b;letter-spacing:.08em;opacity:.72;font-size:.62rem;font-weight:700;position:absolute;bottom:13px;right:15px}.board-motif,.insert-motif{z-index:2;text-shadow:0 1px #fff,0 3px 3px #6a7a8a31;place-items:center;font-family:Georgia,serif;font-style:normal;line-height:1;display:grid;position:absolute}.board-motif{filter:drop-shadow(0 3px 1px #fff)drop-shadow(0 5px 4px #82909b55);font-size:2.35rem}.board-motif.flower{font-size:2.75rem}.board-motif.sparkle{font-size:2.6rem}.resin-toolbar{flex-wrap:wrap;gap:14px;margin:13px 0 8px;display:flex}.resin-toolbar>div{align-items:center;gap:6px;display:flex}.resin-toolbar span{color:#8e7d87;letter-spacing:.1em;margin-right:2px;font-size:.61rem;font-weight:900}.resin-toolbar button{color:#8c7182;background:snow;border:1px solid #dfd7df;border-radius:9px;place-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:1rem;display:grid}.resin-toolbar button.selected{border-color:#b86d87;box-shadow:0 0 0 2px #eebdca8c}.resin-toolbar button.swatch{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 1px #fff9}.resin-toolbar button.swatch.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #b86d87}.resin-board-actions{gap:9px;margin:3px 0 13px;display:flex}.resin-board-actions button,.resin-final-actions button{color:#8c7180;background:0 0;border:0;padding:4px 0;font-size:.67rem;text-decoration:underline}.resin-board-actions button:disabled{opacity:.35}.resin-choice{align-items:center;gap:13px;margin:12px 0;display:flex}.resin-choice>span{color:#8f7d88;letter-spacing:.1em;text-transform:uppercase;flex:none;width:52px;font-size:.63rem;font-weight:900}.resin-choice>div{flex-wrap:wrap;gap:6px;display:flex}.resin-choice button{color:#73636e;background:#fffcfa;border:1px solid #e4d9df;border-radius:999px;padding:7px 10px;font-size:.68rem}.resin-choice button.selected{color:#fff;background:#352d3a;border-color:#352d3a}.resin-choice button.palette{padding-left:23px;position:relative}.resin-choice button.palette:before{background:var(--palette);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:9px;transform:translateY(-50%);box-shadow:0 0 0 1px #fff8}.resin-product-stage{background:radial-gradient(circle at 50% 24%,#fff 0 7%,#f8f3f4 43%,#eeeaf2 100%);border-radius:22px;place-items:center;min-height:337px;display:grid;position:relative;overflow:hidden}.resin-product-stage:before{content:"";filter:blur(9px);background:#78566b20;border-radius:50%;width:46%;height:18px;position:absolute;bottom:15px}.resin-product-stage p{color:#827480;margin:0;font-size:.67rem;position:absolute;bottom:9px}.resin-keychain{z-index:1;cursor:pointer;perspective:800px;width:252px;height:277px;transform:rotateX(var(--rx)) rotateY(var(--ry));background:0 0;border:0;transition:transform .14s ease-out;position:relative}.resin-keychain:active{transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(.97)}.resin-ring{z-index:4;border:8px solid #caa56a;border-radius:50%;width:70px;height:70px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:inset 2px 2px 3px #fff8,2px 4px 6px #57402c44}.resin-link{z-index:3;background:linear-gradient(90deg,#a77843,#f5d58e,#b6844d);border-radius:8px;width:12px;height:41px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.resin-ribbon{z-index:1;background:linear-gradient(125deg,#fff7,#58d4e877 20%,#ed8ecf88 53%,#ffe66b99 82%,#fff7);border:1px solid #a9e6ed99;border-radius:7px;width:45px;height:97px;position:absolute;top:57px;left:26px;transform:rotate(-24deg);box-shadow:inset 0 1px #fff}.resin-shell{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(145deg,#ffffffb8 0%,#d9eff933 37%,#ffffff50 62%,#b6e1ed55 100%);width:218px;height:203px;position:absolute;bottom:0;right:11px;overflow:hidden;box-shadow:inset 0 0 0 7px #e8fbff99,inset 0 0 0 10px #76b3c577,inset 12px 13px 19px #fff9,inset -10px -12px 18px #5c9aac38,0 11px 13px #65496428}.resin-keychain.star .resin-shell{clip-path:polygon(50% 1%,61% 35%,97% 35%,68% 56%,79% 93%,50% 72%,21% 93%,32% 56%,3% 35%,39% 35%)}.resin-insert{z-index:1;background:linear-gradient(135deg,#ffffff5e,#9bd5e43a);border:1px solid #ffffffb9;border-radius:13px;width:74%;height:46%;position:absolute;top:17%;left:13%;overflow:hidden;box-shadow:inset 0 0 12px #fff9,0 3px 8px #6c778526}.insert-motif{text-shadow:0 1px #fff,0 2px 2px #40576e3a;font-size:1.1rem}.insert-motif.flower{font-size:1.32rem}.resin-filling{z-index:2;height:59%;position:absolute;bottom:5%;left:5%;right:5%}.resin-particle{background:color-mix(in srgb, var(--fill) 80%, #fff);color:#fff7;transform:translateX(-50%) rotate(var(--rotate));border-radius:45% 55% 48% 52%;place-items:center;font-size:10px;font-style:normal;line-height:1;display:grid;position:absolute;box-shadow:inset 1px 1px #fff9,0 2px 3px #3f53654d}.resin-particle.glitter{background:radial-gradient(circle at 30% 30%, #fff, var(--fill) 40%, #fff8 42%, var(--fill) 62%);border-radius:50%}.resin-particle.stars{clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 75%,20% 100%,30% 60%,0 38%,38% 35%);border-radius:0}.resin-keychain.is-pressed .resin-shell{animation:2.35s both shell-press}.resin-keychain.is-pressed .resin-particle{animation:resin-rise 2.12s cubic-bezier(.23,.83,.25,1) var(--delay) both}.resin-highlight{z-index:4;border-top:7px solid #fff9;border-radius:50%;width:43%;height:19%;position:absolute;top:11%;left:15%;transform:rotate(-20deg);box-shadow:0 -1px 5px #fff}.resin-keychain:hover .resin-highlight{opacity:.95;filter:brightness(1.3)}@keyframes resin-rise{0%,to{transform:translateX(-50%) rotate(var(--rotate))}38%{transform:translateX(calc(-50% + 9px)) translateY(calc(-1 * var(--rise))) rotate(calc(var(--rotate) + 34deg))}64%{transform:translateX(calc(-50% - 5px)) translateY(calc(-1 * var(--rise) + 14px)) rotate(calc(var(--rotate) - 18deg))}}@keyframes shell-press{0%,to{filter:saturate()}16%{filter:brightness(1.15)saturate(1.2);transform:scale(.975)}45%{transform:scale(1.01)}}.resin-final-actions{justify-content:space-between;align-items:center;margin:14px 0;display:flex}.resin-final-actions .resin-press-button{color:#a45972;background:#fff6f8;border:1px solid #b98193;border-radius:999px;padding:8px 13px;font-weight:800;text-decoration:none}@media (max-width:620px){.resin-board{height:220px}.resin-product-stage{min-height:312px}.resin-keychain{transform:scale(.9) rotateX(var(--rx)) rotateY(var(--ry));transform-origin:50%}.resin-keychain:active{transform:scale(.87) rotateX(var(--rx)) rotateY(var(--ry))}.resin-choice{flex-direction:column;align-items:flex-start;gap:6px}.resin-choice>span{width:auto}.resin-toolbar{gap:8px}.resin-toolbar>div{gap:5px}}.resin-keychain.heart .resin-shell{clip-path:polygon(50% 98%,35% 86%,18% 71%,5% 54%,1% 36%,5% 21%,16% 10%,29% 8%,40% 14%,50% 27%,60% 14%,71% 8%,84% 10%,95% 21%,99% 36%,95% 54%,82% 71%,65% 86%)}.resin-insert{width:84%;height:76%;box-shadow:none;background:radial-gradient(circle at 35% 20%,#ffffff9e,#9bd5e41a 53%,#0000 72%);border:0;border-radius:50%;top:8%;left:8%}.resin-keychain .resin-shell{filter:drop-shadow(0 11px 10px #42556833);background:linear-gradient(145deg,#ffffffb8 0%,#d7f6fb55 37%,#fff5 62%,#91cbd966 100%)}.resin-outline{z-index:6;pointer-events:none;filter:drop-shadow(0 8px 7px #35495e38);width:220px;height:210px;position:absolute;bottom:-2px;right:10px;overflow:visible}.resin-outline .outline-body{fill:#d9f5fa22;stroke:#b1e3edba;stroke-width:14px;stroke-linejoin:round}.resin-outline .outline-edge{fill:none;stroke:#579db0d9;stroke-width:3.4px;stroke-linejoin:round}.resin-outline .outline-inner-edge{fill:none;stroke:#ffffffd9;stroke-width:2.1px;stroke-linejoin:round;stroke-dasharray:2 4}.resin-outline .outline-glint{fill:none;stroke:#ffffffdf;stroke-linecap:round;stroke-width:5px;transform-origin:50%;filter:drop-shadow(0 1px 2px #fffa);transform:rotate(-22deg)}.resin-outline .outline-hole-shadow{fill:#5c849066}.resin-outline .outline-hole{fill:#f8ffffd9;stroke:#6aa8b9e6;stroke-width:3px;box-shadow:inset 0 1px #fff}.resin-keychain.star .resin-outline .outline-body{fill:#dff8fb2b}.resin-keychain:hover .resin-outline{filter:drop-shadow(0 9px 9px #35495e42)brightness(1.07)}.real-heart-charm{z-index:4;filter:drop-shadow(0 11px 9px #3f384c33);transform-origin:50% 61%;display:block;position:absolute;inset:-14px -8px -6px;transform:scale(1.13)}.real-heart-charm>img{z-index:2;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.real-heart-window{z-index:1;clip-path:polygon(50% 98%,7% 61%,0 40%,4% 20%,20% 8%,38% 12%,50% 25%,62% 12%,80% 8%,96% 20%,100% 40%,93% 61%);background:radial-gradient(circle at 35% 20%,#fffdf0,#d8f2f2 62%,#a7dce044);width:41%;height:34%;position:absolute;top:47.5%;left:29.5%;overflow:hidden;box-shadow:inset 0 0 9px #78a7b855}.real-heart-window:after{z-index:4;content:"";border-top:3px solid #ffffffd5;border-radius:50%;width:47%;height:21%;position:absolute;top:11%;left:16%;transform:rotate(-18deg);box-shadow:0 -1px 3px #fff}.real-heart-window .real-heart-insert{z-index:1;position:absolute;inset:4%}.real-heart-window .insert-motif{text-shadow:0 1px #fff,0 2px 2px #40576e44;font-size:.92rem}.real-heart-window .insert-motif.flower{font-size:1.1rem}.real-heart-window .resin-filling{z-index:2;height:56%;bottom:1%;left:2%;right:2%}.real-heart-window .resin-particle{font-size:9px;box-shadow:inset 1px 1px #fff8,0 1px 2px #3f53654d}.resin-keychain.is-pressed .real-heart-window .resin-particle{animation:resin-drift var(--duration) cubic-bezier(.2,.72,.25,1) var(--delay) both}.resin-keychain.is-pressed .real-heart-window .resin-particle.linger{animation-name:resin-linger}.resin-keychain.is-pressed .real-heart-charm{animation:6s both shell-press}.real-star-charm{z-index:4;filter:drop-shadow(0 11px 9px #3f384c33);transform-origin:50% 61%;display:block;position:absolute;inset:-14px -8px -6px;transform:scale(1.13)}.real-star-charm>img{z-index:2;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.real-star-window{z-index:1;clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 75%,20% 100%,30% 60%,0 38%,38% 35%);background:radial-gradient(circle at 36% 20%,#fffdf0,#d8f2f2 62%,#a7dce044);width:34%;height:31%;position:absolute;top:49%;left:33%;overflow:hidden;box-shadow:inset 0 0 8px #78a7b855}.real-star-window:after{z-index:4;content:"";border-top:3px solid #fff7d8d9;border-radius:50%;width:46%;height:20%;position:absolute;top:15%;left:24%;transform:rotate(-19deg)}.real-star-window .real-star-insert{z-index:1;position:absolute;inset:4%}.real-star-window .insert-motif{text-shadow:0 1px #fff,0 2px 2px #40576e44;font-size:.88rem}.real-star-window .insert-motif.flower{font-size:1.06rem}.real-star-window .resin-filling{z-index:2;height:57%;bottom:1%;left:2%;right:2%}.real-star-window .resin-particle{font-size:9px;box-shadow:inset 1px 1px #fff8,0 1px 2px #3f53654d}.resin-keychain.is-pressed .real-star-window .resin-particle{animation:resin-drift var(--duration) cubic-bezier(.2,.72,.25,1) var(--delay) both}.resin-keychain.is-pressed .real-star-window .resin-particle.linger{animation-name:resin-linger}.resin-keychain.is-pressed .real-star-charm{animation:6s both shell-press}@keyframes resin-drift{0%{transform:translateX(-50%) rotate(var(--rotate))}17%{transform:translateX(calc(-50% + 7px)) translateY(calc(-1 * var(--rise))) rotate(calc(var(--rotate) + 30deg))}42%{transform:translateX(calc(-50% - 5px)) translateY(calc(-1 * var(--rise) + 8px)) rotate(calc(var(--rotate) - 12deg))}68%{transform:translateX(calc(-50% + 3px)) translateY(calc(-1 * var(--rise) + 25px)) rotate(calc(var(--rotate) + 8deg))}to{transform:translateX(-50%) rotate(var(--rotate))}}@keyframes resin-linger{0%{transform:translateX(-50%) rotate(var(--rotate))}17%{transform:translateX(calc(-50% + 7px)) translateY(calc(-1 * var(--rise))) rotate(calc(var(--rotate) + 30deg))}48%{transform:translateX(calc(-50% - 4px)) translateY(calc(-1 * var(--rise) + 7px)) rotate(calc(var(--rotate) - 12deg))}to{transform:translateX(calc(-50% + 2px)) translateY(calc(-1 * var(--settle))) rotate(calc(var(--rotate) + 5deg))}}.resin-keychain.star:before{z-index:3;content:"";background:linear-gradient(90deg,#dff7f8,#fff,#9dcad2);border:3px solid #91b8c2;border-radius:11px 11px 5px 5px;width:17px;height:32px;position:absolute;top:32px;left:50%;transform:translate(-50%);box-shadow:0 3px 4px #485a6633}