*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color);min-height:100dvh;margin:0 auto}#root{width:100%;max-width:500px;margin:0 auto}@font-face{font-family:inter-bold;src:url(public/fonts/inter_bold.ttf)}@font-face{font-family:inter-regular;src:url(public/fonts/inter_regular.ttf)}h2{font-family:inter-bold;font-size:1.125rem;text-transform:capitalize;color:#fff}h4{font-family:inter-regular;font-size:.875rem}p{font-family:inter-regular;font-size:1.125rem;text-align:center}span{font-family:inter-bold;font-size:1.125rem}a{font-family:inter-bold;text-decoration:none}:root{--primary-color: #758478;--background-color: #EEEADE;--warning-color: #E7A05A;--danger-color: #E75A5A}.primary-btn,.restart-btn{background:var(--primary-color);padding:1rem 2rem;border:none;border-radius:8px;color:#fff;font-size:1.125rem;margin-top:2rem;width:100%;max-width:320px;text-align:center}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:420px;margin:0 auto;padding:1rem}.cta{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:64px;background-color:#758478;color:#fff;font-size:1.125rem;border-radius:10px}@media (max-width: 480px){.header-bar{margin:1.5rem 0;padding:0 1rem}.home{margin-top:2rem}p,span{font-size:1rem}.flash-message{padding:1rem;font-size:1rem}}.header-bar{display:flex;justify-content:flex-start;align-items:center;background-color:#758478;color:var(--primary-color);padding:0 2rem;margin:3rem 0;height:40px}.home{display:flex;flex-direction:column;gap:2rem;align-items:center;margin-top:2.5rem;justify-content:center;padding:0 1rem}.home img{width:100%;max-width:320px;height:auto}.home p{width:100%;max-width:420px;text-align:center;line-height:1.5}.mood-card{display:flex;align-items:center;justify-content:center}.stat-row{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0}.stat-row img{width:28px;height:28px;flex-shrink:0}.stat-bar{border:solid 1px #758478;border-radius:8px;overflow:hidden;height:32px;flex:1;min-width:0}.stat-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:420px;padding:0 1rem;margin:1rem auto;box-sizing:border-box}.stat-level{width:85%;min-width:6%;height:100%;background-color:var(--primary-color)}.flash-alert{position:fixed;bottom:-200px;opacity:0;z-index:1000;left:50%;transform:translate(-50%);transition:bottom .6s,opacity .6s;width:80vw}.visible{bottom:40px;opacity:1}.flash-message{padding:2rem;border-radius:8px;font-size:1.125rem;text-align:center}.bonus{border:solid 2px #43C6DB;background-color:#43c6db;color:#fff}.malus{border:solid 2px var(--danger-color);background-color:var(--danger-color);color:#000}