body{font-family:Inter,system-ui,Arial;background:#f4f6fb;color:#111;margin:0;padding:20px}
.container{max-width:900px;margin:0 auto}
.card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(18,26,40,0.06);margin-bottom:16px}
#art{height:160px;border-radius:8px;border:1px solid #ffeef6;background:linear-gradient(135deg,#ffeef6,#fff)}

/* Cute theme styles */
:root{--bg:#FFF8FB;--card:#FFFFFF;--accent:#FF9FCE;--muted:#FFF0F4}
body{font-family:Nunito, 'Helvetica Neue', Arial, sans-serif;background:var(--bg);color:#333;margin:0;padding:20px}
.container{max-width:960px;margin:0 auto}
.card{background:var(--card);padding:18px;border-radius:16px;box-shadow:0 10px 30px rgba(18,26,40,0.06);margin-bottom:18px}

/* header and layout */
header.card{display:flex;align-items:center;justify-content:space-between;gap:12px}
.card h1{margin:0;color:var(--accent);font-weight:700}
.cat-wrap{display:flex;align-items:center;gap:12px}
.container .cat{width:64px;height:64px}

/* blocks */
.blocks{display:flex;gap:12px;flex-wrap:wrap}
.block{flex:1 1 280px;padding:12px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.3));border:1px solid rgba(255,160,180,0.15)}
.block img{border-radius:10px;max-width:100%}

/* inputs & buttons */
input, textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #ffdbe7;background:rgba(255,255,255,0.9);box-sizing:border-box}
.glass-btn{display:inline-block;padding:10px 16px;border-radius:14px;color:#fff;text-decoration:none;margin-right:8px;background: linear-gradient(135deg,#FF9FCE,#FF6FA3);border:none;box-shadow:0 8px 24px rgba(255,110,160,0.18);cursor:pointer}
.glass-btn:hover{transform:translateY(-3px)}
button{background:linear-gradient(135deg,#FF9FCE,#FF6FA3);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;margin-right:8px}

/* gentle pastel background accents */
body::before{content:'';position:fixed;left:-10%;top:-10%;width:40%;height:40%;background:radial-gradient(circle at 20% 20%, #FFE7F0, transparent 30%);opacity:0.6;pointer-events:none}
body::after{content:'';position:fixed;right:-10%;bottom:-10%;width:40%;height:40%;background:radial-gradient(circle at 80% 80%, #FFF0E6, transparent 30%);opacity:0.6;pointer-events:none}

/* small helpers */
.container .card small{color:#666}

/* weather themes */
.weather-clear{--bg:#FFF8F6;--accent:#FF9F6A}
.weather-rain{--bg:#F4FAFF;--accent:#7FBFF7}
.weather-cloud{--bg:#F6F6F8;--accent:#C9C9D6}

/* dynamic cat */
#dynamic-cat img{transition:transform 0.3s ease}

/* footer bar adjustments */
footer.card{font-size:14px;color:#6b6b6b}