:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app{display:grid;min-height:100vh;place-items:center;gap:22px;padding:24px;background:radial-gradient(circle at top left,rgba(110,168,254,.24),transparent 34rem),radial-gradient(circle at bottom right,rgba(34,197,94,.16),transparent 28rem),linear-gradient(135deg,#f8fbff,#eef2f8)}.counter-card{width:min(100%,380px);padding:36px 32px 30px;text-align:center;border:1px solid rgba(108,122,150,.18);border-radius:28px;background:#ffffffd6;box-shadow:0 24px 70px #29365624;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyebrow{margin:0 0 14px;color:#6b7280;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.count{margin-bottom:12px;color:#111827;font-size:clamp(4.5rem,18vw,7rem);font-weight:800;line-height:1;letter-spacing:-.08em}.mood{min-height:1.5em;margin:0 0 26px;color:#64748b;font-size:.96rem}.actions{display:flex;justify-content:center;gap:16px}.actions button{display:inline-grid;width:64px;height:64px;place-items:center;border:0;border-radius:20px;color:#fff;background:#2563eb;box-shadow:0 12px 24px #2563eb40;cursor:pointer;font-size:2rem;font-weight:700;line-height:1;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.actions button:first-child{background:#334155;box-shadow:0 12px 24px #33415533}.actions button:hover{transform:translateY(-2px);background:#1d4ed8;box-shadow:0 16px 30px #2563eb4d}.actions button:first-child:hover{background:#1e293b;box-shadow:0 16px 30px #3341553d}.actions button:active,.reset:active{transform:translateY(0) scale(.97)}.actions button:focus-visible,.reset:focus-visible{outline:4px solid rgba(37,99,235,.22);outline-offset:4px}.reset{margin-top:22px;border:0;border-radius:999px;padding:10px 16px;color:#475569;background:#eef2ff;cursor:pointer;font-size:.9rem;font-weight:700;transition:transform .16s ease,background .16s ease,color .16s ease}.reset:hover{color:#1d4ed8;background:#dbeafe;transform:translateY(-1px)}.note-card{display:flex;width:min(100%,380px);gap:14px;align-items:flex-start;padding:18px 20px;border:1px solid rgba(108,122,150,.16);border-radius:22px;background:#ffffffa8;box-shadow:0 18px 44px #29365614;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.note-card span{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:14px;background:#fff7ed;font-size:1.2rem}.note-card strong{display:block;margin-bottom:4px;color:#172033}.note-card p{margin:0;color:#64748b;line-height:1.55}