:root{--acc: #f0614f;--acc-deep: #d64a38;--acc-soft: #ffede9;--teal: #1f9c86;--ink: #2f2739;--ink-2: #6e6379;--muted: #8b8195;--muted-2: #a79cb2;--paper: #fff7ef;--paper-2: #fffcf8;--sand: #efe3d6;--soft: #f8f2eb;--soft-2: #f5eee6;--line: #eadfd2;--shadow: 0 2px 8px rgba(47, 39, 57, .07);--shadow-lg: 0 10px 30px rgba(47, 39, 57, .12);--r: 14px;--r-lg: 20px}*{box-sizing:border-box}body{margin:0;background:var(--sand);font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-wrap:pretty}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}a{color:var(--acc);text-decoration:none}.app{min-height:100dvh;display:flex;justify-content:center}.app__frame{width:100%;max-width:480px;min-height:100dvh;background:var(--paper);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 0 60px #2f273921}.topbar{flex:none;display:flex;align-items:center;gap:12px;padding:16px 20px 10px}.topbar__logo{height:26px;width:auto;display:block}.iconbtn{flex:none;width:40px;height:40px;border-radius:var(--r);background:#fff;display:grid;place-items:center;box-shadow:var(--shadow)}.iconbtn--dot:after{content:"";position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:99px;background:var(--acc);border:2px solid #fff}.screen{flex:1;overflow-y:auto;overscroll-behavior-y:contain;padding:0 0 104px;scrollbar-width:none}.screen::-webkit-scrollbar{width:0;height:0}.screen__title{padding:2px 20px 14px;font:800 19px/1.2 "Baloo 2",Nunito;letter-spacing:-.4px}.pad{padding:0 20px}.tabs{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:10px 14px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 36%);display:flex;gap:8px}.tab{flex:1;display:grid;place-items:center;gap:3px;padding:9px 4px;border-radius:var(--r);font:700 11.5px Nunito;color:var(--muted)}.tab.is-on{background:#fff;color:var(--acc);box-shadow:var(--shadow)}.card{background:#fff;border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow);margin-bottom:12px}.card__title{font:800 15px "Baloo 2",Nunito;margin:0 0 6px}.muted{color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:var(--r);width:100%;background:var(--acc);color:#fff;font:800 15px Nunito;box-shadow:0 6px 16px #f0614f47}.btn:active{background:var(--acc-deep)}.btn:disabled{opacity:.55;box-shadow:none}.btn--ghost{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.field{display:grid;gap:6px;margin-bottom:14px}.field>label{font:700 12.5px Nunito;color:var(--ink-2)}.input{width:100%;padding:13px 14px;border-radius:var(--r);background:#fff;border:1.5px solid var(--line);font-size:15px}.input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}.alert{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:var(--r);background:var(--acc-soft);color:var(--acc-deep);font:600 13.5px Nunito}.center{min-height:100dvh;display:grid;place-items:center;padding:24px}.spin{width:18px;height:18px;border-radius:99px;border:2.5px solid #fbd9d3;border-top-color:var(--acc);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade{animation:fadeUp .3s ease both}