@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fredoka:wght@500;600&family=Instrument+Serif&family=Meie+Script&display=swap";.rhinestone-pair{--path-index: var(--i);position:absolute;top:0;left:0;width:var(--path-step);height:var(--rhinestone-size);background-image:url(/assets/pink-stone-BuD3CCXA.png);background-repeat:round no-repeat;background-size:auto 100%;offset-anchor:center;offset-distance:calc(var(--path-index) * 100% / var(--rhinestone-count));offset-path:inset(calc(-.5 * var(--rhinestone-size) + var(--rhinestone-overlap)) round calc(var(--camera-radius) + .5 * var(--rhinestone-size) - var(--rhinestone-overlap)));offset-rotate:auto}.webcam-space{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:clamp(1rem,3vh,1.8rem);overflow:hidden;touch-action:none;border:none;border-radius:clamp(1.4rem,3vw,2.5rem);background:linear-gradient(135deg,#ffffffb8,#fff7fb94 48%,#faecf79e);box-shadow:0 18px 40px #a3417526,inset 0 1px #ffffffdb,inset 0 -8px 18px #f7acd024,inset 0 8px 18px #ffffff29}.camera-fallback[hidden]{display:none}.camera-fallback{position:absolute;inset:0;z-index:1;display:grid;place-content:center;padding:clamp(1rem,5vw,2.25rem);color:var(--ink);background:linear-gradient(135deg,#fff7fbf5,#ffe0ede6 52%,#f6c6e0eb);text-align:center}.camera-fallback-title{max-width:24rem;margin:0;color:var(--lilac-deep);font-family:"Instrument Serif",serif;font-size:clamp(1.35rem,3.4vw,2rem);font-weight:400;line-height:1}.camera-fallback-message{max-width:30ch;margin:.55rem auto 0;color:var(--muted-ink);font-size:clamp(.75rem,1.65vw,.95rem);line-height:1.45}.camera-retry-button{display:block;margin:1rem auto 0}.photo-action{font-family:"Instrument Serif",serif;min-width:7.5rem;padding:.72rem 1.2rem;border:1px solid rgba(255,255,255,.86);border-radius:999px;color:var(--ink);background:#fffdfbc7;box-shadow:0 8px 18px #94386c1f,inset 0 0 0 1px #d65a9a1f;cursor:pointer;font-size:.92rem;font-weight:600;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.site-credit{position:fixed;right:clamp(.75rem,2.4vw,1.5rem);bottom:max(.75rem,env(safe-area-inset-bottom));z-index:3;max-width:calc(100% - 1.5rem);color:#63394f;font-family:Geist Pixel,monospace;font-size:.76rem;font-weight:400;letter-spacing:.02em;line-height:1.3;pointer-events:none;text-align:right;white-space:nowrap}.site-credit a{color:#a13a69;font-weight:400;text-decoration:none;pointer-events:auto}.site-credit a:hover{color:#8f315b}.site-credit a:focus-visible{border-radius:.2rem;outline:2px solid var(--peach-deep);outline-offset:3px}@media(max-width:520px){.site-credit{right:auto;left:50%;bottom:max(.7rem,env(safe-area-inset-bottom));font-size:.7rem;text-align:center;transform:translate(-50%)}}@font-face{font-family:Geist Pixel;src:url(/assets/GeistPixel-Square-B0mEoKr8.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:100 900}@media(max-width:520px){#live-actions .photo-action--secondary{min-width:6.5rem;flex:0 0 6.5rem}}body>.app-shell{isolation:isolate}body>.app-shell>.app-title{z-index:2}body>.app-shell:before,body>.app-shell:after{position:absolute;top:-1px;z-index:0;width:100vw;height:clamp(2.5rem,5vw,4rem);background:url(/assets/reference-lace-tile-BwEXtSRQ.png) center / auto 100% repeat-x;opacity:.58;filter:drop-shadow(0 0 .3rem rgba(255,255,255,.42));pointer-events:none;content:""}body>.app-shell:before{left:calc((100% - 100vw)/2)}body>.app-shell:after{display:none}body>.app-shell{padding-top:4.75rem}@media(max-width:520px){body>.app-shell:before,body>.app-shell:after{width:100vw;height:2rem;opacity:.48}body>.app-shell{padding-top:2.25rem}}.rhinestone-border{top:var(--camera-top-offset, clamp(1rem, 3vh, 1.8rem))!important;right:auto!important;bottom:auto!important;left:var(--camera-left-offset, 0px)!important;width:var(--camera-width, 100%)!important;height:var(--camera-height, auto)!important}.sticker-button[data-sticker=sparkle] .sticker-button-image,.sticker-button[data-sticker=diamond] .sticker-button-image{width:56%;height:56%}#live-actions{width:fit-content;justify-content:center;gap:clamp(.55rem,2.2vw,1.2rem);margin-inline:auto}#live-actions .photo-action--camera{display:grid;width:3.75rem;height:3.75rem;min-width:3.75rem;padding:0;flex:0 0 3.75rem;place-items:center;border-color:#ffffffeb;border-radius:50%;color:var(--white);background:var(--lilac-deep);box-shadow:0 10px 22px #94386c33,0 -1px #ffffff80}#live-actions .photo-action--camera:hover{background:var(--peach-deep)}.photo-action-camera-icon{display:block;width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.photo-action-leading-icon{width:.95rem;height:.95rem;margin-right:.35rem;vertical-align:-.16em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}body .sticker-button{box-shadow:0 8px 18px #94386c1f,0 -1px #ffffff8c}body .sticker-button:hover{box-shadow:0 12px 24px #94386c2e,0 -1px #ffffffa6}body .sticker-button[aria-pressed=true]{box-shadow:0 6px 14px #94386c29,0 0 0 2px #d65a9a4d}body .photo-action{box-shadow:0 8px 18px #94386c1f,0 -1px #ffffff8c}body .photo-action:hover{box-shadow:0 12px 24px #94386c29,0 -1px #ffffffa6}.app-shell{padding-top:4rem}@media(max-width:520px){.app-shell{padding-top:1.25rem}}.rhinestone-border:before{display:none}.rhinestone-border .rhinestone-pair:nth-child(n).is-rendered{display:block!important;width:var(--rhinestone-edge);height:var(--rhinestone-edge);background-repeat:no-repeat;background-size:100% 100%;offset-path:none;transform:translate(-50%,-50%)}.rhinestone-border .rhinestone-pair:nth-child(n).is-hidden{display:none!important}.rhinestone-border{--rhinestone-edge: clamp(.52rem, .78vw, .7rem);top:clamp(1rem,3vh,1.8rem)!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none}.rhinestone-border:before{position:absolute;inset:calc(-.5 * var(--rhinestone-edge));border:var(--rhinestone-edge) solid transparent;border-radius:calc(var(--camera-radius) + 1.5 * var(--rhinestone-edge));background-image:url(/assets/pink-stone-BuD3CCXA.png);background-repeat:round;background-size:var(--rhinestone-edge) var(--rhinestone-edge);background-position:center;background-origin:border-box;content:"";pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}.rhinestone-border .rhinestone-pair:nth-child(n){display:none!important}.rhinestone-pair{--path-index: var(--i);position:absolute;top:0;left:0;width:var(--path-step);height:var(--rhinestone-size);background-image:url(/assets/pink-stone-BuD3CCXA.png);background-repeat:round no-repeat;background-size:auto 100%;offset-anchor:center;offset-distance:calc(var(--path-index) * 100% / var(--rhinestone-count));offset-path:inset(calc(-.5 * var(--rhinestone-size) + var(--rhinestone-overlap)) round calc(var(--camera-radius) + .5 * var(--rhinestone-size) - var(--rhinestone-overlap)));offset-rotate:auto}.rhinestone-pair{--path-index: var(--i);position:absolute;top:0;left:0;width:var(--path-step);height:var(--rhinestone-size);background-image:url(/assets/pink-stone-BuD3CCXA.png);background-repeat:round no-repeat;background-size:auto 100%;offset-anchor:center;offset-distance:calc(var(--path-index) * 100% / var(--rhinestone-count));offset-path:inset(calc(-.5 * var(--rhinestone-size) + var(--rhinestone-overlap)) round calc(var(--camera-radius) + .5 * var(--rhinestone-size) - var(--rhinestone-overlap)));offset-rotate:auto}:root{color-scheme:light;--ink: #512742;--muted-ink: #9b6d89;--lilac: #f6c6e0;--lilac-deep: #d65a9a;--peach: #ffe0ed;--peach-deep: #ec82b3;--paper: #fff7fb;--white: #fffdfd;--pink-haze: #f6afd0;--mint-haze: #ead9f2;--line: rgba(214, 90, 154, .3);--shadow: 0 20px 50px rgba(148, 56, 108, .15)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{position:relative;min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse 76% 54% at 4% 0%,rgba(247,166,204,.76),transparent 72%),radial-gradient(ellipse 68% 58% at 98% 8%,rgba(246,195,222,.78),transparent 74%),radial-gradient(ellipse 70% 48% at 54% 105%,rgba(233,197,228,.78),transparent 74%),radial-gradient(ellipse 54% 42% at 18% 86%,rgba(255,194,221,.62),transparent 72%),linear-gradient(135deg,#ffd2e5,#ffe9f2 42%,#fff5f9 68%,#f6dced);font-family:DM Sans,sans-serif}body:before{position:fixed;inset:-18%;z-index:0;pointer-events:none;opacity:.8;background:radial-gradient(ellipse at 20% 25%,rgba(255,244,250,.72),transparent 24%),radial-gradient(ellipse at 74% 18%,rgba(255,238,247,.62),transparent 26%),radial-gradient(ellipse at 48% 76%,rgba(255,255,255,.54),transparent 28%);filter:blur(42px);transform:rotate(-7deg);content:""}body:after{position:fixed;inset:-12%;z-index:0;pointer-events:none;opacity:.52;background:radial-gradient(ellipse 55% 24% at 20% 68%,transparent 48%,rgba(242,151,196,.28) 51%,transparent 62%),radial-gradient(ellipse 44% 68% at 82% 34%,transparent 47%,rgba(255,247,252,.56) 51%,transparent 62%),radial-gradient(ellipse 62% 28% at 62% 88%,transparent 46%,rgba(215,148,204,.24) 51%,transparent 63%);filter:blur(24px);transform:rotate(8deg);content:""}button{font:inherit}.app-shell{display:flex;position:relative;z-index:1;width:min(100% - 2rem,840px);min-height:100dvh;margin:0 auto;padding:clamp(5rem,6vh,3rem) 0 clamp(1rem,2.5vh,1.5rem);flex-direction:column;align-items:center}.ambient-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-background:before,.ambient-background:after{position:absolute;display:block;border:3.2rem solid rgba(230,146,193,.2);border-radius:50%;filter:blur(22px);content:""}.ambient-background:before{width:min(78vw,70rem);height:min(58vw,50rem);left:-14vw;top:29%;transform:rotate(-18deg)}.ambient-background:after{width:min(60vw,56rem);height:min(78vw,64rem);right:-16vw;top:-23%;border-color:#fff0f970;transform:rotate(24deg)}.app-title{position:relative;display:flex;margin:0;color:#e2579c;text-shadow:0 .1rem 0 rgba(255,255,255,.9),0 0 .9rem rgba(255,255,255,.9),0 0 1.7rem rgba(226,101,165,.28);font-family:"Instrument Serif",serif;font-size:clamp(1.8rem,5vw,3.8rem);font-weight:400;letter-spacing:.015em;line-height:.96;text-align:center;align-items:center;gap:.06em}.title-word{white-space:nowrap;color:#e2579c;font-style:italic;font-weight:400;letter-spacing:-.015em;text-shadow:0 .08rem 0 rgba(255,255,255,.9),0 0 .65rem rgba(255,255,255,.9);-webkit-text-fill-color:#e2579c;-webkit-text-stroke:.008em rgba(255,255,255,.46)}.title-word+.title-word{margin-left:-.16em}.title-decoration{white-space:nowrap;color:#e2579c;font-family:"Instrument Serif",serif;font-size:.58em;font-style:normal;font-weight:400;letter-spacing:-.03em;line-height:.96;text-shadow:0 .08rem 0 rgba(255,255,255,.9),0 0 .65rem rgba(255,255,255,.9);-webkit-text-fill-color:#e2579c;-webkit-text-stroke:.008em rgba(255,255,255,.46)}.title-decoration:first-child{margin-right:-.6em}.title-initial{display:inline-block;font-family:Meie Script,cursive;color:#e2579c;font-size:1.12em;font-style:normal;font-weight:400;letter-spacing:-.05em;text-shadow:0 .08rem 0 rgba(255,255,255,.9),0 0 .65rem rgba(255,255,255,.9);-webkit-text-fill-color:#e2579c;transform:translateY(.07em) rotate(-5deg);margin-right:.12em}.title-initial:not(.title-f){margin-right:0}.title-word .title-f{margin-right:.02em}.webcam-frame{display:flow-root;position:relative;width:100%;container-type:inline-size}.rhinestone-border{--rhinestone-count: 120;--path-index: var(--i);--rhinestone-overlap: clamp(.06rem, .1vw, .09rem);--rhinestone-size: clamp(.52rem, .78vw, .7rem);--camera-height: 56.25cqw ;--camera-radius: clamp(1.4rem, 3vw, 2.5rem);--path-step: calc( (100cqw + var(--camera-height) + 1.14 * var(--camera-radius)) / 60 );position:absolute;z-index:2;top:clamp(1rem,3vh,1.8rem);right:0;bottom:0;left:0;pointer-events:none}.rhinestone-pair{--path-index: var(--i);position:absolute;top:0;left:0;width:var(--path-step);height:var(--rhinestone-size);background-image:url(/assets/pink-stone-BuD3CCXA.png);background-repeat:round no-repeat;background-size:auto 100%;offset-anchor:center;offset-distance:calc(var(--path-index) * 100% / var(--rhinestone-count));offset-path:inset(calc(-.5 * var(--rhinestone-size) + var(--rhinestone-overlap)) round calc(var(--camera-radius) + .5 * var(--rhinestone-size) - var(--rhinestone-overlap)));offset-rotate:auto}.webcam-space{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:clamp(1rem,3vh,1.8rem);overflow:hidden;border:none;border-radius:clamp(1.4rem,3vw,2.5rem);background:linear-gradient(135deg,#ffffffb8,#fff7fb94 48%,#faecf79e);box-shadow:0 18px 40px #a3417526,inset 0 1px #ffffffdb,inset 0 -8px 18px #f7acd024,inset 0 8px 18px #ffffff29}.webcam-space video,.webcam-space canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.webcam-space video{display:block;background:#2f2740}.webcam-space canvas{pointer-events:none}.captured-photo{display:none;transform:none}.webcam-space .captured-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.webcam-space.is-captured video,.webcam-space.is-captured canvas{visibility:hidden}.webcam-space.is-captured .captured-photo{display:block}.sticker-picker{margin-top:clamp(.95rem,2.6vh,1.7rem)}.sticker-picker.is-hidden,.photo-actions.is-hidden{display:none}.sticker-buttons{display:flex;justify-content:center;align-items:center;gap:clamp(.55rem,2.2vw,1.2rem)}.sticker-button{display:grid;width:clamp(3.55rem,10vw,5.2rem);height:clamp(3.55rem,10vw,5.2rem);padding:0;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:1.35rem;color:var(--ink);background:#fffdfbe6;box-shadow:0 8px 18px #94386c1f,inset 0 0 0 1px #d65a9a24;cursor:pointer;font-size:clamp(1.65rem,4vw,2.45rem);line-height:1;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.sticker-button-image{display:block;width:64%;height:64%;object-fit:contain}.sticker-button[data-sticker=heart] .sticker-button-image{width:72%;height:72%}.sticker-button:hover{background:var(--white);box-shadow:0 12px 24px #94386c2e,inset 0 0 0 1px #d65a9a38;transform:translateY(-3px) rotate(-2deg)}.sticker-button:nth-child(2n):hover{transform:translateY(-3px) rotate(2deg)}.sticker-button:active{transform:translateY(1px) scale(.96)}.sticker-button[aria-pressed=true]{border-color:var(--lilac-deep);background:var(--lilac);box-shadow:0 6px 14px #94386c29,inset 0 0 0 2px #d65a9a4d;transform:translateY(1px) scale(.98)}.sticker-button:focus-visible{outline:3px solid var(--peach-deep);outline-offset:4px}.photo-actions{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1.7rem}.photo-action{min-width:7.5rem;padding:.72rem 1.2rem;border:1px solid rgba(255,255,255,.86);border-radius:999px;color:var(--ink);background:#fffdfbc7;box-shadow:0 8px 18px #94386c1f,inset 0 0 0 1px #d65a9a1f;cursor:pointer;font-size:.92rem;font-weight:600;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.photo-action:hover{background:var(--white);box-shadow:0 12px 24px #94386c29,inset 0 0 0 1px #d65a9a33;transform:translateY(-2px)}.photo-action:active{transform:translateY(1px) scale(.98)}.photo-action:focus-visible{outline:3px solid var(--peach-deep);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){.app-shell{width:min(100% - 1.25rem,960px);padding-top:1.75rem}.webcam-space{aspect-ratio:4 / 3;margin-top:1.6rem}.app-title{font-size:clamp(1.55rem,8.4vw,2.45rem);letter-spacing:.015em}.rhinestone-border{top:1.6rem;--rhinestone-count: 60;--camera-height: 75cqw ;--path-step: calc( (100cqw + var(--camera-height) + 1.14 * var(--camera-radius)) / 30 )}.rhinestone-pair{width:var(--path-step)}.rhinestone-pair:nth-child(2n){display:none}.rhinestone-pair:nth-child(odd){--path-index: calc((var(--i) - 1) / 2)}.sticker-button{border-radius:1.05rem}.photo-actions{width:100%}.photo-action{min-width:0;flex:1 1 0}}@media(prefers-reduced-motion:reduce){.sticker-button{transition:none}}.sticker-button{position:relative;overflow:hidden;border-color:#fffffff0;background:linear-gradient(145deg,#fffffffa,#ffffffb8 32%,#fff1f8e6 33%,#fadcedd6);box-shadow:0 8px 18px #94386c1f,0 0 0 1px #d65a9a21,inset 0 -.24rem .36rem #d65a9a1a}.sticker-button-image{position:relative;z-index:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.84))}.sticker-button[aria-pressed=true]{border-color:#c6438294;background:linear-gradient(145deg,#fffffffa,#ffe3f1f0 42%,#f6b8d7f5);box-shadow:0 6px 14px #94386c29,0 0 0 2px #ffffffc7,0 0 0 3px #d65a9a3d,inset 0 -.24rem .38rem #d65a9a24}.app-title,.title-word,.title-decoration,.title-initial{font-weight:500;-webkit-text-fill-color:#e2579c;-webkit-text-stroke:.07em #ffffff;paint-order:stroke fill;text-shadow:0 -.035em .015em rgba(255,255,255,.68),0 .02em .04em rgba(255,255,255,.34)}@media(min-width:521px){.app-title{filter:drop-shadow(0 0 .2rem rgba(226,87,156,.3)) drop-shadow(0 0 .44rem rgba(226,87,156,.16))}}