:root{--paper: #fffaf5;--paper-warm: #fff4ef;--petal: #ffdbe4;--petal-strong: #ff86a2;--blush: #f8b8c7;--mint: #d8ece5;--sky: #dbeefe;--ink: #4b342d;--muted: #8d746b;--line: rgba(91, 62, 54, .14);--shadow: 0 18px 48px rgba(126, 89, 80, .15);--shadow-soft: 0 10px 28px rgba(242, 151, 174, .18);--font-hand: "Gochi Hand", "Comic Sans MS", "Segoe Print", cursive;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);font-family:var(--font-sans);line-height:1.6;background:radial-gradient(circle at 16% 17%,rgba(255,219,228,.52),transparent 28rem),radial-gradient(circle at 82% 12%,rgba(216,236,229,.5),transparent 23rem),linear-gradient(180deg,#fffaf7,#fff7f2 44%,#fff)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img,svg{display:block}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;min-height:78px;padding:0 4.4vw;background:#fffaf5db;border-bottom:1px solid rgba(91,62,54,.07);box-shadow:0 6px 30px #4f352d0f;backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-family:var(--font-hand);font-size:clamp(1.35rem,2.2vw,1.75rem);text-decoration:none;white-space:nowrap}.brand-mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;color:#fff;font-family:var(--font-sans);font-size:1.3rem;line-height:1;background:linear-gradient(145deg,#ff91a9,#ffd0dc);border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 7px 16px #ff86a247;transform:rotate(-10deg)}.nav-links{display:flex;justify-content:center;gap:clamp(1.2rem,4vw,4.8rem);font-weight:700}.nav-links a{position:relative;display:inline-flex;align-items:center;min-height:48px;color:var(--ink);text-decoration:none}.nav-links a:after{position:absolute;right:0;bottom:.25rem;left:0;height:3px;content:"";background:var(--petal-strong);border-radius:999px;opacity:0;transform:scaleX(.45);transition:opacity .2s ease,transform .2s ease}.nav-links a:hover:after,.nav-links a.active:after{opacity:1;transform:scaleX(1)}.nav-links a.active{color:var(--petal-strong)}.header-actions{display:flex;align-items:center;gap:.75rem}.icon-button{display:grid;width:46px;height:46px;place-items:center;color:var(--ink);cursor:pointer;background:#ffffff94;border:1px solid transparent;border-radius:50%;transition:background .2s ease,border-color .2s ease,transform .2s ease}.icon-button:hover{background:#fff;border-color:#ff86a252;transform:translateY(-1px)}.icon-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}main{overflow:hidden}.hero{position:relative;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(620px,1.38fr);gap:clamp(2.5rem,4.6vw,5.5rem);align-items:center;width:min(1500px,calc(100% - 9vw));min-height:min(760px,calc(100vh - 78px));margin:0 auto;padding:clamp(2rem,4vw,3.5rem) 0}.hero:before{display:none}.hero-copy{position:relative;z-index:1;min-width:0;padding:2.5rem 0 2rem}.tiny-hearts{position:absolute;top:.5rem;left:.6rem;color:#ff9cb2;font-size:1.3rem;letter-spacing:1rem;transform:rotate(-16deg)}.hero-title{position:relative;z-index:1;display:grid;gap:.16em;width:max-content;max-width:100%;margin:0;padding:.35em .18em .28em;color:var(--ink);font-family:var(--font-hand),var(--font-sans);font-size:clamp(3.25rem,5.1vw,5.15rem);font-weight:600;line-height:.98;letter-spacing:0}.hero-title:before{position:absolute;z-index:-1;inset:18% -6% 6% -8%;content:"";background:linear-gradient(9deg,#ffcbd6bf,#ffeae5a6),repeating-linear-gradient(176deg,rgba(255,134,162,.18) 0 8px,transparent 9px 18px);border-radius:38% 62% 48% 52%/42% 36% 64% 58%;transform:rotate(-3deg)}.hero-title:after{position:absolute;top:.1em;right:-.28em;color:#ff9cb2;font-family:var(--font-sans);font-size:.42em;content:"♡";transform:rotate(17deg)}.hero-subtitle{width:min(28rem,100%);margin:1.9rem 0 1.7rem;color:var(--muted);font-size:clamp(1.02rem,1.8vw,1.18rem);font-weight:600}.hero-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.45rem;color:#fff;font-weight:800;text-decoration:none;background:linear-gradient(135deg,#ff86a2,#ffadc0);border-radius:8px;box-shadow:0 12px 24px #ff86a247;transition:transform .2s ease,box-shadow .2s ease}.hero-button:after{margin-left:.45rem;content:"♡"}.hero-button:hover{box-shadow:0 15px 28px #ff86a25c;transform:translateY(-2px)}.flower-doodle{position:absolute;right:4%;bottom:2rem;width:clamp(54px,7vw,82px);color:var(--ink);opacity:.82}.flower-doodle svg,.footer-flower svg{width:100%;height:auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8}.hero-board{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:clamp(.85rem,1.25vw,1.1rem);height:clamp(520px,45vw,640px);max-height:calc(100vh - 150px);min-height:0}.story-card,.media-card{position:relative;display:block;width:100%;height:100%;padding:0;overflow:hidden;cursor:pointer;background:#fff;border:1px solid rgba(255,255,255,.76);border-radius:8px;box-shadow:var(--shadow)}.story-card img,.media-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease}.story-card:after,.media-card:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(62,40,36,.12));opacity:0;transition:opacity .25s ease}.story-card:hover img,.media-card:hover img{filter:saturate(1.05) brightness(1.03);transform:scale(1.035)}.story-card:hover:after,.media-card:hover:after{opacity:1}.story-card-1{grid-column:1 / span 7;grid-row:1 / span 5}.story-card-2{grid-column:8 / span 5;grid-row:1 / span 3}.story-card-3{grid-column:1 / span 7;grid-row:6 / span 3}.story-card-4{grid-column:8 / span 5;grid-row:4 / span 5}.story-card-5,.story-card-6{display:none}.story-card-1 .scribble{top:16%;left:11%}.story-card-2 .scribble{top:19%;right:16%}.story-card-3 .scribble{right:14%;bottom:18%}.story-card-4 .scribble{top:16%;left:14%}.scribble{position:absolute;z-index:1;color:#ffffffeb;font-size:clamp(1.5rem,3.2vw,2.6rem);line-height:1;text-shadow:0 2px 12px rgba(106,70,64,.18);transform:rotate(-13deg)}.moments-section{position:relative;width:min(1360px,calc(100% - 9vw));margin:0 auto;padding:clamp(2rem,4vw,3.25rem) 0 clamp(3.5rem,6vw,5rem);scroll-margin-top:96px}.section-heading{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 clamp(1.2rem,2vw,1.8rem);color:#b9818d}.section-heading h2{margin:0;color:var(--ink);font-size:clamp(1.15rem,2.2vw,1.45rem);letter-spacing:0}.mood-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(96px,7.4vw,128px);gap:clamp(.9rem,1.3vw,1.15rem)}.gallery-item{position:relative;min-width:0}.gallery-item .media-card{min-height:100%}.mosaic-large-left{grid-column:1 / span 3;grid-row:1 / span 3}.mosaic-note-top{grid-column:4 / span 2;grid-row:1 / span 2}.mosaic-small-top{grid-column:6 / span 1;grid-row:1 / span 2}.mosaic-wide-right{grid-column:4 / span 3;grid-row:3 / span 2}.mosaic-small-left{grid-column:1 / span 2;grid-row:4 / span 2}.mosaic-portrait-center{grid-column:3 / span 1;grid-row:4 / span 2}.mosaic-small-mid{grid-column:1 / span 2;grid-row:6 / span 2}.mosaic-portrait-right{grid-column:3 / span 2;grid-row:6 / span 2}.mosaic-wide-left{grid-column:5 / span 2;grid-row:5 / span 3}.mosaic-note-bottom{grid-column:1 / span 2;grid-row:8 / span 3}.mosaic-large-bottom{grid-column:3 / span 3;grid-row:8 / span 3}.mosaic-small-bottom{grid-column:6 / span 1;grid-row:8 / span 3}.mosaic-wide-footer-left{grid-column:1 / span 3;grid-row:11 / span 2}.mosaic-wide-footer-right,.mosaic-extra{grid-column:4 / span 3;grid-row:11 / span 2}.media-info{position:absolute;right:.72rem;bottom:.68rem;left:.72rem;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;color:#fff;font-size:.83rem;font-weight:800;text-shadow:0 2px 12px rgba(59,39,35,.38);pointer-events:none}.media-info p{max-width:62%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:clamp(1.1rem,2vw,2rem);color:#78605a;background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.8),transparent 8rem),linear-gradient(145deg,#ffe8eef5,#fff6f3fa);border:1px solid rgba(255,255,255,.82);border-radius:8px;box-shadow:var(--shadow-soft)}.note-card-8{background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.92),transparent 8rem),linear-gradient(145deg,#dbeefef5,#f6fbfffa)}.note-card span{color:#b9818d;font-size:clamp(1.1rem,2vw,1.45rem)}.note-card h3{margin:1rem 0 .35rem;font-size:clamp(1rem,1.6vw,1.18rem);letter-spacing:0}.note-card p{margin:0;color:var(--muted);font-size:clamp(.92rem,1.5vw,1rem);font-weight:600}.note-card time{margin-top:.8rem;color:#b9959d;font-family:var(--font-hand);font-size:1.1rem}.play-icon{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:58px;height:58px;place-items:center;color:var(--petal-strong);background:#ffffffe6;border-radius:50%;box-shadow:0 10px 24px #402a242e;transform:translate(-50%,-50%)}.play-icon svg{width:30px;height:30px;fill:currentColor}.footer{position:relative;display:flex;align-items:center;justify-content:center;min-height:116px;padding:2rem 7vw 2.6rem;overflow:hidden;color:var(--muted);font-weight:800;text-align:center;background:linear-gradient(180deg,#fffaf500,#ffe4eb)}.footer:before{position:absolute;top:-42px;right:-8%;left:-8%;height:90px;content:"";background:var(--paper);border-radius:0 0 50% 50%}.footer p{position:relative;z-index:1;margin:0}.footer-bear{position:absolute;bottom:1.5rem;left:4vw;color:#ff86a2;font-size:3rem;line-height:1;transform:rotate(-10deg)}.footer-flower{position:absolute;right:4vw;bottom:1.35rem;width:64px;color:var(--ink);opacity:.82}.lightbox{max-width:min(96vw,1180px);max-height:94vh;padding:0;overflow:visible;background:transparent;border:none}.lightbox::backdrop{background:#251917bd;backdrop-filter:blur(10px)}.lightbox-close{position:absolute;top:-18px;right:-18px;z-index:3;display:grid;width:46px;height:46px;place-items:center;color:var(--ink);cursor:pointer;background:#fff;border:1px solid rgba(255,255,255,.86);border-radius:50%;box-shadow:0 14px 30px #281a1738}.lightbox-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.lightbox-content{display:grid;place-items:center;max-width:96vw;max-height:94vh}.lightbox-content img,.lightbox-content video{max-width:96vw;max-height:94vh;background:#fff;border:8px solid rgba(255,255,255,.92);border-radius:8px;box-shadow:0 24px 70px #140d0b59}@media(max-width:1080px){.site-header{grid-template-columns:1fr auto}.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;width:min(100% - 3rem,900px);padding-top:2.5rem}.hero-copy{max-width:620px;padding-bottom:0}.flower-doodle{right:0}.hero-board{height:clamp(460px,70vw,620px);max-height:none}.mood-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(92px,14vw,128px);grid-auto-flow:dense}.mood-board>*{grid-column:auto;grid-row:span 2}.mosaic-large-left,.mosaic-wide-right,.mosaic-wide-left,.mosaic-large-bottom,.mosaic-wide-footer-left,.mosaic-wide-footer-right{grid-column:span 2;grid-row:span 3}.mosaic-note-top,.mosaic-note-bottom,.mosaic-small-top,.mosaic-small-left,.mosaic-portrait-center,.mosaic-small-mid,.mosaic-portrait-right,.mosaic-small-bottom,.mosaic-extra{grid-column:span 1;grid-row:span 2}}@media(max-width:680px){.site-header{min-height:66px;padding:0 1rem;gap:1rem}.brand{font-size:1.28rem}.brand-mark{width:2rem;height:2rem}.header-actions{gap:.3rem}.icon-button{width:42px;height:42px}.hero,.moments-section{width:min(100% - 1.8rem,1380px)}.hero{gap:1.4rem;padding-top:1.6rem}.hero-title{font-size:clamp(3rem,16vw,4.8rem)}.hero-subtitle{margin:1.45rem 0 1.35rem}.flower-doodle{display:none}.hero-board{grid-template-columns:1fr .82fr;grid-template-rows:repeat(5,minmax(0,1fr));gap:.7rem;height:min(520px,116vw);max-height:none}.story-card-1{grid-column:1;grid-row:1 / span 3}.story-card-2{grid-column:2;grid-row:1 / span 2}.story-card-3{grid-column:1;grid-row:4 / span 2}.story-card-4{grid-column:2;grid-row:3 / span 3}.mood-board{grid-template-columns:1fr;grid-auto-rows:auto;gap:.72rem}.mood-board>*{grid-column:span 1;grid-row:auto;aspect-ratio:4 / 3}.note-card{min-height:210px}.media-info{font-size:.78rem}.footer{padding-right:4rem;padding-left:4rem}.footer-bear,.footer-flower{transform:scale(.82)}}