:root{--bg: #FBE9EE;--glow-1: rgba(179, 22, 75, .1);--glow-2: rgba(63, 110, 78, .1);--paper: #FFF9FB;--ink: #4A1027;--ink-soft: #8A5368;--rose: #B3164B;--on-rose: #FFF4F7;--leaf: #3F6E4E;--on-leaf: #F3FBF5;--line: rgba(74, 16, 39, .14);--tape: rgba(63, 110, 78, .22);--shadow: 0 22px 44px -26px rgba(74, 16, 39, .45);--env-body: #A9123F;--env-front: #C02A5A;--env-flap: #94103A;--wax-1: #4F8562;--wax-2: #284A34;--petal-1: #E07A9A;--petal-2: #F3B3C6;--petal-3: #C23C68;--heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath d='M50 88C20 66 2 48 2 28 2 13 13 2 27 2c10 0 18 6 23 14 5-8 13-14 23-14 14 0 25 11 25 26 0 20-18 38-48 60z'/%3E%3C/svg%3E");--leaf-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20C4 10 10 4 21 3c-1 11-7 17-17 17zm0 0l9-9'/%3E%3C/svg%3E");--f-body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--f-serif: "Cormorant Garamond", "Iowan Old Style", Georgia, "Times New Roman", serif;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #220A14;--glow-1: rgba(255, 111, 154, .12);--glow-2: rgba(140, 199, 159, .07);--paper: #32121F;--ink: #FCE3EB;--ink-soft: #D59BB0;--rose: #FF6F9A;--on-rose: #2A0A16;--leaf: #8CC79F;--on-leaf: #10261A;--line: rgba(252, 227, 235, .14);--tape: rgba(140, 199, 159, .22);--shadow: 0 22px 44px -26px rgba(0, 0, 0, .8);--env-body: #B92A57;--env-front: #CF3D6B;--env-flap: #A2224C;--wax-1: #6FA984;--wax-2: #2F5A3D;--petal-1: #C2416A;--petal-2: #E58AA6;--petal-3: #8F2A4D;color-scheme:dark}}:root[data-theme=dark]{--bg: #220A14;--glow-1: rgba(255, 111, 154, .12);--glow-2: rgba(140, 199, 159, .07);--paper: #32121F;--ink: #FCE3EB;--ink-soft: #D59BB0;--rose: #FF6F9A;--on-rose: #2A0A16;--leaf: #8CC79F;--on-leaf: #10261A;--line: rgba(252, 227, 235, .14);--tape: rgba(140, 199, 159, .22);--shadow: 0 22px 44px -26px rgba(0, 0, 0, .8);--env-body: #B92A57;--env-front: #CF3D6B;--env-flap: #A2224C;--wax-1: #6FA984;--wax-2: #2F5A3D;--petal-1: #C2416A;--petal-2: #E58AA6;--petal-3: #8F2A4D;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-weight:300;font-size:17px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body.locked{overflow:hidden}button{font:inherit;color:inherit}.glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(55% 40% at 8% 0%,var(--glow-1),transparent 70%),radial-gradient(45% 35% at 100% 45%,var(--glow-2),transparent 70%),radial-gradient(60% 40% at 30% 100%,var(--glow-1),transparent 70%)}#petals{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}main,footer{position:relative;z-index:2}.fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 22px}.serif{font-family:var(--f-serif)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:radial-gradient(60% 45% at 50% 42%,var(--glow-1),transparent 72%),var(--bg);transition:opacity .9s ease,visibility .9s}.intro.gone{opacity:0;visibility:hidden;pointer-events:none}.intro-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.intro-title{margin:0 0 40px;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.15}.intro-hint{margin:44px 0 0;font-size:.9rem;color:var(--ink-soft);animation:breathe 2.6s ease-in-out infinite}.intro.opening .intro-title,.intro.opening .intro-hint{opacity:0;transition:opacity .5s}.envelope{position:relative;display:block;width:min(300px,76vw);aspect-ratio:3 / 2;padding:0;border:0;background:none;cursor:pointer;perspective:900px;animation:float 3.4s ease-in-out infinite}.envelope:focus-visible{outline:2px dashed var(--rose);outline-offset:12px;border-radius:8px}.envelope.open{animation:none}.envelope>span{position:absolute;display:block}.env-back{top:0;right:0;bottom:0;left:0;background:var(--env-body);border-radius:8px;box-shadow:var(--shadow)}.env-letter{left:7%;right:7%;top:6%;height:88%;z-index:2;background:var(--paper);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:11%;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:clamp(1.25rem,5vw,1.5rem);color:var(--rose);transition:transform .85s cubic-bezier(.2,.8,.2,1) .45s}.env-front{top:0;right:0;bottom:0;left:0;z-index:3;border-radius:8px;background:var(--env-front);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%)}.env-flap{left:0;top:0;width:100%;height:56%;z-index:4;background:var(--env-flap);border-radius:8px 8px 0 0;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .6s ease,z-index 0s .3s}.env-seal{left:50%;top:56%;width:54px;height:54px;margin:-27px 0 0 -27px;z-index:5;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--wax-1),var(--wax-2));box-shadow:0 3px 8px #00000040,inset 0 -3px 6px #00000040;display:grid;place-items:center;transition:transform .4s ease,opacity .4s ease}.env-seal:after{content:"";width:22px;height:20px;background:#fff9;-webkit-mask:var(--heart) center / contain no-repeat;mask:var(--heart) center / contain no-repeat}.envelope.open .env-seal{transform:scale(.3);opacity:0}.envelope.open .env-flap{transform:rotateX(180deg);z-index:1}.envelope.open .env-letter{transform:translateY(-50%)}.hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:88px;padding-bottom:64px}.hero-title{margin:0;font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:clamp(3rem,12.5vw,6.4rem);line-height:.98;letter-spacing:-.015em;max-width:11ch;text-wrap:balance}.hero-lead{margin:30px 0 0;max-width:34ch;font-size:1.1rem;color:var(--ink-soft)}.together{margin:22px 0 0;max-width:36ch;font-size:1.1rem}.together b{font-family:var(--f-serif);font-weight:600;font-size:1.45em;line-height:1;color:var(--rose);font-variant-numeric:tabular-nums}.scroll-cue{align-self:flex-start;margin-top:48px;display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:4px}.scroll-cue:focus-visible{outline:2px dashed var(--rose);outline-offset:6px}.scroll-cue i{display:inline-block;font-style:normal;animation:bob 1.8s ease-in-out infinite}body.opened .hero{animation:appear 1.1s ease both}.block{padding-top:64px;padding-bottom:64px}.block-title{margin:0;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:clamp(2rem,7vw,2.9rem);line-height:1.1;text-wrap:balance}.block-help{margin:10px 0 0;color:var(--ink-soft);font-size:.95rem}.paper{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:clamp(40px,8vw,64px) clamp(24px,7vw,64px) clamp(36px,7vw,56px);box-shadow:var(--shadow);transform:rotate(-.6deg)}.paper:before{content:"";position:absolute;top:-13px;left:50%;width:124px;height:28px;transform:translate(-50%) rotate(-3deg);background:var(--tape);border-radius:2px}.paper-date{margin:0 0 30px;text-align:right;font-family:var(--f-serif);font-style:italic;font-size:1.1rem;color:var(--ink-soft)}.paper-greet{margin:0 0 18px;font-family:var(--f-serif);font-style:italic;font-weight:600;font-size:clamp(1.7rem,6vw,2.2rem);line-height:1.2;color:var(--rose)}.paper-body{min-height:14em;font-family:var(--f-serif);font-weight:500;font-size:clamp(1.18rem,1rem + .8vw,1.32rem);line-height:1.8}.paper-body p{margin:0 0 1em}.caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--rose);animation:blink 1s steps(1) infinite}.paper-sign{margin:30px 0 0;text-align:right;font-family:var(--f-serif);font-style:italic;opacity:0;transform:translateY(8px);transition:opacity .9s,transform .9s}.paper-sign span{display:block;color:var(--ink-soft);font-size:1.1rem}.paper-sign strong{display:block;font-weight:600;font-size:clamp(2rem,7vw,2.6rem);line-height:1.1;color:var(--rose)}.paper.done .paper-sign{opacity:1;transform:none}.ghost-btn{display:inline-block;background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 20px;font-size:.9rem;color:var(--ink-soft);cursor:pointer}.ghost-btn:focus-visible{outline:2px dashed var(--rose);outline-offset:3px}.letter-actions{text-align:center;margin-top:22px}.stamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,40vw),1fr));gap:26px 20px;margin-top:32px}.stamp{position:relative;aspect-ratio:4 / 5;padding:0;border:0;background:none;cursor:pointer;text-align:left;perspective:1100px;transform:rotate(var(--tilt, 0deg));touch-action:manipulation}.stamp:focus-visible{outline:2px dashed var(--rose);outline-offset:8px}.stamp-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,.7,.2,1)}.stamp.flipped .stamp-inner{transform:rotateY(180deg)}.stamp-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(circle,transparent 4px,var(--face) 4.6px) -7px -7px / 14px 14px;color:var(--face-ink);padding:18px 16px;display:flex;flex-direction:column}.stamp-face:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:var(--face)}.stamp-face:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid currentColor;opacity:.28}.stamp-face>*{position:relative;z-index:1}.stamp-front{justify-content:space-between}.stamp-back{--face: var(--paper);--face-ink: var(--ink);transform:rotateY(180deg);justify-content:center}.v-rose{--face: var(--rose);--face-ink: var(--on-rose)}.v-leaf{--face: var(--leaf);--face-ink: var(--on-leaf)}.v-paper{--face: var(--paper);--face-ink: var(--ink)}.stamp-top{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 0}.stamp-top i{width:18px;height:17px;background:currentColor;-webkit-mask:var(--heart) center / contain no-repeat;mask:var(--heart) center / contain no-repeat}.stamp-top span{font-family:var(--f-serif);font-style:italic;font-weight:600;font-size:1.15rem}.stamp-title{padding:0 4px;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:clamp(1.35rem,4.6vw,1.7rem);line-height:1.1}.stamp-hint{padding:0 4px 4px;font-size:.75rem;opacity:.8}.stamp-text{padding:0 4px;font-family:var(--f-serif);font-weight:500;font-size:clamp(1rem,3.3vw,1.15rem);line-height:1.4}.wishes{list-style:none;margin:28px 0 0;padding:0;max-width:560px}.wishes li{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line);font-size:1.08rem}.wishes li:before{content:"";width:20px;height:20px;margin-top:4px;background:var(--leaf);-webkit-mask:var(--leaf-icon) center / contain no-repeat;mask:var(--leaf-icon) center / contain no-repeat}.wishes li:last-child{border-bottom:0;font-family:var(--f-serif);font-style:italic;font-weight:600;font-size:1.45rem;line-height:1.35;color:var(--rose)}.wishes li:last-child:before{background:var(--rose);-webkit-mask-image:var(--heart);mask-image:var(--heart);margin-top:9px}.finale{text-align:center;padding-bottom:32px}.finale .block-help{margin-left:auto;margin-right:auto}.big-heart{position:relative;display:block;width:min(230px,58vw);aspect-ratio:100 / 92;margin:36px auto 0;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation}.big-heart:focus-visible{outline:2px dashed var(--rose);outline-offset:10px;border-radius:12px}.big-heart svg{width:100%;height:100%;display:block;overflow:visible}.heart-shape{fill:var(--paper);stroke:var(--rose);stroke-width:2.5}.heart-fill{fill:var(--rose);transition:transform .55s cubic-bezier(.3,1.3,.5,1)}.big-heart.full svg{animation:beat 1.5s ease-in-out infinite}.heart-count{margin:18px 0 0;min-height:1.7em;font-size:.95rem;color:var(--ink-soft)}.final-msg{margin-top:26px;animation:appear 1.1s ease both}.final-title{margin:0;font-family:var(--f-serif);font-style:italic;font-weight:600;font-size:clamp(3rem,13vw,5.2rem);line-height:1;color:var(--rose)}.final-text{max-width:30rem;margin:16px auto 0;font-size:1.05rem;color:var(--ink-soft)}.spot{display:block;margin:0;padding:0;border:0;background:none}button.spot{font:inherit;color:inherit;text-align:inherit;cursor:pointer}.spot.editing{cursor:pointer;outline:2px dashed transparent;outline-offset:4px;transition:outline-color .2s}.spot.editing:hover,.spot.editing:focus-visible{outline-color:var(--rose)}[data-spot]{scroll-margin-top:24px}.spot-img{display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--line)}.spot-img img{display:block;width:100%;height:100%;object-fit:cover}.spot-empty{display:grid;place-items:center;aspect-ratio:4 / 5;padding:8px;border:1.5px dashed currentColor;border-radius:4px;opacity:.75;font-family:var(--f-body);font-style:normal;font-weight:400;font-size:.75rem;line-height:1.3;text-align:center}.snap .spot-empty{color:var(--ink-soft)}.snap{background:var(--paper);border:1px solid var(--line);padding:8px;box-shadow:var(--shadow);transform:rotate(var(--tilt, 2deg))}.spot-cap{display:block;padding:8px 2px 2px;text-align:center;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:1.05rem;line-height:1.25}.hero-photo{--tilt: 3deg;align-self:flex-end;width:min(40vw,210px);margin:0 4px 8px 0}.letter-photo{--tilt: 3deg;position:relative;float:right;width:clamp(108px,32%,190px);margin:4px -4px 14px 18px}.letter-photo:before{content:"";position:absolute;z-index:1;top:-10px;left:50%;width:64px;height:20px;transform:translate(-50%) rotate(4deg);background:var(--tape);border-radius:2px}.paper-sign{clear:both}.stamp-photo{flex:1 1 auto;min-height:0;margin:8px 4px}.stamp-photo .spot-img,.stamp-photo .spot-empty{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.stamp-photo .spot-img{border:2px solid currentColor}.stamp.has-photo .stamp-hint{display:none}.stamp.has-photo .stamp-title{font-size:clamp(1.05rem,3.8vw,1.3rem)}.wishes-wrap.has-photo .wishes-photo{--tilt: -2.5deg;width:min(56vw,220px);margin:28px auto 0}@media (min-width: 640px){.wishes-wrap.has-photo{display:grid;grid-template-columns:1fr 210px;gap:36px;align-items:center}.wishes-wrap.has-photo .wishes-photo{width:auto;margin:28px 0 0}}.heart-photo{opacity:0;transition:opacity 1.2s ease .3s}.heart-photo.on{opacity:1}.heart-line{fill:none;stroke:var(--rose);stroke-width:2.5}.spot-edit{margin-top:16px}.footer{text-align:center;padding:48px 22px 64px;color:var(--ink-soft)}.footer p{margin:0 0 22px;font-family:var(--f-serif);font-style:italic;font-size:1.3rem}.footer.with-editor{padding-bottom:60vh}.music{position:fixed;z-index:45;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--rose);box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center;font-size:1.15rem;line-height:1}.music:focus-visible{outline:2px dashed var(--rose);outline-offset:3px}.music.off{color:var(--ink-soft)}.music.off:after{content:"";position:absolute;width:22px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg)}.fx-heart{position:absolute;left:0;top:0;width:var(--size, 14px);height:calc(var(--size, 14px) * .92);background:var(--c, var(--rose));-webkit-mask:var(--heart) center / contain no-repeat;mask:var(--heart) center / contain no-repeat;transform:translate(-50%,-50%);animation:fly var(--dur, 1s) cubic-bezier(.2,.7,.3,1) forwards}.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}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes appear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes blink{50%{opacity:0}}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(1)}45%{transform:scale(1.06)}}@keyframes fly{0%{transform:translate(-50%,-50%) scale(.3) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(var(--s, 1)) rotate(var(--r, 0deg));opacity:0}}.admin-dot{position:fixed;z-index:46;top:calc(env(safe-area-inset-top,0px) + 8px);left:8px;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;opacity:.35;transition:opacity .2s}.admin-dot span{width:3px;height:3px;border-radius:50%;background:var(--ink)}.admin-dot:hover,.admin-dot:focus-visible,.admin-dot.unlocked{opacity:.9}.admin-dot:focus-visible{outline:2px dashed var(--rose);outline-offset:2px}.admin-dot.unlocked span{background:var(--leaf)}.photos-empty{margin:22px 0 0;padding:28px 20px;text-align:center;border:1.5px dashed var(--line);border-radius:12px;color:var(--ink-soft)}.track{position:relative;display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:28px max(22px,calc((100% - 760px)/2 + 22px)) 30px;scroll-padding-inline:max(22px,calc((100% - 760px)/2 + 22px));scrollbar-width:none}.track::-webkit-scrollbar{display:none}.polaroid{flex:0 0 min(74vw,300px);margin:0;scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);padding:12px 12px 0;box-shadow:var(--shadow);transform:rotate(var(--tilt, 0deg))}.polaroid-img{display:block;width:100%;aspect-ratio:4 / 5;padding:0;border:0;background:var(--line);overflow:hidden;cursor:zoom-in}.polaroid-img:focus-visible{outline:2px dashed var(--rose);outline-offset:3px}.polaroid-img img{display:block;width:100%;height:100%;object-fit:cover}.polaroid figcaption{min-height:62px;padding:12px 4px 16px;font-family:var(--f-serif);font-style:italic;font-weight:500;font-size:1.2rem;line-height:1.3}.polaroid figcaption small{display:block;margin-top:4px;font-family:var(--f-body);font-style:normal;font-weight:400;font-size:.8rem;color:var(--ink-soft)}.slider-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-btn{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}.nav-btn:disabled{opacity:.35;cursor:default}.nav-btn:focus-visible{outline:2px dashed var(--rose);outline-offset:3px}.dots{display:flex;flex-wrap:wrap;justify-content:center}.dot{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.dot:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink-soft);opacity:.35;transition:transform .2s,opacity .2s,background .2s}.dot.on:after{background:var(--rose);opacity:1;transform:scale(1.3)}.dot:focus-visible{outline:2px dashed var(--rose);border-radius:50%}.slider-count{margin:0;font-family:var(--f-serif);font-style:italic;font-size:1.1rem;color:var(--ink-soft)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 60px) 16px calc(env(safe-area-inset-bottom,0px) + 56px);background:#14060cf0;touch-action:pan-y;animation:fade-in .25s ease}.lb-figure{margin:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.lb-figure img{display:block;max-width:100%;max-height:calc(100vh - 210px);max-height:calc(100svh - 210px);object-fit:contain;border-radius:3px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lb-figure figcaption{max-width:34rem;text-align:center;color:#fce3eb;font-family:var(--f-serif);font-style:italic;font-size:1.25rem;line-height:1.35}.lb-figure figcaption small{display:block;margin-top:4px;font-family:var(--f-body);font-style:normal;font-size:.8rem;opacity:.7}.lb-close,.lb-nav{position:absolute;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:grid;place-items:center}.lb-close{top:calc(env(safe-area-inset-top,0px) + 10px);right:10px}.lb-nav{top:50%;transform:translateY(-50%);padding-bottom:3px}.lb-nav.prev{left:10px}.lb-nav.next{right:10px}.lb-close:focus-visible,.lb-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.lb-count{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);margin:0;text-align:center;color:#ffffffb3;font-size:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#220a1480;animation:fade-in .2s ease}.modal{width:min(380px,100%);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:26px 24px 22px;box-shadow:0 30px 60px -20px #00000080}.modal-title{margin:0;font-family:var(--f-serif);font-style:italic;font-weight:600;font-size:1.75rem;line-height:1.2}.modal-help{margin:6px 0 8px;color:var(--ink-soft);font-size:.92rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.field{display:block;margin-top:12px}.field>span{display:block;margin-bottom:6px;font-size:.82rem;font-weight:500;color:var(--ink-soft)}.field input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px;font-weight:400}.field input:focus{outline:2px solid var(--rose);outline-offset:1px}.field input:disabled{opacity:.6}.form-msg{margin:10px 0 0;font-size:.88rem;color:var(--ink-soft)}.form-msg.error{color:var(--rose);font-weight:500}.form-msg.ok{color:var(--leaf);font-weight:500}.primary-btn{border:0;border-radius:999px;padding:10px 22px;background:var(--rose);color:var(--on-rose);font-size:.95rem;font-weight:500;cursor:pointer}.primary-btn:disabled{opacity:.45;cursor:default}.primary-btn:focus-visible{outline:2px dashed var(--rose);outline-offset:3px}.text-btn{border:0;background:none;padding:6px 8px;cursor:pointer;color:var(--ink-soft);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}.text-btn.inline{padding:0;font-size:inherit}.text-btn.warn{color:var(--rose);font-weight:500}.text-btn:focus-visible{outline:2px dashed var(--rose);outline-offset:2px}.ghost-btn:disabled{opacity:.4;cursor:default}.ghost-btn.danger{color:var(--rose);border-color:currentColor}.editor{position:fixed;z-index:55;left:50%;bottom:0;width:min(640px,100%);max-height:72vh;max-height:72svh;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -24px 50px -20px #00000073;padding:16px 18px calc(env(safe-area-inset-bottom,0px) + 18px);transform:translate(-50%);animation:sheet-up .35s cubic-bezier(.2,.8,.2,1)}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-head h2{margin:0;font-family:var(--f-serif);font-style:italic;font-weight:600;font-size:1.5rem;line-height:1.2}.editor-head small{margin-left:6px;font-family:var(--f-body);font-style:normal;font-weight:400;font-size:.8rem;color:var(--ink-soft)}.editor-head-actions{display:flex;gap:4px}.strip{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 10px}.thumb{position:relative;flex:0 0 auto;width:76px;height:96px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--bg);cursor:pointer}.thumb img{display:block;width:100%;height:100%;object-fit:cover}.thumb.on{border-color:var(--rose)}.thumb:focus-visible{outline:2px dashed var(--rose);outline-offset:2px}.thumb.add{border:1.5px dashed var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.72rem;color:var(--ink-soft)}.thumb.add span{font-size:1.6rem;line-height:1;color:var(--rose)}.thumb.add:disabled{opacity:.5;cursor:default}.badge{position:absolute;left:4px;top:4px;padding:1px 6px;border-radius:999px;background:var(--leaf);color:var(--on-leaf);font-size:.65rem;font-weight:500}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.detail-actions .ghost-btn{padding:7px 14px;font-size:.85rem}.editor-empty{margin:4px 0 0;color:var(--ink-soft);font-size:.92rem}.gh-settings{margin-top:16px;padding:4px 14px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.gh-settings .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gh-settings .field input{background:var(--paper)}.gh-settings .note{margin:10px 0 0;font-size:.8rem;line-height:1.55;color:var(--ink-soft)}.editor-foot{display:flex;flex-direction:column;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.editor-mode{margin:0;font-size:.82rem;line-height:1.6;color:var(--ink-soft)}.editor-foot .primary-btn{align-self:flex-end;margin-top:12px}.tabs{display:flex;gap:4px;margin-top:12px;padding:4px;border-radius:999px;background:var(--bg)}.tab{flex:1;border:0;border-radius:999px;background:none;padding:7px 10px;font-size:.88rem;color:var(--ink-soft);cursor:pointer}.tab.on{background:var(--paper);color:var(--ink);font-weight:500;box-shadow:0 2px 8px -4px #0000004d}.tab small{margin-left:4px;font-size:.75rem;opacity:.8}.tab:focus-visible{outline:2px dashed var(--rose);outline-offset:2px}.spots-help{margin-top:12px;font-size:.85rem}.spot-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.spot-row{display:flex;align-items:center;gap:12px;width:100%;padding:6px;border:1px solid var(--line);border-radius:12px;background:none;cursor:pointer;text-align:left}.spot-row.on{border-color:var(--rose);background:var(--bg)}.spot-row:focus-visible{outline:2px dashed var(--rose);outline-offset:2px}.spot-thumb{flex:0 0 auto;width:40px;height:50px;border-radius:6px;overflow:hidden;background:var(--bg);display:grid;place-items:center;color:var(--rose);font-size:1.2rem}.spot-thumb img{display:block;width:100%;height:100%;object-fit:cover}.spot-label{display:flex;flex-direction:column;font-size:.92rem;line-height:1.35}.spot-label small{font-size:.75rem;color:var(--ink-soft)}.spot-detail{padding:2px 4px 10px}.spot-detail .detail-actions{margin-top:10px}.mini-label{margin:12px 0 0;font-size:.82rem;font-weight:500;color:var(--ink-soft)}.strip.mini{padding-top:8px}.strip.mini .thumb{width:54px;height:68px}@media (min-width: 1000px){.editor{left:auto;right:16px;bottom:16px;top:calc(env(safe-area-inset-top,0px) + 64px);width:380px;max-height:none;border-bottom:1px solid var(--line);border-radius:18px;transform:none;animation:panel-in .35s cubic-bezier(.2,.8,.2,1)}.footer.with-editor{padding-bottom:64px}}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}