*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100dvh}body{font-family:Fredoka,"Baloo 2",Segoe UI,system-ui,sans-serif;color:#3a2e20;background:linear-gradient(180deg,#ffe9a8,#ffd1dc 55%,#c9f0ff);background-attachment:fixed;overflow-x:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;min-width:64px;padding:14px 28px;border:none;border-radius:22px;background:#fff;box-shadow:0 6px #00000038;color:#3a2e20;font-size:20px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn:active{transform:translateY(4px);box-shadow:0 2px #00000038}.btn--primary{background:#ffb703}.btn--google{width:100%;background:#fff;border:2px solid #e0d5c0;font-size:18px}.auth-or{display:flex;align-items:center;gap:12px;margin:0;color:#8a7a63;font-size:15px;font-weight:700}.auth-or:before,.auth-or:after{content:"";flex:1;height:2px;background:#e0d5c0}.input{width:100%;min-height:56px;padding:12px 16px;border:2px solid #e0d5c0;border-radius:16px;font-family:inherit;font-size:18px;color:#3a2e20;background:#fff}.input:focus{outline:3px solid #ffb703;border-color:#ffb703}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:#fffbf0c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(58,46,32,.08)}.topbar__side{display:flex;align-items:center;gap:8px;min-width:0}.topbar__side--right{margin-left:auto}.topbar__btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 15px;border-radius:12px;background:#fff;border:1px solid rgba(58,46,32,.1);color:#3a2e20;font-family:inherit;font-weight:600;font-size:14.5px;text-decoration:none;box-shadow:0 1px 2px #0000000d;transition:background .12s,box-shadow .12s,transform .05s}.topbar__btn:hover{box-shadow:0 2px 7px #00000017}.topbar__btn:active{transform:translateY(1px)}.topbar__btn:focus-visible{outline:2px solid #3a2e20;outline-offset:2px}.topbar__btn svg{opacity:.85;flex-shrink:0}.topbar__btn{white-space:nowrap}@media(max-width:400px){.topbar{gap:8px;padding-left:10px;padding-right:10px}.topbar__side{gap:6px}.topbar__btn{padding:0 11px;font-size:14px}}.topbar__btn--account svg{color:#b3541a;opacity:1}.back-link{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;margin-bottom:18px;border-radius:12px;background:#fff;border:1px solid rgba(58,46,32,.1);color:#3a2e20;font-family:inherit;font-weight:600;font-size:14px;text-decoration:none;box-shadow:0 1px 2px #0000000d}.back-link svg{opacity:.85}.back-link:active{transform:translateY(1px)}.page{max-width:860px;margin:0 auto;padding:24px 16px}.btn-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;color:#fff;box-shadow:inset 0 -2px #00000026}.btn-badge--green{background:#2e9d4e}.btn-badge--blue{background:#3b82d6}.btn-badge--purple{background:#7c4dcc}