*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0e0f13;color:#eee}main{max-width:560px;margin:0 auto;padding:24px 16px}h1{margin:0 0 4px}.sub{color:#9aa}button,input{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid #333;background:#1a1c23;color:#eee;width:100%;margin:6px 0}button{background:#ff5a36;border:0;font-weight:700;cursor:pointer}button.alt{background:#2a2d38}.card{background:#16181f;border-radius:12px;padding:16px;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.d{aspect-ratio:1;border-radius:6px;background:#222}.ok{background:#2ecc71}.miss{background:#e74c3c}.today{outline:2px solid #ff5a36}.big{font-size:28px;font-weight:800}.roast{color:#ff8a70;font-style:italic}