:root{color:var(--text,#34251f);background:var(--background-top,#fff8f3);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% 0%, #ffb1c257, transparent 36rem), linear-gradient(180deg, var(--background-top,#fff8f3) 0%, var(--background-middle,#f6fff7) 48%, var(--background-bottom,#fff6fb) 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.page-shell{min-height:100svh;color:var(--text,#34251f);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary-soft,#ff9fb6) 34%, transparent), transparent 36rem), linear-gradient(180deg, var(--background-top,#fff8f3) 0%, var(--background-middle,#f6fff7) 48%, var(--background-bottom,#fff6fb) 100%);position:relative;overflow-x:hidden}.config-toggle{z-index:35;color:#6e4b3e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #533a2d24;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:fixed;top:16px;left:16px;box-shadow:0 12px 32px #533a2d1f}.config-sidebar{z-index:50;background:#fffaf7f5;border-right:1px solid #533a2d1f;flex-direction:column;width:min(92vw,390px);transition:transform .26s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 54px #1c120e2e}.config-sidebar.is-open{transform:translate(0)}.config-scrim{z-index:45;background:#34251f4d;border:0;position:fixed;inset:0}.config-header{border-bottom:1px solid #533a2d1a;justify-content:space-between;align-items:center;gap:16px;min-height:84px;padding:18px 18px 14px;display:flex}.config-header p{color:var(--secondary,#b44a73);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.config-header h2{margin:0;font-size:22px;line-height:1.15}.config-header button,.config-actions button,.memory-editor-tabs button,.danger-action{color:#6e4b3e;background:#fff;border:1px solid #533a2d1f;border-radius:999px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.config-header button{width:36px;height:36px}.config-actions{border-bottom:1px solid #533a2d1a;grid-template-columns:1fr;gap:10px;padding:14px 18px;display:grid}.config-actions button{min-height:40px}.support-panel-link{min-height:38px;color:var(--primary,#d93268);font:inherit;background:#fff;border:1px solid #533a2d1f;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin:12px 18px 0;font-weight:800;display:inline-flex}.support-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#34251f7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.support-modal{color:#34251f;background:#fffaf7;border-radius:8px;width:min(100%,420px);padding:30px 22px 24px;position:relative;box-shadow:0 24px 80px #1c120e47}.support-modal h2{color:var(--primary,#d93268);margin-bottom:12px;font-size:30px;line-height:1.1}.support-modal p{color:#34251fad;line-height:1.7}.support-close{color:#6e4b3e;background:#fff;border:1px solid #533a2d1f;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.qr-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px;display:grid}.qr-grid figure{text-align:center;margin:0}.qr-grid img{object-fit:cover;background:#fff;border:1px solid #533a2d1f;border-radius:8px;width:100%}.qr-grid figcaption{color:#34251fb3;margin-top:8px;font-size:13px;font-weight:800}.share-box{grid-template-columns:1fr auto;gap:8px;padding:12px 18px 0;display:grid}.share-box input{color:#34251fbd;min-width:0;height:38px;font:inherit;background:#ffffffdb;border:1px solid #533a2d24;border-radius:8px;padding:0 10px;font-size:12px}.share-box button{color:#6e4b3e;white-space:nowrap;background:#fff;border:1px solid #533a2d1f;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:38px;font-weight:800;display:inline-flex}.save-status{color:#34251f8a;margin:10px 18px 0;font-size:12px;font-weight:800}.config-scroll{padding:4px 18px 28px;overflow:auto}.config-group{border-bottom:1px solid #533a2d17;padding:18px 0}.config-group h3{margin:0 0 12px;font-size:15px}.config-field{gap:7px;margin-bottom:12px;display:grid}.config-field span,.config-check{color:#34251fad;font-size:12px;font-weight:800}.config-field input,.config-field textarea{color:#34251f;width:100%;font:inherit;background:#ffffffdb;border:1px solid #533a2d24;border-radius:8px;outline:none;line-height:1.5}.config-field input{height:40px;padding:0 11px}.config-field textarea{resize:vertical;min-height:76px;padding:10px 11px}.config-field input:focus,.config-field textarea:focus{border-color:var(--primary,#d93268);box-shadow:0 0 0 3px #d932681f}.config-check{align-items:center;gap:8px;display:inline-flex}.config-check input{width:16px;height:16px;accent-color:var(--primary,#d93268)}.theme-preset-list{gap:10px;display:grid}.theme-preset-list button{color:#6e4b3e;background:#ffffffdb;border:1px solid #533a2d1f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:0 12px;font-weight:800;display:flex}.theme-preset-list button.active{border-color:var(--primary,#d93268);color:var(--primary,#d93268);box-shadow:0 0 0 3px #d932681a}.theme-swatch-row{gap:5px;display:inline-flex}.theme-swatch-row i{border:2px solid #ffffffe6;border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 0 0 1px #533a2d24}.memory-editor-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.memory-editor-tabs button{min-width:38px;height:34px;padding:0 10px}.memory-editor-tabs button.active{color:#fff;background:var(--secondary-dark,#7f2f55)}.danger-action{color:#b42345;min-height:38px;padding:0 12px}.step-progress{z-index:24;gap:8px;display:inline-flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.step-progress span{background:#533a2d2e;border-radius:999px;width:8px;height:8px;transition:width .22s,background .22s}.step-progress span.active{background:var(--primary,#d93268);width:24px}.experience-stage{min-height:100svh}.flow-step{min-height:100svh;animation:.36s both stepIn}.hero{align-items:center;min-height:100svh;padding:78px 22px 34px;display:grid;position:relative}.hero:after{aspect-ratio:1;background:radial-gradient(circle at 42% 34%, #ffffffd1, transparent 14%), radial-gradient(circle at 50% 46%, var(--primary-soft,#ff9fb6) 0 11%, transparent 12%), radial-gradient(circle at 38% 44%, var(--primary,#ff6f99) 0 14%, transparent 15%), radial-gradient(circle at 63% 44%, var(--primary,#ff6f99) 0 14%, transparent 15%), linear-gradient(135deg, var(--primary,#ff4f83), var(--accent,#ffb05f));content:"";filter:drop-shadow(0 34px 54px #cc486b38);opacity:.82;border-radius:50%;width:72vw;max-width:360px;animation:2.4s ease-in-out infinite heartbeat;position:absolute;bottom:4%;right:-16%;transform:rotate(-45deg)scale(.9)}.hero-content{z-index:2;max-width:560px;position:relative}.date-pill{color:var(--primary,#c3315f);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border:1px solid #c3315f2e;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.kicker,.section-heading p,.letter-label{color:var(--secondary,#b44a73);letter-spacing:0;text-transform:uppercase;margin:22px 0 8px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:10em;margin-bottom:18px;font-size:clamp(42px,12vw,72px);line-height:1.02}.hero-copy{max-width:23em;color:color-mix(in srgb, var(--text,#34251f) 72%, transparent);margin-bottom:30px;font-size:17px;line-height:1.75}.unlock-button,.letter-button,.step-next-button{color:#fff;background:linear-gradient(135deg, var(--primary,#d93268), var(--accent,#ff8a4a));border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 18px 36px #d3326842}.unlock-button{padding:0 20px}.unlock-button:active,.letter-button:active,.step-next-button:active,.note:active{transform:translateY(1px)scale(.99)}.step-next-button{width:min(100%,360px);margin-top:20px;padding:0 18px}.step-next-button:disabled{color:#34251f75;box-shadow:none;background:#533a2d21}.step-next-button.ghost{color:var(--primary,#d93268);background:#ffffffc2;box-shadow:0 14px 30px #533a2d1f}.ambient{pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:color-mix(in srgb, var(--secondary,#b44a73) 22%, transparent);width:168px;height:168px;top:12%;left:-50px}.ambient-two{background:#ff8a4a33;width:116px;height:116px;bottom:28%;right:-44px}.memory-section,.collect-section,.letter-section{align-content:center;min-height:100svh;padding:78px 22px 34px;display:grid}.section-heading h2{letter-spacing:0;margin-bottom:18px;font-size:28px;line-height:1.18}.memory-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border:1px solid #533a2d1f;border-radius:8px;min-height:245px;padding:26px;box-shadow:0 22px 48px #533a2d1a}.memory-date{color:var(--secondary-dark,#7f2f55);background:color-mix(in srgb, var(--secondary,#b44a73) 18%, white);border-radius:999px;margin-bottom:26px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.memory-card h3{margin-bottom:12px;font-size:24px;line-height:1.25}.memory-card p{color:#34251fb3;font-size:16px;line-height:1.8}.memory-tabs{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.memory-tabs button{color:#6e4b3e;background:#ffffff9e;border:1px solid #533a2d1f;border-radius:999px;height:44px;font-weight:800}.memory-tabs button.active{color:#fff;background:var(--secondary-dark,#7f2f55)}.progress-wrap{background:#533a2d1a;border-radius:999px;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--secondary,#b44a73), var(--primary,#d93268), var(--accent,#ff8a4a));transform-origin:0;width:100%;height:100%;transition:transform .36s}.progress-text{color:color-mix(in srgb, var(--text,#34251f) 62%, transparent);text-align:right;margin:10px 0 22px;font-size:14px;font-weight:800}.notes-field{background:linear-gradient(#ffffffb8, #ffffffb8), repeating-linear-gradient(90deg, transparent 0 22px, color-mix(in srgb, var(--secondary,#b44a73) 10%, transparent) 22px 23px), repeating-linear-gradient(0deg, transparent 0 22px, color-mix(in srgb, var(--secondary,#b44a73) 10%, transparent) 22px 23px);border-radius:8px;min-height:360px;position:relative}.note{min-width:82px;height:42px;color:var(--primary,#c3315f);background:#fff;border:1px solid #c3315f26;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:800;transition:transform .22s,opacity .22s,background .22s;animation:4s ease-in-out infinite floaty;display:inline-flex;position:absolute;box-shadow:0 14px 30px #533a2d1f}.note.collected{color:#fff;background:var(--primary,#c3315f);opacity:.92}.note-1{top:36px;left:8%}.note-2{animation-delay:-1.1s;top:92px;right:8%}.note-3{animation-delay:-2.1s;top:158px;left:20%}.note-4{animation-delay:-.6s;bottom:98px;right:15%}.note-5{animation-delay:-1.7s;bottom:44px;left:12%}.note-6{animation-delay:-2.8s;bottom:32px;right:8%}.letter-section{text-align:center;position:relative}.letter-button{width:min(100%,360px);padding:0 18px}.letter-button:disabled{color:#34251f75;box-shadow:none;background:#533a2d21}.hint{max-width:24em;color:color-mix(in srgb, var(--text,#34251f) 64%, transparent);margin:14px auto 0;font-size:14px;line-height:1.7}.letter-overlay{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#34251f85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.final-letter{z-index:2;width:min(100%,390px);color:var(--text,#34251f);background:var(--paper,#fffaf7);text-align:left;border-radius:8px;margin:0 auto;padding:34px 24px 28px;position:relative;box-shadow:0 24px 80px #1c120e47}.final-fireworks{pointer-events:none;position:absolute;inset:0}.final-letter h2{color:var(--primary,#c3315f);margin-bottom:16px;font-size:42px;line-height:1}.final-letter p{color:color-mix(in srgb, var(--text,#34251f) 76%, transparent);line-height:1.85}.final-letter strong{color:color-mix(in srgb, var(--text,#34251f) 92%, var(--primary,#c3315f));margin-top:20px;font-size:18px;line-height:1.6;display:block}.close-button{color:#6e4b3e;background:#fff;border:1px solid #533a2d1f;border-radius:999px;height:34px;padding:0 12px;font-size:13px;font-weight:800;position:absolute;top:12px;right:12px}.fireworks span{background:#ffd15c;border-radius:50%;width:8px;height:8px;animation:1.7s ease-out infinite burst;position:fixed}.fireworks span:first-child{top:16%;left:18%}.fireworks span:nth-child(2){background:#ff86ad;animation-delay:-.4s;top:22%;right:18%}.fireworks span:nth-child(3){background:#8bcf9b;animation-delay:-.9s;bottom:20%;right:24%}.fireworks span:nth-child(4){background:#7cc6ff;animation-delay:-1.2s;bottom:18%;left:22%}@keyframes heartbeat{0%,to{transform:rotate(-45deg)scale(.9)}14%{transform:rotate(-45deg)scale(.98)}28%{transform:rotate(-45deg)scale(.9)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes burst{0%{opacity:1;transform:scale(1);box-shadow:0 0}to{opacity:0;transform:scale(.8);box-shadow:28px 0 0 -1px,-28px 0 0 -1px,0 28px 0 -1px,0 -28px 0 -1px,20px 20px 0 -1px,-20px -20px 0 -1px,20px -20px 0 -1px,-20px 20px 0 -1px}}@keyframes stepIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width>=720px){.config-sidebar{border-left:1px solid #533a2d1f;border-right:0;left:auto;right:0;transform:translate(105%);box-shadow:-18px 0 54px #1c120e24}.config-sidebar.is-open{transform:translate(0)}.config-scrim{display:none}:is(.page-shell:has(.config-sidebar.is-open) .hero,.page-shell:has(.config-sidebar.is-open) .memory-section,.page-shell:has(.config-sidebar.is-open) .collect-section,.page-shell:has(.config-sidebar.is-open) .letter-section){transform:translate(-160px)}.hero,.memory-section,.collect-section,.letter-section{width:min(100%,980px);margin:0 auto;padding-inline:38px;transition:transform .26s}.hero{min-height:100svh}.memory-section,.collect-section{grid-template-columns:.8fr 1.2fr;align-content:center;align-items:center;gap:28px;display:grid}.memory-tabs,.progress-wrap,.progress-text,.notes-field,.collect-section .step-next-button,.collect-section .hint{grid-column:2}.memory-section .step-next-button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}