:root{--cream:#fffaf3;--ink:#2e211f;--ink-soft:#7a6a66;--party-pink:#e63f68;--party-pink-deep:#c9285a;--party-yellow:#ffd166;--party-blue:#118ab2;--party-green:#06d6a0;--card:#fff;--line:#2e211f14;--shadow:0 1px 2px #2e211f0f, 0 8px 24px #2e211f14;--shadow-lg:0 4px 10px #2e211f0f, 0 24px 60px #2e211f1f;--radius:20px;--font-display:"Fraunces", "Baloo 2", Georgia, serif;--font-fun:"Baloo 2", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 520px at 15% -8%, #ffd16647, transparent 60%), radial-gradient(1000px 520px at 92% 2%, #e63f6829, transparent 58%), radial-gradient(900px 600px at 50% 108%, #118ab214, transparent 60%), var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;min-height:100vh}button{font-family:inherit}.i{vertical-align:-.14em;flex:none;display:inline-block}.with-icon{align-items:center;gap:8px;display:inline-flex}.app{max-width:1080px;margin:0 auto;padding:20px 16px 60px}.demo-banner{border-radius:var(--radius);color:#7a5c12;text-align:center;background:#fff3d6;border:1px solid #f0d089;max-width:560px;margin:0 auto;padding:10px 16px}.demo-banner code{background:#ffffffb3;border-radius:6px;padding:1px 6px}.hero{text-align:center;padding:40px 8px 8px}.hero__balloons{letter-spacing:8px;font-size:2rem}.hero__eyebrow{border:1px solid var(--line);color:var(--ink-soft);letter-spacing:.02em;background:#ffffffb3;border-radius:999px;align-items:center;gap:7px;margin-bottom:18px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.hero__icon{box-shadow:var(--shadow);color:var(--party-pink);background:#fff;border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;display:inline-flex;position:relative}.hero__icon:after{border:1px solid var(--line);content:"";border-radius:30px;position:absolute;inset:-10px}.hero__photo{box-shadow:var(--shadow);border-radius:22px;max-width:420px;margin:0 auto;overflow:hidden}.hero__photo img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.hero h1{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.02em;margin:20px 0 14px;font-size:clamp(2.3rem,6.5vw,3.7rem);font-weight:600;line-height:1.04}.hero h1 em{color:var(--party-pink);font-style:italic}.hero p{color:var(--ink-soft);max-width:500px;margin:0 auto;font-size:1.1rem;line-height:1.6}.start-form{flex-wrap:wrap;justify-content:center;gap:10px;max-width:460px;margin:22px auto 8px;display:flex}.start-form input{background:var(--card);border:2px solid #3d2c2926;border-radius:999px;flex:180px;padding:12px 18px;font-family:inherit;font-size:1rem}.start-form input:focus{border-color:var(--party-blue);outline:none}.btn{background:linear-gradient(135deg, var(--party-pink), var(--party-pink-deep));color:#fff;cursor:pointer;font-family:var(--font-fun);border:none;border-radius:999px;padding:12px 24px;font-size:1.05rem;font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:0 6px 16px #c9285a47}.btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 10px 22px #c9285a57}.btn:disabled{cursor:default;filter:grayscale(.5)opacity(.6);transform:none}.btn--ghost{box-shadow:none;color:var(--ink-soft);background:0 0;text-decoration:underline}.btn--big{padding:14px 32px;font-size:1.2rem}.form-hint{color:var(--party-pink);text-align:center;margin:4px 0 0;font-size:.9rem}.wall{margin-top:34px}.wall__heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.wall__heading h2{font-family:var(--font-display);margin:0;font-size:1.5rem}.wall__count{color:var(--ink-soft);font-size:.95rem}.wall__grid{--u:150px;grid-auto-flow:dense;grid-auto-rows:var(--u);grid-template-columns:repeat(auto-fill, var(--u));justify-content:center;gap:14px;display:grid}@media (width<=480px){.wall__grid{--u:calc((100vw - 32px - 14px) / 2)}}.wall__empty{color:var(--ink-soft);text-align:center;grid-column:1/-1;margin:4px 0 10px;font-size:1.05rem}.wall__error{border-radius:var(--radius);color:#8c2f39;text-align:center;background:#fff3f3;border:1px solid #f2c1c1;margin-bottom:14px;padding:12px 16px}.wall__error .btn{margin-left:10px;padding:6px 16px}.gift{--ribbon-w:20cqmin;--ribbon-x:50%;--ribbon-y:50%;position:relative}.gift--c2{grid-column:span 2}.gift--r2{grid-row:span 2}.gift--rc2{grid-area:span 2/span 2}.gift--open{z-index:3;grid-area:span 2/span 2}.gift--open.gift--open-land{grid-area:span 2/span 3}.gift--open.gift--open-port{grid-area:span 3/span 2}@media (width>=900px){.gift--open{grid-area:span 3/span 3}.gift--open.gift--open-land{grid-area:span 3/span 5}.gift--open.gift--open-port{grid-area:span 5/span 3}}.gift-box{border-radius:var(--radius);height:100%;box-shadow:var(--shadow);cursor:pointer;transform:rotate(var(--box-tilt,0deg));border:none;width:100%;padding:0;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;container-type:size}.gift-box:hover,.gift-box:focus-visible{z-index:2;transform:rotate(0)scale(1.04);box-shadow:0 10px 26px #3d2c2938}.gift-box--placeholder{box-shadow:none;cursor:default;background:0 0;border:2px dashed #3d2c2933}.gift-box__poster{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.gift-box:hover .gift-box__poster,.gift-box:focus-visible .gift-box__poster{opacity:1}.gift-box__ribbon-v,.gift-box__ribbon-h{pointer-events:none;position:absolute}.minigift{--ribbon-w:18cqmin;--ribbon-x:50%;--ribbon-y:50%}.gift-box__ribbon-h{background:var(--box-ribbon);height:var(--ribbon-w);left:0;right:0;top:var(--ribbon-y);z-index:1;transform:translateY(-50%)}.gift-box__ribbon-h:before,.gift-box__ribbon-h:after{content:"";width:5px;position:absolute;top:0;bottom:0}.gift-box__ribbon-h:before{right:calc(100% - var(--ribbon-x) + var(--ribbon-w) / 2);background:#0000001c}.gift-box__ribbon-h:after{left:calc(var(--ribbon-x) + var(--ribbon-w) / 2);background:#0000002b}.gift-box__ribbon-v{background:var(--box-ribbon);bottom:0;left:var(--ribbon-x);width:var(--ribbon-w);z-index:2;top:0;transform:translate(-50%)}.gift-box[data-ribbon=cornerDiagonal] .gift-box__ribbon-h,.minigift[data-ribbon=cornerDiagonal] .gift-box__ribbon-h{display:none}.gift-box[data-ribbon=cornerDiagonal] .gift-box__ribbon-v,.minigift[data-ribbon=cornerDiagonal] .gift-box__ribbon-v{height:var(--ribbon-w);width:200%;transform:translate(-50%, -50%) rotate(var(--sash-angle,-45deg)) translateY(var(--sash-shift,-70%));top:50%;bottom:auto;left:50%}.gift-box[data-ribbon=cornerDiagonal][data-corner=tl],.minigift[data-ribbon=cornerDiagonal][data-corner=tl]{--sash-angle:45deg;--sash-shift:-70%}.gift-box[data-ribbon=cornerDiagonal][data-corner=tr],.minigift[data-ribbon=cornerDiagonal][data-corner=tr]{--sash-angle:-45deg;--sash-shift:-70%}.gift-box[data-ribbon=cornerDiagonal][data-corner=bl],.minigift[data-ribbon=cornerDiagonal][data-corner=bl]{--sash-angle:-45deg;--sash-shift:70%}.gift-box[data-ribbon=cornerDiagonal][data-corner=br],.minigift[data-ribbon=cornerDiagonal][data-corner=br]{--sash-angle:45deg;--sash-shift:70%}.gift-box__bow{filter:drop-shadow(0 2px 3px #3d2c2947);pointer-events:none;width:44%;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.gift__name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;z-index:2;background:#fffffff0;border-radius:8px;max-width:calc(100% - 20px);padding:2px 12px;font-size:.88rem;font-weight:600;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 6px #3d2c292e}.gift__name--open{bottom:12px}.gift__rerecord{color:var(--party-blue);cursor:pointer;z-index:2;background:#fffffff0;border:none;border-radius:8px;padding:2px 8px;font-size:.75rem;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #3d2c292e}.gift__close{cursor:pointer;z-index:3;background:#fffffff0;border:none;border-radius:50%;width:34px;height:34px;font-size:1rem;line-height:1;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #3d2c294d}.gift--open{justify-content:center;align-items:center;display:flex}.gift--open .gift-box{cursor:default;width:100%;height:100%;transform:none}.gift--open-sized .gift-box{width:auto;max-width:100%;height:auto;max-height:100%;container-type:normal}.gift--open-sized .gift-box--unwrapped video{width:auto;max-width:100%;height:auto;max-height:min(100%,78vh);position:static}.gift-box--unwrapped video{object-fit:contain;background:#1c1310;width:100%;height:100%;animation:.45s .25s both video-reveal;position:absolute;inset:0}.gift-box--unwrapped .gift-box__ribbon-v,.gift-box--unwrapped .gift-box__ribbon-h,.gift-box--unwrapped .gift-box__bow{z-index:1;animation:.5s forwards unwrap}@keyframes unwrap{to{opacity:0;visibility:hidden}}@keyframes video-reveal{0%{opacity:0}}.screen{text-align:center;flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:24px 0;display:flex}.screen h2{font-family:var(--font-display);margin:0;font-size:1.6rem}.screen p{color:var(--ink-soft);margin:0}.screen video{border-radius:var(--radius);box-shadow:var(--shadow);background:#1c1310;width:100%;max-height:60vh}.screen__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.screen__error{border-radius:var(--radius);color:#8c2f39;background:#fff3f3;border:1px solid #f2c1c1;padding:12px 16px}.recorder__stage{position:relative}.recorder__stage video{transform:scaleX(-1)}.recorder__ring{pointer-events:none;position:absolute;top:12px;right:12px}.recorder__ring circle{fill:#1c131073;stroke:var(--party-yellow);stroke-linecap:round;stroke-width:5px;transform-origin:50%;transition:stroke-dashoffset .2s linear;transform:rotate(-90deg)}.recorder__ring text{fill:#fff;font-family:var(--font-display);font-size:15px;font-weight:700}.record-dot{background:#e5383b;border-radius:50%;width:10px;height:10px;margin-right:8px;animation:1.2s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.35}}.file-fallback{color:var(--ink-soft);font-size:.95rem}.file-fallback input{display:none}.file-fallback .link{color:var(--party-blue);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.progress{background:#3d2c291f;border-radius:999px;width:100%;height:14px;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--party-yellow), var(--party-pink));border-radius:999px;height:100%;transition:width .2s}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti span{border-radius:2px;width:8px;height:14px;animation:linear forwards confetti-fall;display:block;position:absolute;top:-20px}@keyframes confetti-fall{to{top:105vh;transform:rotate(720deg)}}.setup-notice{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);max-width:560px;margin:60px auto;padding:28px}.setup-notice h1{font-family:var(--font-display);margin-top:0}.setup-notice code{background:var(--cream);border-radius:6px;padding:2px 6px}.footer{color:var(--ink-soft);text-align:center;margin-top:48px;font-size:.9rem}.footer__link{color:var(--party-blue);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.share-bar{border-radius:var(--radius);text-align:center;background:#eafaf3;border:1px solid #a8e6c9;max-width:620px;margin:0 auto 8px;padding:14px 18px}.share-bar p{color:var(--ink);margin:0 0 10px}.share-bar__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.home-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;max-width:1000px;margin:8px auto 0;padding:40px 8px 8px;display:grid}@media (width<=860px){.home-hero{text-align:center;grid-template-columns:1fr;gap:34px}}.home-hero__eyebrow{color:var(--party-pink-deep);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:.72rem;font-weight:700;display:inline-block}.home-hero h1{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(2.3rem,5vw,3.4rem);font-weight:600;line-height:1.05}.home-hero h1 em{color:var(--party-pink);font-style:italic}.home-hero p{color:var(--ink-soft);max-width:460px;margin:0 0 26px;font-size:1.12rem;line-height:1.6}@media (width<=860px){.home-hero p{margin-inline:auto}}.home-hero__subtle{color:var(--ink-soft);margin-top:14px;font-size:.85rem;display:block}.home-cluster{grid-template-columns:repeat(3,1fr);justify-items:center;gap:14px;display:grid}.home-cluster .minigift:nth-child(2),.home-cluster .minigift:nth-child(5){margin-top:16px}.home-cluster__cap{color:var(--ink-soft);text-align:center;margin:16px 0 0;font-size:.85rem}.home-cluster__cap b{color:var(--ink);font-weight:600}.home-hero{margin-bottom:44px}.create{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:26px;flex-direction:column;gap:8px;max-width:600px;margin:0 auto;padding:34px 34px 32px;display:flex}.create h2{font-family:var(--font-display);letter-spacing:-.01em;text-align:center;margin:0 0 6px;font-size:1.6rem;font-weight:600}.create__label{color:var(--ink-soft);letter-spacing:.07em;text-transform:uppercase;margin-top:18px;font-size:.72rem;font-weight:700}.create input{background:var(--cream);border:1.5px solid var(--line);border-radius:14px;margin-top:8px;padding:14px 16px;font-family:inherit;font-size:1.05rem;transition:border-color .15s,box-shadow .15s,background .15s}.create input::placeholder{color:#7a6a66b3}.create input:focus{border-color:var(--party-pink);background:#fff;outline:none;box-shadow:0 0 0 4px #e63f681f}.create__optional{color:#7a6a66bf;letter-spacing:.02em;text-transform:none;font-weight:600}.create__textarea{background:var(--cream);border:1.5px solid var(--line);resize:vertical;border-radius:14px;margin-top:8px;padding:14px 16px;font-family:inherit;font-size:1.05rem;transition:border-color .15s,box-shadow .15s,background .15s}.create__textarea::placeholder{color:#7a6a66b3}.create__textarea:focus{border-color:var(--party-pink);background:#fff;outline:none;box-shadow:0 0 0 4px #e63f681f}.create__file-input{opacity:0;width:0;height:0;position:absolute;overflow:hidden}.create__photo-drop{background:var(--cream);border:1.5px dashed var(--line);color:var(--ink-soft);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:18px 16px;font-family:inherit;font-size:1rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.create__photo-drop:hover{border-color:var(--party-pink);color:var(--party-pink);background:#fff}.create__photo{margin-top:8px}.create__photo img{box-shadow:var(--shadow);object-fit:cover;border-radius:14px;width:100%;max-height:260px;display:block}.create__photo-actions{justify-content:center;gap:10px;margin-top:10px;display:flex}.create__options{flex-wrap:nowrap;gap:8px;margin-top:8px;display:flex}.create__options--icons{justify-content:space-between;gap:6px}.create__options--icons .picker--icon{flex:1 1 0;justify-content:center;min-width:0;padding:9px 0}.picker{background:var(--cream);border:1.5px solid var(--line);color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:9px 13px;font-family:inherit;font-size:.92rem;font-weight:500;transition:border-color .15s,box-shadow .15s,transform .12s,background .15s;display:inline-flex}.picker:hover{border-color:#2e211f2e;transform:translateY(-1px)}.picker--active{border-color:var(--party-pink);background:#fff;box-shadow:0 0 0 3px #e63f6824}.picker--icon{color:var(--ink-soft);padding:9px}.picker--icon[aria-checked=true]{color:var(--party-pink)}.picker__swatch{border-radius:50%;width:16px;height:16px;display:inline-block}.picker__swatch--rainbow{background:conic-gradient(#ff2e88,#ffd000,#00d4a0,#1b6ef3,#7b2ff7,#ff2e88)}.create .btn--big{align-self:center;margin-top:16px}.minigift{box-shadow:var(--shadow);border-radius:16px;width:92px;height:92px;display:inline-block;position:relative;overflow:hidden;container-type:size}.minigift--opening{box-shadow:var(--shadow-lg)}.minigift__frame{z-index:1;background:radial-gradient(90% 70% at 50% 18%,#ffe3c2 0%,#f2b489 46%,#a9663f 100%);border-radius:16px;position:absolute;inset:0;overflow:hidden}.minigift__frame:before{content:"";filter:blur(.5px);opacity:.9;background-color:#0000;background-image:radial-gradient(circle at 50% 22%,#8a5233 0 22%,#0000 23%),radial-gradient(120% 80% at 50% 120%,#8a5233 0 55%,#0000 56%);background-position:0 0,0 0;background-repeat:no-repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:78%;height:92%;position:absolute;bottom:-14%;left:50%;transform:translate(-50%)}.minigift__photo{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.minigift__play{aspect-ratio:1;z-index:3;background:#fffffff0;border-radius:50%;justify-content:center;align-items:center;width:34%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #2e211f4d}.minigift__play:after{border-bottom:.42em solid #0000;border-left:.66em solid var(--party-pink);content:"";border-top:.42em solid #0000;margin-left:.16em;font-size:16px}.minigift__name{font-family:var(--font-fun);text-overflow:ellipsis;white-space:nowrap;z-index:3;background:#fffffff0;border-radius:7px;max-width:calc(100% - 14px);padding:1px 8px;font-size:.7rem;font-weight:600;position:absolute;bottom:6px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 6px #2e211f2e}.picker__wrap{border:1px solid var(--line);border-radius:7px;width:22px;height:22px;display:inline-block}.notfound{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;max-width:560px;margin:60px auto;padding:34px 28px}.notfound h1{font-family:var(--font-display);margin-top:0}.notfound p{color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}.confetti{display:none}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}::view-transition-group(*){animation:none!important}}