:root{--bg: #f3f3f3;--bg-2: #ededed;--card: #ffffff;--ink: #1a1a1a;--ink-2: #353535;--muted: #9a9a9a;--muted-2: #b9b9b9;--line: #ececec;--red: #ff3838;--green-1: #8fe34d;--green-2: #2fbf3f;--green-deep: #1fa531;--orange-1: #ffb02e;--orange-2: #ff7a00;--blue: #4f8cff;--coral: #ff7a6b;--radius: 26px;--shadow: 0 18px 40px -22px rgba(0,0,0,.28);--shadow-sm: 0 8px 22px -14px rgba(0,0,0,.35)}.phone[data-theme=dark]{--bg: #121212;--bg-2: #242424;--card: #1e1e1e;--ink: #f4f4f4;--ink-2: #f4f4f4;--muted: #8a8a8a;--muted-2: #6a6a6a;--line: #2c2c2c;--shadow: 0 18px 40px -22px rgba(0,0,0,.7);--shadow-sm: 0 8px 22px -14px rgba(0,0,0,.8)}.phone[data-theme=dark] .bottomnav{background:#1e1e1e}.phone[data-theme=dark] .bottomnav button.active,.phone[data-theme=dark] .pill-btn{background:#f4f4f4;color:#1a1a1a}.phone[data-theme=dark] .round-back{background:#1e1e1e;color:#f4f4f4}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Urbanist,system-ui,-apple-system,sans-serif;background:#2b2b2b;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}img{display:block}::-webkit-scrollbar{display:none}.phone{position:relative;width:100%;max-width:440px;margin:0 auto;min-height:100dvh;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}@media (min-width: 480px){body{display:flex;align-items:center;justify-content:center;padding:22px 0}.phone{min-height:auto;height:920px;max-height:94dvh;border-radius:46px;box-shadow:0 40px 90px -30px #000000b3,0 0 0 11px #111,0 0 0 13px #2a2a2a}}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:14px 26px 6px;font-weight:700;font-size:15px;flex-shrink:0}.statusbar .icons{display:flex;gap:7px;align-items:center}.statusbar svg{display:block}.pad{padding-left:22px;padding-right:22px}.h-title{font-size:30px;font-weight:800;letter-spacing:-.5px}.muted{color:var(--muted)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.pill-btn{background:var(--ink-2);color:#fff;border-radius:18px;padding:19px;width:100%;font-size:17px;font-weight:700;box-shadow:0 16px 30px -16px #0009}.pill-btn:active{transform:scale(.985)}.round-back{width:50px;height:50px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.chip-circle{width:46px;height:46px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center}.bottomnav{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-around;background:#fff;margin:0 auto 18px;width:calc(100% - 96px);border-radius:40px;padding:11px;box-shadow:0 18px 36px -18px #0006}.bottomnav button{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--muted-2);transition:all .25s}.bottomnav button.active{background:var(--ink);color:#fff}.fade-in{animation:fade .4s ease both}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}