@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Quicksand:wght@400;500;600;700&display=swap";:root{--pink-1:#ffe4ee;--pink-2:#ffd1e0;--pink-3:#ffb3cd;--peach-1:#ffe6d2;--peach-2:#ffd0ac;--orange-1:#ffb98a;--coral:#ff8e72;--coral-deep:#f57a63;--rose:#ffb3cd;--rose-soft:#c97a93;--wine:#ff9bbb;--gold:#ffc9a0;--gold-bright:#f57a63;--cream:#6e4150;--plum-900:#5a3340;--ink:#5a3340;--shadow:0 14px 38px #ff8e722e;--shadow-soft:0 8px 24px #ff9bbb38;--radius:24px;color:var(--cream);font-family:Quicksand,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1100px 700px at 80% -5%, var(--peach-1), transparent 60%), radial-gradient(900px 600px at 10% 0%, var(--pink-1), transparent 55%), linear-gradient(165deg, #fff1f4 0%, #ffe4ee 35%, #ffe0cf 75%, #ffd9bf 100%);color:var(--cream);-webkit-font-smoothing:antialiased;background-attachment:fixed}h1,h2,h3,.serif{letter-spacing:.3px;font-family:Cormorant Garamond,serif;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.page{z-index:1;max-width:760px;min-height:100vh;margin:0 auto;padding:96px 20px 120px;position:relative}.page-title{text-align:center;color:var(--coral-deep);text-shadow:0 3px 18px #f57a632e;margin:0 0 6px;font-size:clamp(2rem,7vw,3.2rem)}.page-subtitle{text-align:center;color:var(--rose-soft);margin:0 0 36px;font-size:1.05rem}.card{border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff9e;border:1px solid #ffb6c18c;padding:22px}.btn{background:linear-gradient(135deg, var(--pink-3), var(--coral));color:#fff;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 10px 24px #ff8e7266}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ff8e7280}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-gold{background:linear-gradient(135deg, var(--peach-2), var(--orange-1));color:#7a3f2e;box-shadow:0 10px 24px #ffb98a80}.btn-ghost{border:1.5px solid var(--pink-3);color:var(--coral-deep);box-shadow:none;background:#ffffff80}.progress-wrap{background:#ff9bbb2e;border:1px solid #ffb6c180;border-radius:999px;width:100%;height:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--pink-3), var(--coral) 60%, var(--orange-1));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff4f7bf;border-bottom:1px solid #ffb6c180;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{color:var(--coral-deep);white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:1.35rem}.nav-points{color:var(--coral-deep);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.nav-points .mini-bar{background:#ff9bbb38;border-radius:999px;width:70px;height:8px;overflow:hidden}.nav-points .mini-bar>div{background:linear-gradient(90deg, var(--pink-3), var(--coral));height:100%}.tiles{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.tile{border-radius:var(--radius);box-shadow:var(--shadow-soft);text-align:left;color:var(--cream);background:#ffffff9e;border:1px solid #ffb6c18c;flex-direction:column;gap:6px;padding:20px 18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.tile:hover{border-color:var(--coral);box-shadow:var(--shadow);transform:translateY(-4px)}.tile .emoji{font-size:2rem}.tile .t-title{color:var(--coral-deep);font-size:1.05rem;font-weight:700}.tile .t-sub{color:var(--rose-soft);font-size:.8rem}.tile .t-badge{color:var(--coral-deep);background:#ffc9a066;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:12px}.tile.done{border-color:var(--coral)}.tile.done .t-badge{background:var(--coral);color:#fff}@media (width<=420px){.tiles{grid-template-columns:1fr}}.hearts{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.hearts span{opacity:.55;font-size:1.2rem;animation:linear infinite floatUp;position:absolute;bottom:-40px}@keyframes floatUp{to{opacity:0;transform:translateY(-110vh)rotate(40deg)}}.center{text-align:center}.stack{flex-direction:column;gap:16px;display:flex}.muted{color:var(--rose-soft)}.pill{background:linear-gradient(135deg, var(--pink-2), var(--peach-2));color:#9a4a52;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.back-link{z-index:40;color:var(--rose-soft);font-size:.85rem;font-weight:600;position:fixed;top:64px;left:16px}