:root{--page-width: 360px;--pad-x: 16px;--pad-top: 12px;--font: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--title-size: 22px;--title-weight: 700;--label-size: 12px;--label-weight: 500;--cols: 3;--mood-gap: 12px;--mood-radius: 20px;--mood-img: 88px;--mood-vspace: 6px;--btn-h: 48px;--btn-radius: 12px;--bg:#ffffff;--text:#111111;--muted:#6b7280;--line:#ececec;--accent:#111111;--ring: rgba(0,0,0,.1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);display:grid;place-items:start center;background-image:radial-gradient(ellipse at 50% -80px,rgba(0,0,0,.06),transparent 38%),radial-gradient(ellipse at 50% -8px,rgba(0,0,0,.04),transparent 42%),radial-gradient(ellipse at 50% 80px,rgba(0,0,0,.03),transparent 45%);background-repeat:no-repeat}.wrap{width:var(--page-width);padding:var(--pad-top) var(--pad-x) 20px}.card{background:transparent}.mood-title{text-align:center;font-size:var(--title-size);font-weight:var(--title-weight);color:var(--accent);margin:10px 0 14px;line-height:1.2}.grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--mood-gap)}.mood{position:relative;display:grid;justify-items:center;align-content:start;padding:4px 0 2px;border-radius:var(--mood-radius);background:transparent;border:none;cursor:pointer;outline:none;transition:transform .08s ease,box-shadow .15s ease}.mood[aria-checked=true]{box-shadow:0 0 0 6px var(--ring)}.mood img{width:var(--mood-img);height:var(--mood-img);display:block;object-fit:contain}.mood .label{margin-top:var(--mood-vspace);font-size:var(--label-size);font-weight:var(--label-weight);color:var(--accent)}.footer{display:flex;justify-content:center;margin-top:14px}.btn{height:var(--btn-h);padding:0 22px;border-radius:var(--btn-radius);border:none;background:#111;color:#fff;font-weight:700;cursor:pointer;transition:transform .06s,opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active{transform:scale(.98)}.mood-layout{display:grid;grid-template-columns:repeat(3,1fr);row-gap:18px;column-gap:0;padding:2px 0}.mood.center{grid-column:1 / -1;justify-self:center}.mood.left{grid-column:1 / 2;justify-self:center}.mood.right{grid-column:3 / 4;justify-self:center}.mood{background:transparent;border:none;padding:0;cursor:pointer;outline:none;transition:transform .08s ease,box-shadow .15s ease;border-radius:24px}.mood:active{transform:scale(.97)}.mood[aria-checked=true]{box-shadow:0 0 0 6px var(--ring, #4c9aff)}.mood img{width:96px;height:96px;object-fit:contain;display:block}.btn.ghost{background:#eef2ff;color:#111827}.mood-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-rows:1fr auto;place-items:center;background:var(--reveal-bg, #000);animation:moodFadeIn .28s ease forwards}.mood-reveal img{width:180px;height:180px;object-fit:contain;animation:moodPop .36s cubic-bezier(.2,.8,.2,1) forwards}.reveal-actions{display:flex;gap:10px;padding:16px 16px 24px}@keyframes moodFadeIn{0%{opacity:0}to{opacity:1}}@keyframes moodPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.mood-reveal,.mood-reveal img{animation:none}}