*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,system-ui,sans-serif;color:#34232b;background:var(--bg,#fff7fa)}body{overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border-bottom:1px solid #f2dfe7}.brand{font-weight:700;color:var(--accent,#ff5c8a)}.ghost{background:#fff;border:1px solid #ead5df;border-radius:999px;padding:9px 15px;color:#6c4a57}.screen{display:none;min-height:100vh;padding:92px 18px 40px;place-items:center}.screen.active{display:grid}.hero-card,.game-card{width:min(720px,100%);padding:42px 28px;text-align:center;border:1px solid #f1dce5;border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 22px 70px rgba(107,40,69,.1)}.eyebrow{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent,#ff5c8a);font-weight:700}.hero-card h1{font:clamp(2.6rem,7vw,5rem) "DM Serif Display",serif;line-height:.98;margin:16px 0}.hero-card p,.lead{color:#765b66}.primary{background:var(--accent,#ff5c8a);color:white;padding:13px 20px;border-radius:999px;font-weight:700;box-shadow:0 10px 24px rgba(255,92,138,.25)}.primary.big{width:100%;margin:18px 0}.secondary{background:#fff;border:1px solid #e4cbd5;color:#634854;padding:11px 15px;border-radius:12px;font-weight:600}.game-card h2{font:2.6rem "DM Serif Display",serif;margin:12px}.answers{display:grid;gap:10px;max-width:420px;margin:22px auto}.answer{padding:13px;border:1px solid #ead4de;background:#fff;border-radius:14px}.answer:hover{border-color:var(--accent,#ff5c8a);transform:translateY(-1px)}.progress{height:6px;background:#f5e7ed;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--accent,#ff5c8a);transition:.3s}.main-wrap{width:min(920px,100%);text-align:center}.mini-date{display:inline-block;padding:7px 13px;border-radius:999px;background:#ffe5ee;color:#ad4869;font-size:.8rem}.main-wrap h2{font:clamp(2.2rem,6vw,4rem) "DM Serif Display",serif;line-height:1;margin:16px 0 8px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:32px 0}.photo-grid figure{margin:0;background:#fff;padding:9px;border-radius:20px;box-shadow:0 14px 35px rgba(83,35,55,.08)}.photo-grid .wide{grid-column:1/-1}.photo-grid img{width:100%;height:300px;object-fit:cover;border-radius:14px;background:#f6e7ed;display:block}.photo-grid .wide img{height:420px}.photo-grid figcaption{text-align:left;padding:9px 3px 2px;font-size:.82rem;color:#80626e}.counter-card{padding:24px;background:#fff;border-radius:22px;border:1px solid #f0dce5}.counter-card span,.counter-card small{display:block;color:#80626e}.counter-card strong{display:block;font-size:2.2rem;color:var(--accent,#ff5c8a);margin:4px}.letter{margin:22px 0;text-align:left;background:#fffdf8;border:1px solid #eadfca;border-radius:18px;padding:28px;box-shadow:0 15px 40px rgba(70,45,20,.06)}.letter-top{font-size:.72rem;letter-spacing:.15em;color:#ad7c4e;font-weight:700}.letter h3{font:2rem "DM Serif Display",serif;margin:15px 0}.letter p{line-height:1.9;color:#624e56;white-space:pre-wrap}.signature{text-align:right;font-style:italic}.music-card{display:flex;gap:18px;align-items:center;text-align:left;background:#fff;padding:20px;border:1px solid #efd9e2;border-radius:20px}.music-card h3{margin:5px 0}.music-player{margin-left:auto;min-width:250px}.music-player iframe{border-radius:12px;border:0;width:100%;height:80px}.music-player audio{width:100%}footer{padding:25px;color:#9a7d88;font-size:.75rem}.editor{position:fixed;z-index:50;right:0;top:0;width:min(470px,100%);height:100dvh;background:#fff;box-shadow:-20px 0 70px rgba(50,20,35,.18);transform:translateX(105%);transition:.35s;overflow:auto;padding:22px}.editor.open{transform:none}.editor-head{display:flex;align-items:center;justify-content:space-between}.editor h2{font:2rem "DM Serif Display",serif;margin:0}.close{background:#f7edf1;border-radius:50%;width:38px;height:38px;font-size:25px}.muted{font-size:.78rem;color:#826b75;line-height:1.55}.tabs{display:flex;gap:6px;overflow:auto;margin:18px 0}.tab{padding:9px 13px;background:#f8f0f3;border-radius:999px;white-space:nowrap}.tab.active{background:var(--accent,#ff5c8a);color:#fff}.tabpane{display:none}.tabpane.active{display:block}.editor label{display:block;font-size:.78rem;font-weight:600;color:#694d59;margin:13px 0}.editor input,.editor textarea{width:100%;margin-top:6px;border:1px solid #e4d1d9;border-radius:11px;padding:10px;background:#fff;color:#34232b}.editor input[type=color]{height:42px;padding:3px}.editor-actions{position:sticky;bottom:0;background:#fff;padding-top:16px;display:grid;grid-template-columns:1fr 1.4fr;gap:9px;border-top:1px solid #f0e2e7}.status{font-size:.78rem;color:#7a5e69;padding:10px 0}.heart{position:fixed;bottom:-30px;pointer-events:none;animation:float 7s linear forwards;z-index:2;opacity:.55}@keyframes float{to{transform:translateY(-110vh) rotate(25deg);opacity:0}}@media(max-width:650px){.photo-grid{grid-template-columns:1fr}.photo-grid .wide{grid-column:auto}.photo-grid img,.photo-grid .wide img{height:270px}.music-card{display:block}.music-player{margin-top:12px;min-width:0}.hero-card,.game-card{padding:30px 20px}.topbar{padding:0 14px}}

.download-area{margin-top:14px;padding:15px;border:1px solid #f0d8e2;border-radius:16px;background:#fff7fa}
.download-ready{font-size:.82rem;font-weight:700;color:#6c4a57;margin-bottom:10px}
.download-link{display:block;text-align:center;text-decoration:none}

.download-area{margin-top:14px;padding:15px;border:1px solid #f0d8e2;border-radius:16px;background:#fff7fa}
.download-ready{font-size:.82rem;font-weight:700;color:#6c4a57;margin-bottom:10px}
.download-link{display:block;text-align:center;text-decoration:none;margin-bottom:8px}
.download-fallback{width:100%}

.editor-divider{height:1px;background:var(--line);margin:24px 0}.editor-section-title{font-size:26px;margin:0 0 6px}