@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-italic-BicUS2cM.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-italic-BfTTTDIL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-italic-Py8at3oI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fffaf7;--bg-warm:#fff1ec;--surface:#fff;--ink:#24121b;--text:#55424c;--muted:#75626c;--line:#f1e2e0;--accent:#cf2a62;--accent-ink:#b3224f;--accent-soft:#ffe6ee;--gold:#f6b94b;--success:#197a41;--error:#b3261e;--heading:var(--ink);--border:var(--line);--accent-dark:var(--accent-ink);--font-display:"Fraunces Variable", Georgia, "Times New Roman", serif;--font-body:"DM Sans Variable", system-ui, "Segoe UI", Roboto, sans-serif;--radius:16px;--shadow-soft:0 1px 2px #24121b0a, 0 12px 32px -16px #24121b2e;--shadow-lift:0 2px 4px #24121b0d, 0 28px 60px -28px #24121b59;font:17px/1.55 var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;margin:0}h1,h2,h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-weight:620;line-height:1.1}h1{font-size:clamp(2.1rem,6vw,3.4rem)}h2{font-size:clamp(1.5rem,3.4vw,2rem)}h3{letter-spacing:-.015em;margin:.5rem 0 .2rem;font-size:1.15rem}a{color:var(--accent-ink);text-underline-offset:.18em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:min(100% - 2.5rem,70rem);margin-inline:auto}.shell{max-width:34rem;margin:0 auto;padding:4rem 1.25rem}.shell.wide{max-width:48rem;padding-top:3rem}.muted{color:var(--muted)}.small{font-size:.875rem}.bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.75rem;display:flex}.bar p{margin:.35rem 0 0}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.footnote{margin-top:2rem}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1.35rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.button:hover{border-color:var(--accent-ink);background:var(--accent-ink)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:default}.button.large{box-shadow:0 14px 30px -14px var(--accent);padding:.95rem 1.7rem;font-size:1.05rem}.button.ghost{border-color:var(--line);background:var(--surface);color:var(--ink);padding:.5rem 1.05rem;font-weight:550}.button.ghost.large{box-shadow:none;padding:.95rem 1.5rem}.button.ghost:hover{border-color:var(--accent);color:var(--accent-ink)}.button.ghost.danger:hover{border-color:var(--error);color:var(--error)}.link-button{color:var(--accent-ink);font:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.notice{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:.8rem 1rem}.notice.error{border-color:var(--error);color:var(--error)}.cards{gap:.8rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;display:flex}.card p{margin:.2rem 0 0}.card strong{color:var(--ink)}.card.stacked{flex-direction:column;align-items:flex-start}@media (width<=560px){.card{flex-direction:column;align-items:flex-start}}.tag{border:1px solid var(--line);background:var(--bg);color:var(--text);vertical-align:middle;border-radius:999px;margin-left:.6rem;padding:.12rem .6rem;font-size:.74rem;font-weight:600;display:inline-block}.tag.first{margin-left:0}.tag.live{color:var(--success);background:#e9f9ef;border-color:#b7e4c7}.tag.scheduled{color:#9a6400;background:#fff6e0;border-color:#ffe0a3}.tag.soon{color:var(--ink);background:#ffffffd9;border-color:#0000}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:.42rem .95rem;font-size:.9rem}.chip.selected{border-color:var(--accent);background:var(--accent);color:#fff}.pin-input{border:1px solid var(--line);width:12rem;color:var(--ink);font:inherit;letter-spacing:.15em;background:#fff;border-radius:10px;padding:.6rem .75rem}.template-loading{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.preview-bar{z-index:10;border:1px solid var(--line);max-width:44rem;box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;padding:.6rem;display:flex;position:fixed;bottom:.75rem;left:.75rem;right:.75rem}.preview-bar .small{color:var(--muted);text-align:center}@media (width<=560px){.preview-bar .small{display:none}.preview-bar .button{padding:.6rem .9rem;font-size:.9rem}}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.share section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);margin-bottom:1.25rem;padding:1.35rem}.share h3{margin-top:0}.share-link>a{color:var(--ink);overflow-wrap:anywhere;margin-bottom:.9rem;font-size:1.15rem;font-weight:600;display:block}.share-qr{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.share-qr canvas{border:1px solid var(--line);border-radius:10px}.share-qr>div{flex:1;min-width:12rem}.share-access{justify-items:start;gap:.7rem;display:grid}.share-access p{margin:0}.prose h1{font-size:clamp(1.9rem,5vw,2.7rem)}.prose h2{margin-top:2.25rem;font-size:1.3rem}.prose .lead{color:var(--ink);font-size:1.12rem}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.55rem}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:.6rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.site{flex-direction:column;min-height:100dvh;display:flex}.site-main{flex:1}.site-header{z-index:30;border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.site-header-inner{align-items:center;gap:1.5rem;height:4rem;display:flex}.logo{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:650;text-decoration:none;display:inline-flex}.logo-mark{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:1.9rem;height:1.9rem;display:grid;transform:rotate(-6deg)}.site-nav{flex:1;gap:1.6rem;margin-left:1rem;display:flex}.site-nav a{color:var(--text);font-size:.95rem;font-weight:500;text-decoration:none}.site-nav a:hover,.site-nav a.active{color:var(--accent-ink)}.site-header-actions{align-items:center;gap:.9rem;margin-left:auto;display:flex}.site-signin{color:var(--ink);font-weight:550;text-decoration:none}@media (width<=760px){.site-nav{display:none}}@media (width<=480px){.site-signin,.site-header-actions .button.ghost{display:none}}.avatar{background:var(--accent-soft);color:var(--accent-ink);object-fit:cover;border-radius:50%;place-items:center;font-weight:700;display:grid}.account-menu{position:relative}.account-menu summary{cursor:pointer;border-radius:50%;list-style:none;display:block}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary .avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--line);display:grid}.account-menu-panel{border:1px solid var(--line);background:var(--surface);min-width:14rem;box-shadow:var(--shadow-lift);border-radius:14px;padding:.5rem;display:grid;position:absolute;top:calc(100% + .6rem);right:0}.account-menu-panel p{border-bottom:1px solid var(--line);margin:0 0 .4rem;padding:.5rem .7rem .7rem;display:grid}.account-menu-panel p strong{color:var(--ink)}.account-menu-panel p span{color:var(--muted);text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.account-menu-panel a,.account-menu-panel button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.5rem .7rem;font-size:.95rem;text-decoration:none}.account-menu-panel a:hover,.account-menu-panel button:hover{background:var(--bg-warm);color:var(--ink)}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:4rem;padding:3rem 0 2rem}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;gap:2.5rem;display:flex}.site-footer-brand p{color:var(--muted);margin:.6rem 0 0}.site-footer nav{flex-wrap:wrap;gap:2.5rem 3.5rem;display:flex}.site-footer nav div{align-content:start;gap:.5rem;display:grid}.site-footer h4{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .2rem;font-size:.78rem}.site-footer nav a{color:var(--text);font-size:.95rem;text-decoration:none}.site-footer nav a:hover{color:var(--accent-ink)}.site-footer-note{color:var(--muted);margin:2.5rem auto 0;font-size:.82rem}.eyebrow{color:var(--accent-ink);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem;font-weight:700}.section{padding:clamp(3.5rem,8vw,6rem) 0}.section.tinted{background:linear-gradient(180deg, var(--bg-warm), var(--bg))}.section-head{text-align:center;max-width:38rem;margin:0 auto 3rem}.section-head h2{font-size:clamp(1.8rem,4.4vw,2.7rem)}.section-head p:last-child:not(.eyebrow){margin:1rem 0 0}.section-more{text-align:center;margin:2.5rem 0 0}.container.narrow{max-width:46rem}.hero{background:radial-gradient(60rem 30rem at 85% 0%, var(--accent-soft), transparent 70%), radial-gradient(40rem 26rem at 0% 100%, #fff0d9, transparent 70%);padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,7vw,5.5rem);overflow:hidden}.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:3rem;display:grid}.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.02}.hero h1 em{color:var(--accent);white-space:nowrap;font-style:italic}.hero-lead{max-width:33rem;margin:1.4rem 0 0;font-size:clamp(1.05rem,1.6vw,1.2rem)}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.hero-note{color:var(--muted);margin:1.1rem 0 0;font-size:.9rem}.hero-visual{place-items:center;min-height:34rem;display:grid;position:relative}.hero-glow{filter:blur(10px);background:radial-gradient(circle,#e6447c47,#0000 65%);border-radius:50%;width:26rem;height:26rem;position:absolute}.hero-phone{width:min(17.5rem,70vw);box-shadow:var(--shadow-lift), 0 50px 90px -40px #e6447c8c;background:#24121b;border-radius:40px;padding:9px;position:relative}.hero-phone .template-cover{border-radius:32px}.hero-chip{border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#fffffff0;border-radius:14px;align-items:center;gap:.55rem;padding:.6rem .9rem;font-size:.86rem;font-weight:550;display:flex;position:absolute}.hero-chip svg{color:var(--accent)}.hero-chip strong{font-variant-numeric:tabular-nums}.chip-countdown{top:12%;left:0}.chip-lock{top:40%;right:0}.chip-mic{bottom:12%;left:4%}@media (width<=900px){.hero-inner{text-align:center;grid-template-columns:minmax(0,1fr)}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{min-height:31rem}.chip-countdown{left:2%}.chip-lock{right:2%}}@media (width<=520px){.chip-countdown{top:4%}.chip-lock{top:46%;right:0}.chip-mic{bottom:5%;left:0}}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.features li>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:100%;box-shadow:var(--shadow-soft);padding:1.6rem}.features p{margin:.4rem 0 0;font-size:.97rem}.feature-icon{background:var(--accent-soft);width:2.8rem;height:2.8rem;color:var(--accent-ink);border-radius:12px;place-items:center;margin-bottom:1rem;display:grid}@media (width<=900px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.features{grid-template-columns:minmax(0,1fr)}}.template-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.template-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.template-card:not(.upcoming):hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.template-card-cover{border-bottom:1px solid var(--line);display:block}.template-cover{background:var(--bg-warm);width:100%;position:relative;overflow:hidden}.template-cover iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}.upcoming-cover{color:#fff;text-align:center;background:0 0;place-content:center;justify-items:center;gap:.8rem;display:grid}.upcoming-cover strong{font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 2px 14px #0000002e;font-size:1.7rem;font-style:italic}.template-card-body{flex-direction:column;flex:1;align-items:flex-start;padding:1.2rem 1.3rem 1.4rem;display:flex}.template-card-body p{margin:.2rem 0 0;font-size:.93rem}.template-card-body .actions{margin-top:auto;padding-top:1.1rem}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);flex:none;font-size:1.5rem;font-weight:400;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{max-width:40rem;margin:0 0 1.25rem}.closing{background:radial-gradient(30rem 16rem at 20% 0%, #fff0d9, transparent 70%), radial-gradient(30rem 18rem at 90% 100%, var(--accent-soft), transparent 70%), var(--surface);border:1px solid var(--line);text-align:center;border-radius:28px;padding:clamp(2.5rem,7vw,4.5rem) 1.5rem}.closing h2{font-size:clamp(1.9rem,5vw,3rem)}.closing p{margin:1rem 0 1.8rem}.account-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.account-card>div{flex:1;min-width:12rem}.account-card p{margin:.2rem 0 0}.danger-zone{border-radius:var(--radius);background:#fff7f6;border:1px solid #f3c4c0;margin-top:2.5rem;padding:1.5rem}.danger-zone h2{font-size:1.2rem}.danger-zone p{margin:.5rem 0 1rem}.button.danger-solid{border-color:var(--error);background:var(--error)}.not-found{text-align:center;padding:16vh 1.25rem}.not-found .logo-mark{border-radius:16px;width:3.4rem;height:3.4rem;margin:0 auto 1.5rem}.not-found p{margin:1rem 0 2rem}.template-cover-still{text-align:center;place-content:center;justify-items:center;gap:.5rem;padding:1rem;display:grid;position:absolute;inset:0}.template-cover-still span{letter-spacing:.18em;text-transform:uppercase;opacity:.8;font-size:.7rem;font-weight:700}.template-cover-still strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.8rem;font-style:italic;line-height:1.05}.flow{gap:clamp(2.5rem,6vw,4.5rem);max-width:60rem;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}.flow:before{content:"";background:linear-gradient(180deg, var(--accent-soft), var(--accent) 50%, var(--accent-soft));width:2px;margin-left:-1px;position:absolute;top:1.4rem;bottom:1.4rem;left:50%}.flow-step{grid-template-columns:minmax(0,1fr) 2.8rem minmax(0,1fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);display:grid;position:relative}.flow-marker{border:2px solid var(--accent);background:var(--bg);width:2.8rem;height:2.8rem;color:var(--accent-ink);font-family:var(--font-display);box-shadow:0 0 0 6px var(--bg);border-radius:50%;grid-area:1/2;place-items:center;font-size:1.2rem;font-weight:650;display:grid}.flow-text{text-align:right;grid-area:1/1}.flow-picture{grid-area:1/3}.flow-step:nth-child(2n) .flow-text{text-align:left;grid-column:3}.flow-step:nth-child(2n) .flow-picture{grid-column:1;justify-self:end}.flow-kicker{color:var(--accent-ink);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .3rem;font-size:.74rem;font-weight:700}.flow-text h3{margin:0;font-size:clamp(1.4rem,3vw,1.8rem)}.flow-text p:last-child{margin:.5rem 0 0}@media (width<=760px){.flow:before{left:1.4rem}.flow-step,.flow-step:nth-child(2n){grid-template-columns:2.8rem minmax(0,1fr);align-items:start;gap:.9rem 1.1rem}.flow-marker{grid-column:1}.flow-step .flow-text,.flow-step:nth-child(2n) .flow-text{text-align:left;grid-area:1/2;padding-top:.15rem}.flow-step .flow-picture,.flow-step:nth-child(2n) .flow-picture{grid-area:2/2;justify-self:start}}.pic{border:1px solid var(--line);background:var(--surface);width:min(100%,21rem);box-shadow:var(--shadow-soft);color:var(--ink);border-radius:20px;padding:1.1rem;font-size:.85rem}.pic-pick{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.6rem;display:grid}.pic-cover{aspect-ratio:3/4;font-family:var(--font-display);text-align:center;opacity:.75;border-radius:12px;place-items:center;padding:.3rem;font-size:.78rem;font-style:italic;font-weight:600;line-height:1.1;display:grid;position:relative}.pic-cover.chosen{opacity:1;box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent);transform:scale(1.06)}.pic-cover i{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;display:grid;position:absolute;top:-.5rem;right:-.5rem}.pic-edit{color:var(--muted);align-items:center;gap:.7rem;display:flex}.pic-form{flex:1;gap:.3rem;display:grid}.pic-label{color:var(--muted);font-size:.7rem;font-weight:600}.pic-input{border:1px solid var(--line);color:var(--ink);border-radius:8px;align-items:center;margin-bottom:.35rem;padding:.4rem .6rem;font-weight:600;display:flex}.pic-input.tall{gap:.3rem;padding-block:.55rem;display:grid}.pic-input b{background:var(--line);border-radius:2px;height:3px}.pic-input b:last-child{width:60%}.pic-caret{background:var(--accent);width:1.5px;height:1em;margin-left:1px;animation:1.1s step-end infinite pic-blink}@keyframes pic-blink{50%{opacity:0}}.pic-phone{aspect-ratio:9/16;border:3px solid var(--ink);width:5.6rem;color:var(--ink);font-family:var(--font-display);background:linear-gradient(#fff1ec,#ffd3df);border-radius:14px;flex:none;align-content:center;justify-items:center;gap:.1rem;display:grid}.pic-phone small{font-size:.52rem;font-weight:600}.pic-phone strong{color:var(--accent);font-size:1.15rem;font-style:italic;line-height:1}.pic-phone span{background:var(--accent-soft);border-radius:50% 50% 4px 4px;width:1.4rem;height:1.4rem;margin-top:.5rem;box-shadow:inset 0 -6px #ff8fab}.pic-when{gap:.8rem;display:grid}.pic-chips{gap:.4rem;display:flex}.pic-chips span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.3rem .7rem;font-size:.76rem;font-weight:600}.pic-chips .on{border-color:var(--accent);background:var(--accent);color:#fff}.pic-date{align-items:center;gap:.5rem;font-weight:600;display:flex}.pic-date svg{color:var(--accent)}.pic-count{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.pic-count span{background:var(--bg-warm);color:var(--muted);letter-spacing:.1em;text-align:center;text-transform:uppercase;border-radius:12px;gap:.15rem;padding:.6rem 0 .5rem;font-size:.62rem;font-weight:700;display:grid}.pic-count b{color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:1.5rem;line-height:1}.pic-send{gap:.8rem;display:grid}.pic-link{background:var(--bg-warm);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:.8rem;font-weight:600;display:flex}.pic-link svg{color:var(--accent);flex:none}.pic-send-row{align-items:center;gap:.8rem;display:flex}.pic-qr{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;flex:none;grid-template-columns:repeat(7,1fr);gap:2px;width:4.6rem;padding:5px;display:grid}.pic-qr i.on{background:var(--ink);border-radius:1px}.pic-bubble{background:#e7f8ec;border-radius:14px 14px 14px 4px;gap:.35rem;padding:.6rem .8rem;font-weight:550;line-height:1.3;display:grid}.pic-bubble span{color:var(--accent-ink);align-items:center;gap:.3rem;font-size:.74rem;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.pic-caret{animation:none}}.life{border:1px solid var(--line);background:radial-gradient(38rem 20rem at 100% 0%, #ffd9e4, transparent 70%), radial-gradient(30rem 18rem at 0% 100%, #fff0d9, transparent 70%), var(--surface);box-shadow:var(--shadow-soft);border-radius:28px;padding:clamp(1.75rem,5vw,3.5rem)}.life-head{max-width:36rem}.life-head h2{font-size:clamp(1.9rem,4.6vw,2.9rem)}.life-link{color:var(--accent-ink)}.life-head p:last-child{margin:1rem 0 0}.life-track{--track:#e3c9cf;--track-live:var(--accent);grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:clamp(2rem,5vw,3.25rem) 0 0;padding:0;list-style:none;display:grid;position:relative}.life-track:before{content:"";background:linear-gradient(90deg, var(--track) 0 45%, var(--track-live) 62% 74%, transparent 76%), repeating-linear-gradient(90deg, var(--track-live) 0 4px, transparent 4px 11px);height:2px;position:absolute;top:.55rem;left:.6rem;right:6%;-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000);mask-image:linear-gradient(90deg,#000 78%,#0000)}.life-track li{align-content:start;gap:.3rem;padding-top:2rem;display:grid;position:relative}.life-track strong{color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;font-size:1.12rem;font-weight:620}.life-track li>span:last-child{font-size:.92rem;line-height:1.45}.life-dot{background:var(--surface);border:2px solid #c9a9b2;border-radius:50%;width:1.25rem;height:1.25rem;position:absolute;top:0;left:0}.life-track .live .life-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px #cf2a6229}.life-track .gone .life-dot{background:0 0;border-style:dashed;border-color:#c9a9b2}.life-track:after{content:"";background:var(--accent);width:.7rem;height:.7rem;box-shadow:0 0 0 3px var(--surface), 0 0 14px 4px #cf2a6273;border-radius:50%;animation:7s cubic-bezier(.4,0,.6,1) infinite life-travel;position:absolute;top:.2rem;left:.3rem}@keyframes life-travel{0%{opacity:0;left:.3rem}8%{opacity:1}70%{opacity:1}82%,to{opacity:0;left:77%}}.life-promises{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:clamp(2rem,5vw,3rem) 0 0;padding:0;list-style:none;display:grid}.life-promises li{border:1px solid var(--line);background:#ffffffbf;border-radius:16px;align-items:flex-start;gap:.8rem;padding:1rem;display:flex}.life-promises svg{color:var(--accent);flex:none;margin-top:.1rem}.life-promises div{gap:.2rem;display:grid}.life-promises strong{color:var(--ink);font-size:.98rem}.life-promises span{font-size:.88rem;line-height:1.4}.life-link{align-items:center;gap:.4rem;margin-top:1.75rem;font-weight:600;display:inline-flex}@media (width<=900px){.life-promises{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.life-track{grid-template-columns:minmax(0,1fr);gap:1.6rem}.life-track:before{background:linear-gradient(180deg, var(--track) 0 45%, var(--track-live) 62% 74%, transparent 76%), repeating-linear-gradient(180deg, var(--track-live) 0 4px, transparent 4px 11px);width:2px;height:auto;inset:.6rem auto 12% .55rem;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.life-track li{padding:0 0 0 2.2rem}.life-track:after{animation-name:life-travel-down;left:.28rem}@keyframes life-travel-down{0%{opacity:0;top:.3rem}8%{opacity:1}70%{opacity:1}82%,to{opacity:0;top:80%}}}@media (width<=520px){.life-promises{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.life-track:after{display:none}}.reel-mode{scrollbar-width:none;scroll-behavior:auto!important}.reel-mode::-webkit-scrollbar{display:none}.reel-mode .music-toggle{display:none!important}.reel-missing{text-align:center;padding:4rem 1.5rem}.reel-end{z-index:200;color:#24121b;opacity:0;pointer-events:none;background:radial-gradient(22rem 22rem at 50% 38%,#ffe6ee,#0000 70%),#fffaf7;align-content:center;justify-items:center;gap:.3rem;font-family:DM Sans Variable,system-ui,sans-serif;display:grid;position:fixed;inset:0}.reel-end-mark{color:#fff;background:#cf2a62;border-radius:26px;place-items:center;width:5.2rem;height:5.2rem;margin-bottom:1.1rem;display:grid;rotate:-6deg;box-shadow:0 24px 40px -20px #cf2a62}.reel-end p{color:#75626c;letter-spacing:.24em;text-transform:uppercase;margin:0;font-size:.9rem}.reel-end strong{letter-spacing:-.02em;font-family:Fraunces Variable,Georgia,serif;font-size:2.3rem;font-weight:650;line-height:1.1}.reel-end-url{color:#fff;background:#24121b;border-radius:999px;margin-top:.9rem;padding:.45rem 1.1rem;font-size:1rem;font-weight:600}.reel-pill,.reel-panel{--reel-ink:#24121b;--reel-soft:#6b5861;--reel-accent:#cf2a62;color:var(--reel-ink);font-family:DM Sans Variable,system-ui,Segoe UI,sans-serif}.reel-pill{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;align-items:center;gap:.45rem;height:2.75rem;padding:0 1rem;font-size:.86rem;font-weight:600;display:flex;position:fixed;bottom:1rem;left:1rem;box-shadow:0 8px 22px -10px #00000080}.reel-pill svg,.reel-panel h3 svg{color:var(--reel-accent)}.reel-panel{text-align:left;justify-items:start;gap:.7rem;display:grid}.reel-panel.floating{z-index:20;background:#fff;border-radius:20px;width:min(20rem,100vw - 2rem);padding:1.1rem 1.2rem 1.2rem;position:fixed;bottom:1rem;left:1rem;box-shadow:0 24px 60px -24px #0000008c}.reel-panel.inline{background:#fff;border:1px solid #f1e2e0;border-radius:16px;margin-bottom:1.25rem;padding:1.35rem;box-shadow:0 1px 2px #24121b0a,0 12px 32px -16px #24121b2e}.reel-panel h3{color:var(--reel-ink);letter-spacing:0;align-items:center;gap:.5rem;margin:0;font-family:inherit;font-size:1.05rem;font-weight:700;display:flex}.reel-panel p{color:var(--reel-soft);margin:0;font-size:.93rem;line-height:1.45}.reel-panel .reel-note{font-size:.82rem}.reel-panel .reel-error{color:#b3261e}.reel-action{background:var(--reel-accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.65rem 1.25rem;font-size:.93rem;font-weight:600;text-decoration:none}.reel-action:disabled{opacity:.6;cursor:default}.reel-close{color:var(--reel-soft);cursor:pointer;background:0 0;border:0;font-size:1.5rem;line-height:1;position:absolute;top:.5rem;right:.7rem}.reel-progress{background:#f6e3e9;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.reel-progress:after{content:"";border-radius:inherit;background:var(--reel-accent);animation:1.6s ease-in-out infinite alternate reel-slide;position:absolute;inset:0 60% 0 0}@keyframes reel-slide{to{inset:0 0 0 60%}}@media (prefers-reduced-motion:reduce){.reel-progress:after{opacity:.5;animation:none;inset:0}}.view-screen{color:#3b1f2b;text-align:center;background:radial-gradient(circle at 50% 20%,#ffe1e8 0%,#fff5f1 55%,#fff8f6 100%);place-items:center;min-height:100dvh;padding:2rem 1.25rem 4rem;font-family:Georgia,Times New Roman,serif;display:grid}.view-card{justify-items:center;gap:.9rem;max-width:26rem;display:grid}.view-card h1{color:#3b1f2b;letter-spacing:-.02em;font-size:clamp(1.7rem,7vw,2.4rem);line-height:1.1}.view-card p{color:#8c6474;margin:0}.view-heart{color:#ff5d8f;font-size:2.2rem;animation:1.4s ease-in-out infinite view-beat}@keyframes view-beat{0%,to{transform:scale(1)}15%{transform:scale(1.22)}30%{transform:scale(1)}45%{transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){.view-heart{animation:none}}.view-countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;width:100%;margin-top:.4rem;display:grid}.view-countdown div{background:#ffffffbf;border:1px solid #f3d5dc;border-radius:14px;gap:.2rem;padding:.9rem .2rem .7rem;display:grid}.view-countdown strong{color:#3b1f2b;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,8vw,2.3rem);line-height:1}.view-countdown span{color:#8c6474;letter-spacing:.12em;text-transform:uppercase;font:600 .62rem/1 system-ui,sans-serif}.view-card .view-small{font-size:.85rem}.view-pin{gap:.6rem;margin-top:.4rem;display:flex}.view-pin input{color:#3b1f2b;letter-spacing:.3em;text-align:center;background:#fff;border:1px solid #f3d5dc;border-radius:12px;width:9.5rem;padding:.7rem .5rem;font:600 1.4rem/1 system-ui,sans-serif}.view-pin input:focus{border-color:#ff5d8f;outline:2px solid #ff5d8f40}.view-button{color:#fff;cursor:pointer;background:#d62f68;border:0;border-radius:999px;padding:.7rem 1.4rem;font:600 1rem/1 system-ui,sans-serif}.view-button:disabled{opacity:.55;cursor:default}.view-card .view-error{color:#b3261e;font-size:.9rem}.view-brand{color:#8c6474;letter-spacing:.18em;text-transform:uppercase;opacity:.7;width:100%;margin:0;font:600 .7rem/1 system-ui,sans-serif;position:fixed;bottom:1.2rem;left:0}.view-brand a{color:inherit;text-decoration:none}
