/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.table{display:table}}:root{color:#654b57;font-synthesis:none;background:#fff9f5;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #c77793}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.topbar{justify-content:space-between;align-items:center;gap:25px;max-width:1120px;height:82px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:.02em;color:#936f79;white-space:nowrap;font-family:Georgia,serif;font-size:19px}.brand span,.page-head h1 span,.welcome h1 span{color:#d894a7}.brand small{letter-spacing:.2em;color:#bd9ba2;margin-top:3px;font-family:inherit;font-size:9px;display:block}.desktop-nav{gap:30px;font-size:13px;display:flex}.desktop-nav a{padding:12px 0}.desktop-nav a.active{color:#bd718b;border-bottom:2px solid #d99bad}.music{position:relative}.music-button,.iconbutton{color:#b8798b;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 5px 20px #d8b9b41f}.music-pop{z-index:8;background:#fff;border:1px solid #f4e5e4;border-radius:14px;align-items:center;gap:8px;width:240px;padding:12px;font-size:11px;display:none;position:absolute;top:48px;right:0;box-shadow:0 8px 28px #ae8a8a25}.music:hover .music-pop,.music:focus-within .music-pop{display:flex}.music-pop input{accent-color:#c77793;width:65px}.ambient{pointer-events:none;color:#e8c2c9;opacity:.45;font-size:22px;position:fixed}.ambient.a{top:22%;left:7%}.ambient.b{top:44%;right:8%}main{max-width:760px;min-height:80vh;margin:0 auto;padding:10px 24px 65px}.welcome{text-align:center;padding:25px 0 28px}.eyebrow{color:#c7939f;letter-spacing:.18em;font-family:Georgia,serif;font-size:10px;font-weight:600}.welcome p{color:#ad9097;margin:13px 0 8px;font-size:13px}.welcome h1,.page-head h1{letter-spacing:.07em;color:#755862;font-family:STKaiti,KaiTi,serif;font-size:clamp(27px,5vw,37px);font-weight:600}.tiny-stars{color:#e5b6c0;margin-top:14px;font-size:12px}.hero{background:#f9e9e6;border-radius:22px;position:relative;overflow:hidden}.hero img{object-fit:cover;width:100%;height:clamp(255px,55vw,460px)}.hero-caption{color:#fff;letter-spacing:.14em;text-shadow:0 1px 5px #9f7980;justify-content:space-between;font-family:Georgia,serif;font-size:10px;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.counter{text-align:center;background:#fae3e8;border:1px solid #f7dce3;border-radius:22px;margin-top:20px;padding:25px 20px 20px}.counter p{margin:10px 0 11px;font-size:14px}.numbers{justify-content:center;align-items:baseline;gap:clamp(12px,4vw,28px);display:flex}.numbers div{align-items:baseline;gap:4px;display:flex}.numbers strong{color:#c77793;font-variant-numeric:tabular-nums;font-family:Georgia,serif;font-size:clamp(29px,5vw,43px);font-weight:500}.numbers span{color:#a7808c;font-size:12px}.counter-foot{justify-content:center;align-items:center;gap:7px;margin-top:10px;font-size:13px;display:flex}.counter small{color:#bc9ca3;margin-top:12px;font-size:10px;display:block}.section-heading{justify-content:space-between;align-items:end;margin:42px 0 17px;display:flex}.section-heading h2{letter-spacing:.07em;margin-top:7px;font-family:STKaiti,KaiTi,serif;font-size:23px}.hand{color:#d0a0ab;font-family:Georgia,serif;font-size:13px;font-style:italic}.tile-grid,.gallery,.surprise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tile{background:#fff;border:1px solid #f6eeeb;border-radius:18px;align-items:center;gap:14px;min-height:112px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 28px #d4b9b21a}.tile:hover,.polaroid:hover,.surprise:hover{transform:translateY(-3px);box-shadow:0 12px 30px #caa9a42c}.tile:active,button:active{transform:scale(.98)}.tile-icon,.gift-icon{color:#bd7f91;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}.rose,.gift-0{background:#fbe9ed}.purple,.gift-1{color:#aa92b7;background:#f0e8f7}.yellow,.gift-2{color:#c9a66c;background:#fff3d9}.green,.gift-3{color:#8da68c;background:#eaf1e7}.tile h3{font-size:15px;font-weight:600}.tile p{color:#b69ea2;margin-top:7px;font-size:11px}.tile-arrow{color:#d9bcc2;margin-left:auto}.home-end{color:#cba9b0;letter-spacing:.18em;justify-content:center;align-items:center;gap:8px;margin-top:48px;font:10px Georgia,serif;display:flex}.page-head{text-align:center;padding:50px 0 42px}.page-head h1{margin:12px 0}.page-head p{color:#a98f96;font-size:13px;line-height:1.8}.timeline{border-left:1px solid #ecced5;margin-left:15px;padding-left:28px}.story-card{text-align:left;width:100%;color:inherit;background:#fff;border:1px solid #f5e9e7;border-radius:19px;margin-bottom:28px;padding:22px;position:relative;box-shadow:0 8px 25px #d4b9b217}.story-dot{background:#e5aabd;border:3px solid #fff9f5;border-radius:50%;width:13px;height:13px;position:absolute;top:27px;left:-35px}.story-date,.meta{color:#b8919b;font-size:12px}.story-content{grid-template-columns:1fr 34%;align-items:center;gap:20px;margin-top:14px;display:grid}.story-content h2,.envelope h2,.wish h2,.surprise h2{margin:8px 0;font-size:18px}.story-content p,.wish p,.surprise p{color:#a68d94;font-size:13px;line-height:1.8}.story-content img{aspect-ratio:1;object-fit:cover;border-radius:12px}.readmore{color:#c77f95;align-items:center;gap:7px;margin-top:16px;font-size:12px;display:inline-flex}.filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.filters button{color:#a98d96;background:#fff;border-radius:20px;min-height:44px;padding:9px 19px}.filters button.active{color:#825766;background:#edc3ce}.polaroid{text-align:left;background:#fff;padding:10px 10px 14px;transition:transform .2s;box-shadow:0 7px 22px #c8aba629}.polaroid:nth-child(2n){transform:rotate(1deg)}.polaroid img{aspect-ratio:1;object-fit:cover;width:100%}.polaroid div{justify-content:space-between;align-items:center;gap:5px;padding:14px 4px 2px;font-size:13px;display:flex}.polaroid small{color:#b69ca2;font-size:10px}.note{text-align:center;color:#b9a0a4;margin:30px 0;font-size:12px;line-height:1.8}.letter-list,.wish-list{gap:14px;display:grid}.envelope{text-align:left;color:#8b6872;background:#fff;border:1px solid #f4e8e7;border-radius:18px;align-items:center;gap:20px;padding:22px;display:flex;box-shadow:0 8px 25px #d4b9b217}.envelope>div:nth-child(2){flex:1}.envelope p{color:#b59ba1;font-size:12px}.envelope-icon{color:#cb8da0;background:#fbe8ec;border-radius:17px;place-items:center;width:65px;height:65px;display:grid;position:relative}.envelope-icon svg+svg{fill:#f8d2db;position:absolute;top:29px}.wish-intro{color:#91a48e;background:#f0f3e9;border-radius:18px;align-items:center;gap:16px;margin-bottom:20px;padding:22px;display:flex}.wish-intro b{color:#718b75;font-size:14px}.wish-intro p{margin-top:5px;font-size:12px}.wish{background:#fff;border:1px solid #f5e9e7;border-radius:17px;align-items:center;gap:15px;padding:18px;display:flex}.wish>svg{color:#ddc1c7}.check{color:#fff;background:#fff;border:1px solid #dbbdc4;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.check.checked{background:#d797aa;border-color:#d797aa}.wish-main{text-align:left;color:inherit;background:0 0;flex:1}.wish-main span{color:#bd929d;font-size:10px}.wish-main h2{font-size:16px}.surprise{text-align:center;color:inherit;background:#fff;border:1px solid #f5e9e7;border-radius:18px;padding:25px 18px;transition:transform .2s;box-shadow:0 8px 25px #d4b9b217}.gift-icon{width:64px;height:64px;margin:0 auto 15px}.surprise h2{font-size:16px}.surprise p{font-size:12px}.overlay{z-index:30;background:#5a4650a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.modal{background:#fffaf7;border-radius:22px;width:100%;max-width:580px;max-height:min(90dvh,900px);padding:32px;position:relative;overflow:auto;box-shadow:0 20px 80px #46303b40}.modal h2{margin:12px 0;font-family:STKaiti,KaiTi,serif;font-size:27px}.close{z-index:1;position:absolute;top:14px;right:14px}.detail-image{object-fit:contain;border-radius:12px;width:100%;max-height:420px;margin:20px 0}.prose,.letter-body{color:#806972;white-space:pre-wrap;margin-top:20px;font-size:15px;line-height:2}.letter-paper{background:repeating-linear-gradient(#0000,#0000 31px,#f2e8e5 32px);padding:20px 5px}.letter-body{line-height:2.13}.signature{text-align:right;color:#b87d8e;margin-top:30px}.lightbox img{object-fit:contain;border-radius:12px;width:100%;max-height:55dvh}.lightbox-controls{color:#b9949c;justify-content:space-between;align-items:center;margin:10px 0;font-size:12px;display:flex}.lightbox-controls .iconbutton{box-shadow:none}.primary{color:#fff;background:#d694a8;border-radius:22px;min-height:44px;margin-top:22px;padding:0 20px}.surprise-detail{text-align:center}.surprise-detail>svg{color:#d795a9;margin:auto}.bottom-nav,.more-menu{display:none}footer{text-align:center;letter-spacing:.18em;color:#c9aeb1;padding:20px 0 40px;font:10px Georgia,serif}footer span{color:#d392a5;margin:0 8px}@media(max-width:700px){.topbar{height:70px;padding:0 20px}.desktop-nav{display:none}main{padding:0 18px calc(115px + env(safe-area-inset-bottom));min-height:80vh}.welcome{padding:22px 0 24px}.hero img{aspect-ratio:1.25;object-fit:cover;height:auto}.section-heading{margin-top:35px}.tile{min-height:146px;padding:16px;display:block}.tile-icon{width:44px;height:44px;margin-bottom:13px}.tile h3{font-size:14px}.tile p{font-size:10px}.tile-arrow{position:absolute;bottom:18px;right:15px}.page-head{padding:42px 0 32px}.bottom-nav{z-index:20;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#fffaf7f5;border-top:1px solid #f2e5e2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 30px #ad8b8712}.bottom-nav a,.bottom-nav button{color:#b9959e;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:54px;min-height:49px;font-size:10px;display:flex}.bottom-nav .active{color:#c26f8b}.more-menu{z-index:21;bottom:calc(78px + env(safe-area-inset-bottom));background:#fff;border:1px solid #f3e5e3;border-radius:17px;width:190px;padding:8px;display:block;position:fixed;right:15px;box-shadow:0 12px 35px #9c7b7b30}.more-menu a{color:#9c7481;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.more-menu a svg:last-child{margin-left:auto}.ambient,footer{display:none}.story-content{grid-template-columns:1fr 30%}.story-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modal{padding:26px 22px}.music-pop{right:0}.numbers{gap:10px}.numbers strong{font-size:29px}.numbers span{font-size:10px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.hero-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.hero-actions button{color:#ae7789;background:#fff;border:1px solid #f1e1e2;border-radius:22px;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:12px;display:inline-flex}.hero-actions span{color:#b69da2;margin-left:auto;font-size:11px}.image-error{color:#b14c65;margin-top:5px;font-size:12px}.story-tools{align-items:center;gap:15px;margin:0 0 25px;display:flex}.story-tools .primary{margin:0}.story-tools span,.form-hint{color:#ad969a;font-size:12px}.story-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.edit-story,.delete-story{color:#bd788f;background:0 0;min-height:44px;padding:0 10px;font-size:13px}.story-open{text-align:left;width:100%;color:inherit;background:0 0}.story-form{gap:15px;display:grid}.story-form label{color:#896d77;gap:7px;font-size:13px;display:grid}.story-form input:not([type=file]),.story-form textarea{color:#654b57;width:100%;font:inherit;background:#fff;border:1px solid #ead8dc;border-radius:10px;padding:11px}.story-form input[type=file]{max-width:100%;font-size:12px}.edit-preview{object-fit:cover;border-radius:10px;max-width:150px;max-height:120px}.form-actions{align-items:center;gap:12px;display:flex}.form-actions .primary{margin:0}.delete-story{color:#b45b69}.story-card .story-content{margin-top:5px}.content-tools{background:#fff;border:1px solid #f5e9e7;border-radius:16px;margin:0 0 26px;padding:16px}.content-tools .primary{margin:0 0 10px}.content-tools details{color:#a27080;font-size:13px}.content-tools summary{cursor:pointer;align-items:center;min-height:40px;display:flex}.content-edit-list{gap:4px;display:grid}.content-edit-list button{text-align:left;color:#765d65;background:#fff8f7;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:flex}.content-edit-list button span{color:#bc7b90}.content-tools .form-hint{margin-top:8px}.story-form select{color:#654b57;background:#fff;border:1px solid #ead8dc;border-radius:10px;width:100%;min-height:44px;padding:10px}.login-screen{background:#fff9f5;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{text-align:center;background:#fff;border:1px solid #f5e7e6;border-radius:24px;width:min(100%,420px);padding:32px 24px;box-shadow:0 10px 40px #d4b9b226}.login-icon{color:#c77793;background:#fbe8ec;border-radius:19px;place-items:center;width:56px;height:56px;margin:0 auto 20px;display:grid}.login-card h1{justify-content:center;align-items:center;gap:8px;margin:12px 0;font-size:23px;display:flex}.login-card h1 svg{color:#d694a8}.login-card>p{color:#ad929a;margin-bottom:24px;font-size:13px}.login-card .story-form{text-align:left}.login-card .primary{width:100%;margin:5px 0 0}.login-card .primary:disabled{opacity:.6}.logout-button{z-index:15;color:#aa7185;background:#fff;border-radius:20px;min-height:44px;padding:10px 14px;position:fixed;top:80px;right:16px}.sync-error{z-index:40;color:#a6485c;background:#fff1f1;border:1px solid #f0b8c0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;max-width:600px;margin:auto;padding:12px;font-size:13px;display:flex;position:fixed;top:10px;left:10px;right:10px}.sync-error button{color:#a6485c;background:#fff;border-radius:12px;min-height:44px;padding:8px}.change-time{color:#b46f87;text-underline-offset:3px;background:0 0;min-height:44px;padding:0 14px;font-size:12px;text-decoration:underline}.start-form{text-align:left;max-width:300px;margin:10px auto 0}.start-form .primary{margin:0}