:root{--blue:#1308fe;--blue-soft:#107eff;--purple:#9025fc;--purple-pink:#df25fc;--ink:#171f24;--muted:#778087;--grey:#979797;--grey2:#aab2b7;--line:#edf0f2;--bg:#fafafa;--card:#fff;--grad-purple:linear-gradient(135deg,#9025fc 0%,#df25fc 100%);--grad-blue:linear-gradient(135deg,#1308fe 0%,#107eff 100%);font-family:Urbanist,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:#e9ebef;margin:0;padding:0}body{color:var(--ink);overscroll-behavior:none;font-family:Urbanist,system-ui,sans-serif}#root{min-height:100vh}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:0;height:0}a{color:inherit;text-decoration:none}.viewport{background:radial-gradient(120% 120% at 50% 0,#f3f1ff 0%,#e9ebef 55%,#e2e4ea 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.phone{background:var(--bg);border-radius:46px;width:390px;max-width:100%;height:844px;max-height:calc(100vh - 40px);position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #140a5073,0 0 0 11px #0c0c12,0 0 0 13px #25252e}@media (width<=480px){.viewport{padding:0}.phone{width:100vw;height:100vh;max-height:100vh;box-shadow:none;border-radius:0}}.screen{background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0}.scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.statusbar{z-index:5;flex-shrink:0;justify-content:space-between;align-items:flex-end;height:50px;padding:0 28px 6px;font-size:15px;font-weight:700;display:flex}.statusbar.light{color:#fff}.statusbar .dots{align-items:center;gap:6px;display:flex}.notch{z-index:20;background:#0c0c12;border-radius:18px;width:120px;height:30px;position:absolute;top:11px;left:50%;transform:translate(-50%)}@media (width<=480px){.notch{display:none}}.row{align-items:center;display:flex}.between{justify-content:space-between}.center{justify-content:center}.col{flex-direction:column;display:flex}.gap4{gap:4px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.pad{padding:0 24px}.muted{color:var(--muted)}.grey{color:var(--grey)}.bold{font-weight:700}.xbold{font-weight:800}.black{font-weight:900}.h1{letter-spacing:-.5px;font-size:30px;font-weight:800;line-height:1.15}.h2{letter-spacing:-.3px;font-size:22px;font-weight:800}.h3{font-size:18px;font-weight:700}.small{font-size:13px}.tiny{font-size:11px}.btn{border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;height:58px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .2s;display:flex}.btn:active{transform:scale(.97)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 16px 30px -12px #1308fe99}.btn-purple{background:var(--grad-purple);color:#fff;box-shadow:0 16px 34px -12px #9025fc99}.btn-stroke{color:var(--blue);box-shadow:inset 0 0 0 1.6px var(--blue);background:#fff}.btn-light{color:var(--ink);background:#fff;box-shadow:0 10px 24px -14px #140a504d}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 22px 10px;display:flex}.iconbtn{background:#fff;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 8px 20px -14px #140a5066}.iconbtn.ghost{box-shadow:none;background:0 0}.iconbtn.blue{background:var(--blue);color:#fff;box-shadow:0 12px 22px -10px #1308fe99}.card{background:var(--card);border-radius:24px;box-shadow:0 18px 40px -28px #140a5066}.chip{color:var(--muted);white-space:nowrap;background:#fff;border-radius:30px;padding:9px 18px;font-size:14px;font-weight:700;box-shadow:0 8px 18px -14px #140a5066}.chip.active{background:var(--blue);color:#fff;box-shadow:0 12px 22px -12px #1308fe8c}.avatar{object-fit:cover;background:#dfe3ea;border-radius:50%}.tabbar{background:#fff;border-top:1px solid #f0f1f5;flex-shrink:0;justify-content:space-around;align-items:flex-start;height:84px;padding-top:14px;display:flex;box-shadow:0 -10px 30px -20px #140a504d}.tabitem{color:var(--grey2);flex-direction:column;flex:1;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.tabitem.active{color:var(--blue)}.tabitem .dot{background:var(--blue);opacity:0;border-radius:50%;width:5px;height:5px}.tabitem.active .dot{opacity:1}.input{height:58px;box-shadow:inset 0 0 0 1.4px var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:0 18px;display:flex}.input input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:600}.input input::placeholder{color:var(--grey2)}.fab{background:var(--grad-purple);color:#fff;border-radius:22px;justify-content:center;align-items:center;width:62px;height:62px;display:flex;position:absolute;box-shadow:0 20px 34px -12px #9025fca6}.divider{background:var(--line);height:1px}.skeleton-img{background:linear-gradient(135deg,#e7e9f2,#d9dce8)}.fadeup{animation:.5s both fadeup}@keyframes fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}