@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');:root{--ink:#493641;--muted:#8b7581;--pink:#e9789d;--line:#f4dbe5}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',sans-serif;background:radial-gradient(circle at 5% 5%,#ffe3ed,transparent 24rem),radial-gradient(circle at 96% 30%,#f0eaff,transparent 24rem),#fff9fb}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px max(18px,calc((100% - 1100px)/2));background:#fffafce8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand>span{display:grid;place-items:center;background:#ffeaf1;border-radius:14px;width:42px;height:42px;font-size:24px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.top nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.top nav a{font-size:11px;padding:7px 9px;border-radius:30px;color:#846c79}.top nav a:hover{background:#ffe8f0;color:#b44f75}#menu-toggle{display:none;border:0;border-radius:12px;padding:9px 12px;background:#ffeaf1}.wrap{max-width:1050px;width:calc(100% - 32px);margin:28px auto 65px}.hero,.content,.gentle{background:#ffffffdf;border:1px solid var(--line);border-radius:27px;box-shadow:0 12px 35px #9e5b7714;padding:clamp(24px,5vw,52px);margin-bottom:20px;position:relative;overflow:hidden}.hero{text-align:center;background:linear-gradient(140deg,#fff,#fff0f6)}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#c36b8a}.hero-emoji{font-size:62px;filter:drop-shadow(0 8px 9px #d99ab52b);margin:12px 0}h1{font:500 clamp(2.2rem,6vw,4.3rem)/1.12 'Playfair Display',serif;letter-spacing:-.04em;margin:10px auto 17px;max-width:850px}h1 em{color:#d8668d}h2{font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.2}.lead{max-width:700px;margin:0 auto;color:#7d6974;font-size:clamp(14px,2vw,17px)}.button-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:23px}.btn{display:inline-flex;justify-content:center;border:0;border-radius:30px;padding:12px 18px;background:linear-gradient(135deg,#f19ab5,#e57599);color:white;font-weight:700;font-size:13px;box-shadow:0 7px 17px #e7779c35}.btn:hover{transform:translateY(-2px)}.btn.soft,.subbtn{background:#fff0f5;color:#a94e70;border:1px solid #f4d3df;box-shadow:none}.section{margin:35px 2px}.section h2{margin-bottom:16px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tile{display:flex;flex-direction:column;gap:7px;min-height:125px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:0 8px 25px #9e5b770b;transition:.2s}.tile:nth-child(6n+1){background:#fff0f5}.tile:nth-child(6n+2){background:#f1edff}.tile:nth-child(6n+3){background:#fff8db}.tile:nth-child(6n+4){background:#e8f8ef}.tile:nth-child(6n+5){background:#eaf5ff}.tile:nth-child(6n){background:#fff0e7}.tile:hover{transform:translateY(-3px)}.tile span{color:#ce7595;font-size:23px}.tile b{font-size:15px}.tile small{font-size:11px;color:#8b7581}.gentle{display:flex;gap:15px;align-items:center;background:#fff0f5;padding:22px 26px}.gentle b{white-space:nowrap;color:#b85e7e}.gentle p{margin:0;color:#866372;font-size:13px}.content form{display:grid;gap:10px;margin:18px 0}.content input,.content textarea{width:100%;border:1px solid #efd7e1;background:#fffafb;border-radius:13px;padding:12px 14px;outline:none;color:var(--ink)}.content input:focus,.content textarea:focus{border-color:#e68eaa;box-shadow:0 0 0 3px #fbe2eb}.content textarea{min-height:90px;resize:vertical}.content .btn{justify-self:start}.letter{margin-top:20px;padding:25px;background:#fff7fa;border:1px dashed #e7a8bf;border-radius:18px;font-family:'Playfair Display',serif;font-size:17px}.letter em{color:#c65f86}.result{margin:15px 0;padding:18px;background:#fff1f6;border-radius:17px;color:#8d526c}.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mood{padding:15px 8px;background:#fff;border:1px solid var(--line);border-radius:15px;color:#6c5360}.mood:hover,.mood:focus{background:#fff0f6}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.timeline article{padding:19px;border-radius:18px;background:#fff4f8;border:1px solid var(--line)}.timeline article>b{font-size:11px;color:#bd6786}.timeline p{color:#806d77;font-size:13px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.facts span{padding:14px;background:#fff1f6;border-radius:14px;font-size:13px}.gamebox{display:inline-block;vertical-align:top;width:calc(50% - 12px);margin:8px 8px 8px 0;padding:18px;background:#fff4f8;border-radius:18px}.gamebox p{font-size:13px}.gamebox .btn{margin-top:8px}#game-area{height:150px;position:relative;background:#fff;border:1px dashed #e7b1c7;border-radius:14px}#heart{position:absolute;left:40%;top:40%;font-size:30px;background:#ffeaf1;border:0;border-radius:50%;width:50px;height:50px;color:#db6e93}#wish-list,#book-list,#memory-list,#song-list{display:grid;gap:8px;margin:14px 0;padding:0;list-style:none}#wish-list>div,#book-list li,#memory-list article,#song-list>div{padding:12px 15px;background:#fff1f6;border-radius:13px;border:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:10px}.subbtn{padding:9px 14px;border-radius:22px}.notes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.note{padding:18px;border:1px solid var(--line);background:#fff3f7;border-radius:16px;text-align:left;color:#6b5360}.note:hover{background:#ffe6ef}.micro{font-size:11px;color:var(--muted)}.related{margin-top:25px}footer{text-align:center;border-top:1px solid var(--line);padding:28px 15px 36px;color:#8b7581;font-size:12px;line-height:2}footer span{color:#e9789d}footer small{font-size:10px}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#493641;color:white;padding:11px 18px;border-radius:30px;font-size:12px;opacity:0;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.top nav{display:none;position:absolute;top:65px;left:12px;right:12px;background:white;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 12px 35px #9e5b7714;grid-template-columns:repeat(3,1fr)}.top nav.open{display:grid}.top nav a{text-align:center}#menu-toggle{display:block}.tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.top{padding:10px 13px}.wrap{width:calc(100% - 22px);margin-top:15px}.hero,.content{padding:24px 19px;border-radius:22px}.hero-emoji{font-size:50px}.tiles{gap:9px}.tile{padding:15px;min-height:120px}.tile b{font-size:13px}.tile small{font-size:10px}.gentle{display:block;padding:20px}.gentle p{margin-top:6px}.moods{grid-template-columns:repeat(2,1fr)}.timeline,.facts,.notes{grid-template-columns:1fr}.gamebox{width:100%;margin:8px 0}.button-row .btn{flex:1}.top nav.open{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}