*{box-sizing:border-box;margin:0;padding:0}:root{--pink:#f08db8;--yellow:#ffc53d;--blue:#6fa8e0;--light-pink:#fbe4ed;--ink:#3a2d35;--muted:#8a7a82;--radius:22px}body{background:var(--light-pink);color:var(--ink);font-family:Quicksand,sans-serif}h1,h2,h3{font-family:"Baloo 2",sans-serif}.app-shell{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:10;background:#fff;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #f08db826}.brand{color:var(--ink);font-family:"Baloo 2",sans-serif;font-size:1.4rem;font-weight:800;text-decoration:none}.brand-dot{color:var(--pink)}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--muted);border-radius:20px;padding:6px 14px;font-weight:600;text-decoration:none}.nav-links a.active,.nav-links a:hover{background:var(--light-pink);color:var(--pink)}.account-pill{align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:flex}.account-pill.muted{color:var(--muted)}.btn-primary{background:linear-gradient(135deg, var(--pink), var(--yellow));color:#fff;cursor:pointer;border:none;border-radius:30px;padding:12px 24px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-block;box-shadow:0 6px 16px #f08db859}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary.full{text-align:center;width:100%}.btn-secondary{color:var(--pink);border:2px solid var(--pink);cursor:pointer;background:#fff;border-radius:30px;padding:10px 22px;font-weight:700;text-decoration:none;display:inline-block}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.page{width:100%;max-width:1100px;margin:0 auto;padding:40px 24px 80px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.hero{flex-wrap:wrap;align-items:center;gap:40px;padding:50px 24px;display:flex}.hero-text{flex:1;min-width:300px}.eyebrow{color:var(--pink);background:#fff;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:700}.hero h1{margin:16px 0;font-size:2.6rem;line-height:1.15}.grad-text{background:linear-gradient(135deg, var(--pink), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:480px;margin-bottom:24px;font-size:1.05rem}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.hero-art{flex:1;justify-content:center;gap:20px;min-width:260px;display:flex}.blob{border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:2.8rem;display:flex;box-shadow:0 10px 30px #0000001a}.blob-pink{background:var(--pink);margin-top:30px}.blob-yellow{background:var(--yellow)}.blob-blue{background:var(--blue);margin-top:50px}.problems{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:20px 24px 10px;display:grid}.problem-card,.info-card,.service-card,.settings-card,.empty-card{border-radius:var(--radius);background:#fff;padding:24px;box-shadow:0 6px 20px #0000000f}.p-emoji{margin-bottom:10px;font-size:2rem;display:block}.problem-card p,.info-card p{color:var(--muted);margin-top:6px}.quiz-section{text-align:center;background:#fff;border-radius:30px;margin:30px 24px;padding:40px;box-shadow:0 10px 30px #0000000f}.quiz-options{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:20px;display:flex}.quiz-options button{background:var(--light-pink);cursor:pointer;color:var(--ink);border:none;border-radius:20px;padding:16px 26px;font-size:1rem;font-weight:700}.quiz-options button:hover{background:var(--pink);color:#fff}.quiz-result{margin-top:10px}.result-emoji{font-size:3.5rem}.result-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0;display:flex}.tag{background:var(--light-pink);color:var(--pink);border-radius:16px;padding:6px 14px;font-size:.8rem;font-weight:700}.tag.good{color:#2e8b57;background:#e3f6e8}.tag.warn{color:#8a6d00;background:#fff3cd}.tag.small{padding:4px 10px;font-size:.7rem}.tag-row{flex-wrap:wrap;gap:10px;margin:16px 0 28px;display:flex}.section-title{margin:36px 0 16px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:10px;display:grid}.stat-card{border-radius:var(--radius);color:#fff;text-align:center;padding:22px}.stat-card span{font-family:"Baloo 2",sans-serif;font-size:2rem;font-weight:800;display:block}.stat-card.pink{background:var(--pink)}.stat-card.yellow{background:var(--yellow);color:#5a4300}.stat-card.blue{background:var(--blue)}.pet-grid,.service-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;display:grid}.pet-card{border-radius:var(--radius);color:var(--ink);background:#fff;flex-direction:column;gap:6px;padding:22px;text-decoration:none;transition:transform .15s;display:flex;box-shadow:0 6px 20px #0000000f}.pet-card:hover{transform:translateY(-4px)}.pet-emoji{font-size:2.2rem}.pet-card p{color:var(--muted)}.booking-list{flex-direction:column;gap:10px;list-style:none;display:flex}.booking-item{background:#fff;border-radius:16px;justify-content:space-between;padding:14px 20px;font-weight:600;display:flex;box-shadow:0 4px 12px #0000000d}.detail-header{align-items:center;gap:18px;margin-bottom:10px;display:flex}.detail-emoji{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;display:flex;box-shadow:0 6px 16px #00000014}.info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px;display:grid}.service-card{flex-direction:column;gap:14px;display:flex}.service-top{align-items:center;gap:14px;display:flex}.service-emoji{font-size:1.8rem}.settings-card{margin-bottom:20px}.toggle-row{justify-content:space-between;align-items:center;padding:10px 0;font-weight:600;display:flex}.premium-card{background:linear-gradient(135deg, var(--light-pink), #fff);border:2px dashed var(--yellow)}.fine-print{color:var(--muted);margin-top:10px;font-size:.8rem}.center-page{justify-content:center;padding-top:80px;display:flex}.empty-card{text-align:center;max-width:400px}.empty-card h2{margin:10px 0}.empty-card p{color:var(--muted);margin-bottom:18px}.muted{color:var(--muted)}.muted.small{font-size:.85rem}.modal-overlay{z-index:100;background:#3a2d3580;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:28px;width:100%;max-width:420px;max-height:90vh;padding:32px;position:relative;overflow-y:auto}.modal-close{background:var(--light-pink);cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;font-weight:700;position:absolute;top:16px;right:16px}.modal-sub{color:var(--muted);margin:10px 0}.modal-sub.small{font-size:.9rem}.modal-form{flex-direction:column;gap:6px;margin-top:16px;display:flex}.modal-form label{margin-top:8px;font-size:.85rem;font-weight:700}.modal-form input,.modal-form select{border:2px solid var(--light-pink);border-radius:14px;padding:12px 14px;font-family:inherit;font-size:1rem}.modal-form input:focus,.modal-form select:focus{border-color:var(--pink);outline:none}.confirm-box{text-align:center}.confirm-emoji{margin-bottom:10px;font-size:3rem}.site-footer{text-align:center;color:var(--muted);padding:24px;font-size:.85rem}@media (width<=720px){.navbar{flex-wrap:wrap;gap:10px;padding:14px 20px}.hero h1{font-size:2rem}}