*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto}
.app{max-width:760px;margin:0 auto;padding:16px}
header{text-align:center;margin:8px 0 16px}
h1{margin:0;font-size:28px;letter-spacing:1px}
.subtitle{margin:4px 0 0;color:#444}
.card{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px;margin:12px 0;box-shadow:0 2px 12px rgba(0,0,0,.04)}
label{display:block;margin:10px 0}
input,select,button{width:100%;padding:12px;border-radius:10px;border:1px solid #ddd;margin-top:6px}
button{cursor:pointer}
.hidden{display:none}
.energy-card h2{margin-top:0}
.affirmation{font-weight:600;margin:12px 0}
.aura-row{display:flex;align-items:center;gap:10px;margin:8px 0}
.dot{width:16px;height:16px;border-radius:50%;border:2px solid #00000022}
.lucky{color:#444}
.actions{display:flex;gap:10px}
.mood-row{display:flex;gap:8px;flex-wrap:wrap}
.mood{width:auto;padding:10px 14px}
.tip{margin-top:10px;color:#333}
#breathCircle{width:120px;height:120px;border-radius:60px;margin:12px auto;background:#f3f3f3;transition:transform 3s ease-in-out}
footer{display:flex;justify-content:center;padding:16px 0;color:#777}