@font-face{font-family:Urbanist;src:url(/Urbanist-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Urbanist;src:url(/Urbanist-Italic-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-display:swap;font-style:italic}:root{--blue:#5882f2;--blue-2:#50a1ff;--purple:#a573ff;--teal:#14d2b8;--coral:#ff8b8c;--ink:#140f26;--ink-2:#3b3b4d;--slate:#6c7b8a;--mist:#bdcadb;--line:#e0e4eb;--bg:#f4f6fb;--card:#fff;--grad-brand:linear-gradient(135deg, #5882f2 0%, #a573ff 100%);--grad-teal:linear-gradient(135deg, #14d2b8 0%, #50a1ff 100%);--grad-coral:linear-gradient(135deg, #ff8b8c 0%, #a573ff 100%);--grad-night:linear-gradient(160deg, #1b1838 0%, #140f26 100%);--shadow-sm:0 4px 14px #140f260f;--shadow-md:0 14px 40px #140f261a;--shadow-lg:0 30px 70px #140f262e;color:var(--ink);font-family:Urbanist,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 12% -5%,#5882f229,#0000 60%),radial-gradient(1000px 600px at 100% 0,#a573ff24,#0000 55%),radial-gradient(900px 700px at 50% 120%,#14d2b81f,#0000 55%),#eef1f8;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--purple);color:#fff}.no-scrollbar::-webkit-scrollbar{width:0;height:0}.no-scrollbar{scrollbar-width:none}.phone{width:375px;height:812px;box-shadow:0 0 0 12px #0d0a1c, 0 0 0 14px #2a2640, var(--shadow-lg);background:#fff;border-radius:46px;position:relative;overflow:hidden}.phone__notch{z-index:60;background:#0d0a1c;border-radius:0 0 20px 20px;width:168px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone__screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden auto}.statusbar{z-index:50;flex:none;justify-content:space-between;align-items:flex-end;height:50px;padding:0 26px 6px;font-size:14px;font-weight:700;display:flex;position:sticky;top:0}.statusbar .dots{align-items:center;gap:5px;display:flex}.statusbar i{opacity:.9;background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.screen-pad{padding:8px 22px 30px}.pill{border-radius:100px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:700;display:inline-flex}.btn{color:#fff;background:var(--grad-brand);border-radius:18px;justify-content:center;align-items:center;gap:9px;width:100%;padding:17px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 14px 30px #5882f266}.btn--ghost{color:var(--ink);box-shadow:var(--shadow-sm);border:1.5px solid var(--line);background:#fff}.card{background:var(--card);box-shadow:var(--shadow-sm);border-radius:24px}.avatar{object-fit:cover;background:var(--line);border-radius:50%}.h1{letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.08}.h2{letter-spacing:-.01em;font-size:22px;font-weight:800}.muted{color:var(--slate)}.tiny{font-size:12px}.tabbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:40;background:#ffffffdb;flex:none;justify-content:space-around;align-items:center;margin-top:auto;padding:13px 18px 16px;display:flex;position:sticky;bottom:0}.tabbar button{color:var(--mist);place-items:center;gap:4px;font-size:10px;font-weight:700;display:grid}.tabbar button.active{color:var(--blue)}.flex{display:flex}.between{justify-content:space-between;align-items:center;display:flex}.center{align-items:center;display:flex}.col{flex-direction:column;display:flex}.grow{flex:1}:root{--phone-scale:.66;--viewer-scale:.86}.phone-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px 24px;display:grid}.card-wrap{height:calc(812px * var(--phone-scale) + 18px);border-radius:30px;justify-content:center;padding-top:14px;display:flex;overflow:hidden}.nav-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff38;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}@media (width<=560px){:root{--phone-scale:.78}.phone-grid{grid-template-columns:1fr;justify-items:center}.card-wrap{width:100%}}@media (height<=920px){:root{--viewer-scale:.8}}@media (height<=820px){:root{--viewer-scale:.7}}@media (height<=720px){:root{--viewer-scale:.6}}@media (width<=480px){:root{--viewer-scale:.62}}