:root{--bg: #FDF8F0;--surface: #FAF3E8;--card: #F5ECD8;--border: #E8DCCB;--text: #3D2B1F;--text-muted: #9A8570;--text-light: #BCA898;--primary: #C17D3C;--primary-light: #E8A84C;--primary-pale: #F5E6D0;--success: #7A9E6A;--success-pale: #E8F2E0;--shadow-sm: 0 2px 8px rgba(61, 43, 31, .08);--shadow-md: 0 4px 16px rgba(61, 43, 31, .12);--shadow-lg: 0 8px 32px rgba(61, 43, 31, .18);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overscroll-behavior:none}body{font-family:Nunito,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#root{display:flex;justify-content:center;align-items:stretch}.app-shell{width:100%;max-width:430px;min-height:100%;display:flex;flex-direction:column;background:var(--bg);position:relative;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-full);font-family:inherit;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;-webkit-appearance:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:active{transform:none}.btn-primary{background:var(--primary);color:#fff;font-size:1.05rem;padding:16px 32px;box-shadow:var(--shadow-md)}.btn-primary:hover{background:#b3712f}.btn-secondary{background:var(--card);color:var(--text);font-size:.9rem;padding:12px 24px;border:1.5px solid var(--border)}.btn-ghost{background:transparent;color:var(--text-muted);font-size:.85rem;padding:8px 16px}.btn-icon{width:44px;height:44px;border-radius:var(--radius-full);background:var(--surface);border:1.5px solid var(--border);color:var(--text-muted);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease}.btn-icon:active{transform:scale(.92)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:20px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 24px #c17d3c26}50%{box-shadow:0 0 48px #c17d3c59}}@keyframes wordReveal{0%{background:var(--primary);color:#fff;transform:scale(1.08)}to{background:var(--success-pale);color:var(--success);transform:scale(1)}}.shake{animation:shake .35s ease}.fade-in{animation:fadeIn .28s ease both}.pop-in{animation:popIn .32s cubic-bezier(.34,1.56,.64,1) both}.screen{flex:1;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);animation:fadeIn .22s ease both}