:root{--blue:#0052FF;--black:#000000;--white:#FFFFFF;--soft:#E8E8F1;--line:#D0D2D5;--bg:#0A0A0B;--card:#141416;--card2:#1C1C1F;--muted:rgba(255,255,255,.5);--muted2:rgba(255,255,255,.35);--hair:rgba(255,255,255,.08);--green:#1FC16B;--amber:#FFB323;--red:#FB3748;--purple:#7D52F4;--pink:#FF5B9A;--font:"__FONT_PLACEHOLDER__","Public Sans",-apple-system,system-ui,sans-serif;--shh: env(safe-area-inset-top);--shb: env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100dvh;background:#000;font-family:var(--font)}body{overflow-x:hidden;color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.mi{font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width: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:520px){body{background:#0d0d0f}.phone{box-shadow:0 0 80px #0009}}.screen{flex:1;display:flex;flex-direction:column;min-height:100dvh}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.statusbar{height:44px;padding-top:var(--shh);display:flex;align-items:center;justify-content:space-between;padding-left:26px;padding-right:18px;font-weight:800;font-size:15px;flex-shrink:0}.statusbar .sbr{display:flex;align-items:center;gap:6px;font-size:16px}.navbar{display:flex;align-items:center;gap:14px;padding:8px 22px 14px;flex-shrink:0}.navbar .nb-ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--card);font-size:20px;flex-shrink:0}.navbar h1{font-size:20px;font-weight:800;margin:0;flex:1}.btn{height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;width:100%}.btn-primary{background:var(--blue);color:#fff}.btn-soft{background:#e8e8f11f;color:#fff}.btn-outline{border:1px solid rgba(208,210,213,.4);color:#fff}.btn:active{transform:scale(.97)}.btn-sm{height:44px;border-radius:22px;font-size:13px;padding:0 20px;width:auto}.field{position:relative;border:1px solid rgba(208,210,213,.4);border-radius:12px;padding:14px 18px;background:transparent}.field label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:4px}.field input,.field textarea{width:100%;border:none;background:none;outline:none;color:#fff;font-size:14px;font-weight:800}.field input::placeholder{color:var(--muted2);font-weight:500}.tabbar{position:relative;height:calc(76px + var(--shb));padding-bottom:var(--shb);display:flex;align-items:flex-start;justify-content:space-around;padding-top:14px;background:#08080ad9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--hair);flex-shrink:0}.tabbar .tab{display:grid;place-items:center;font-size:24px;color:#ffffff80;width:48px;height:48px}.tabbar .tab.active{color:var(--blue)}.tabbar .fab{width:58px;height:58px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:30px;margin-top:-10px;box-shadow:0 8px 24px #0052ff73}.card{background:var(--card);border-radius:20px;padding:18px}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;font-size:13px;font-weight:700;background:var(--card);color:var(--muted)}.chip.on{background:var(--blue);color:#fff}.h1{font-size:34px;font-weight:800;line-height:1.12;letter-spacing:-.5px}.h2{font-size:24px;font-weight:800}.sub{color:var(--muted);font-size:15px;font-weight:500}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:440px;background:#161618;border-radius:28px 28px 0 0;padding:8px 22px calc(28px + var(--shb));max-height:90dvh;overflow-y:auto}.sheet .grab{width:44px;height:5px;border-radius:3px;background:#fff3;margin:8px auto 18px}.progress{height:8px;border-radius:8px;background:#ffffff1a;overflow:hidden}.progress>i{display:block;height:100%;background:var(--blue);border-radius:8px}
