:root{--bg1: #fff5f7;--bg2: #f3f4ff;--card: rgba(255, 255, 255, .88);--text: #2a2a2a;--muted: #6b7280;--primary: #f59bb2;--primaryText: #2a2a2a;--radius: 22px;--shadow: 0 10px 30px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:radial-gradient(1200px 700px at 30% 20%,var(--bg2),transparent),radial-gradient(1000px 600px at 70% 70%,var(--bg1),transparent),linear-gradient(135deg,#fff,#fff7fb)}a{color:inherit;text-decoration:none}button{font-family:inherit}.shell{min-height:100dvh;display:grid;place-items:center;padding:220px 50px 50px}.card{width:100%;max-width:520px;border:1px solid rgba(255,255,255,.55);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:22px}@media(max-width:420px){.card{padding:18px}}.stack{display:flex;flex-direction:column;gap:12px}.center{align-items:center;text-align:center}.illus{font-size:44px;line-height:1;margin-top:4px}.title{font-size:clamp(26px,5vw,38px);margin:0}.subtitle{font-size:clamp(16px,3.5vw,18px);margin:0}.muted{color:var(--muted);margin:0}.progress{font-size:14px;color:var(--muted)}.buttonRow{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}@media(min-width:700px){.buttonRow{grid-template-columns:1fr 1fr}}.btn{border:0;border-radius:999px;padding:14px 16px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn.primary{background:var(--primary);color:var(--primaryText);box-shadow:0 10px 22px #f59bb259}.btn.ghost{background:#ffffff8c;border:1px solid rgba(0,0,0,.06)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.99)}.options{display:grid;gap:10px;margin-top:8px}.optionCard{width:100%;text-align:left;padding:14px;border-radius:16px;border:1px solid rgba(0,0,0,.06);background:#ffffffb3;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;min-height:48px}.sad-bg{min-height:100dvh;background-image:url(/images/backgrounds/sadHeart.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.quizImage{width:100%;max-height:260px;object-fit:cover;border-radius:16px;margin:8px 0 4px;box-shadow:0 12px 28px #0000002e}@media(max-width:480px){.quizImage{max-height:200px;margin-top:20px}}.optionCard{display:flex;align-items:center;justify-content:space-between;gap:12px}.optionText{flex:1}.btnFull{grid-column:1 / -1;width:100%}.optionIcon{flex:0 0 auto;font-size:18px;line-height:1;opacity:.95;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.errorText{margin-top:8px;font-weight:700;color:#c50e0e;text-shadow:0 3px 10px rgba(0,0,0,.35);animation:pop .25s ease}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.optionCard.wrong{animation:shake .38s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@media(max-width:480px){.quizImage{max-height:200px}}.landing-bg{min-height:100dvh;background-image:url(/images/backgrounds/Love.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}@media(max-width:768px){.sad-bg{background-position:top center}}.illus{display:flex;justify-content:center;align-items:center;width:100%}.illusImg{width:clamp(120px,22vw,180px);height:auto}.illusIcon{width:clamp(40px,10vw,120px);height:auto;object-fit:contain}.illusImgIntro{width:clamp(80px,20vw,140px);height:auto;object-fit:contain;align-items:center}.optionCard:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0000000f}.optionCard:active{transform:scale(.99)}.memWrap{display:flex;flex-direction:column;gap:10px;width:100%;max-width:900px;margin:0 auto;padding:12px 16px 18px;box-sizing:border-box;overflow:hidden}.memTop{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px}.memNav{height:44px;width:44px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff38;color:#0a0909;font-weight:800;cursor:pointer;text-shadow:0 3px 10px rgba(0,0,0,.35);transition:transform .15s ease,background .15s ease}.memNav:hover{transform:translateY(-1px);background:#ffffff4d}.memNav:active{transform:scale(.98)}.memFrame{border-radius:20px;overflow:hidden;box-shadow:0 18px 40px #0000002e;border:1px solid rgba(255,255,255,.25)}.memImage{width:100%;height:380px;object-fit:cover;display:block}.memText{text-align:center}.memTitle{margin:4px 0 0;color:#090909;font-style:italic;font-size:22px}.memSummary{margin:6px 0 0;color:#010101eb;text-shadow:0 4px 14px rgba(0,0,0,.35);line-height:1.4;font-size:16px}.memDots{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;margin-top:6px;padding-bottom:4px}.dot{width:10px;height:10px;border-radius:999px;border:0;cursor:pointer;background:#ffffff59}.dot.active{background:#060606f2}@media(max-width:768px){.memWrap{max-width:100%}.memImage{height:300px}}