@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s ease-in-out}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.animate-fade-out{animation:fade-out .28s ease-in-out forwards}.circles-wrap{background:#fff9f6;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.circles-card{background:#fff;border-radius:32px;box-shadow:0 12px 40px #1018280f;max-width:420px;width:100%;padding:36px 28px;position:relative}.circles-badge{position:absolute;top:18px;right:18px;background:#fcece6;color:#1a1a1a;padding:8px 14px;border-radius:999px;font-size:13px;box-shadow:0 6px 18px #1018280d}.circles-hero-icon{width:56px;height:56px;color:#21304a;margin:4px auto 12px}.circles-title{font-size:28px;font-weight:700;color:#0f1724;margin-bottom:12px}.circles-desc{color:#475569;font-size:16px;line-height:1.5;margin-bottom:20px}.circles-quote{background:#f3f6ff;border-radius:16px;padding:20px;box-shadow:inset 0 1px #fff9;margin-bottom:22px;text-align:center}.circles-quote-icon{width:44px;height:44px;color:#21304a;margin:6px auto 10px}.circles-quote-text{color:#334155;font-size:14px}.circles-cta{display:block;width:100%;padding:14px 18px;border-radius:14px;background:#fbdad3;color:#0f1724;font-weight:600;text-align:left;box-shadow:0 8px 24px #fbdad373}.circles-cta:hover{background:#faccc0}:root{--bg: #fffaf6;--card: #fff;--muted: #6b7280;--accent: #f7c6bf;--accent-2: #dff0fb;--text: #0f172a;--rounded-device: 32px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.device-center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.device{width:360px;border-radius:var(--rounded-device);background:linear-gradient(180deg,#ffffffe6,#fffffff2);padding:2rem;box-shadow:0 10px 30px #10182814}.journal-hero{text-align:center;padding:1rem 0 1.25rem}.journal-hero h2{font-size:1.75rem;margin:0 0 .5rem}.journal-card{background:var(--card);border-radius:16px;padding:1rem;box-shadow:0 4px 12px #1018280f}.cta{display:inline-block;background:var(--accent);color:var(--text);padding:.75rem 1.25rem;border-radius:12px;font-weight:600}.input{width:100%;border:1px solid #e6e7ea;border-radius:12px;padding:.75rem}.muted{color:var(--muted)}.tag-pill{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:#f3f4f6;font-size:.8rem}.focus-ring:focus{outline:none;box-shadow:0 0 0 6px #3b82f61f;border-radius:12px}.feeling-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:2.5rem}.feeling-card{background:var(--card);padding:2.25rem;border-radius:28px;max-width:420px;width:100%;box-shadow:0 12px 30px #10182814;text-align:center}.feeling-title{font-size:1.6rem;color:#25416a;margin:0 0 .5rem;font-weight:700}.feeling-sub{color:var(--muted);margin:0 0 1rem}.feeling-list{display:flex;flex-direction:column;gap:14px;margin-top:12px}.feeling-tile{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;box-shadow:0 6px 18px #1018280f;border:none;cursor:pointer;transition:transform .12s,background .12s}.feeling-tile:active{transform:scale(.995)}.feeling-icon{width:52px;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#274a6d;color:#fff}.feeling-svg{width:22px;height:22px;color:#fff}.feeling-label{font-size:1.05rem;font-weight:600;color:#25416a}.feeling-echo{background:#fbdad3}.feeling-echo .feeling-icon{background:#274a6d}.feeling-circles{background:#dde7fa}.feeling-circles .feeling-icon{background:#274a6d}