:root{--blue:#6E92FF;--blue-soft:#8AA6FF;--blue-20:#CEDBFF;--blue-10:#EDF5FF;--ink:#090F24;--ink-50:#777B8A;--ink-20:#ACB5D3;--navy:#171A2E;--bg:#F6F7FB;--card:#FFFFFF;--red:#FF5C5C;--green:#39D98A;--shadow:0 14px 44px rgba(160,179,230,.3);--shadow-sm:0 8px 24px rgba(160,179,230,.2);--radius:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,sans-serif;background:#dfe3ef;color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}a{color:inherit;text-decoration:none}.phone{position:relative;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;background:var(--bg);overflow:hidden}@media (min-width:480px){body{display:flex;align-items:center;justify-content:center;padding:24px;min-height:100dvh}.phone{min-height:900px;max-height:920px;border-radius:42px;box-shadow:0 40px 90px #3c50a047;border:10px solid #0d1020}#root{width:100%;display:flex;justify-content:center}}.screen{padding:22px 22px 28px;min-height:100dvh;display:flex;flex-direction:column}@media (min-width:480px){.screen{min-height:880px}}.h1{font-size:32px;font-weight:600;letter-spacing:-.5px;line-height:1.15}.h2{font-size:24px;font-weight:600;line-height:1.2}.h3{font-size:19px;font-weight:600}.muted{color:var(--ink-50)}.center{text-align:center}.btn{width:100%;height:58px;border-radius:18px;background:var(--blue);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 26px #6e92ff66;transition:transform .15s,box-shadow .15s}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--blue-10);color:var(--blue);box-shadow:none}.btn.soft{background:#ebefff;color:var(--blue);box-shadow:none}.btn.dark{background:var(--navy);box-shadow:0 12px 26px #171a2e4d}.field{width:100%;height:58px;border-radius:16px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 18px;box-shadow:var(--shadow-sm);margin-bottom:14px}.field input{flex:1;border:none;outline:none;font-size:15px;background:transparent;color:var(--ink)}.field input::placeholder{color:var(--ink-20)}.field svg{color:var(--ink-20);flex-shrink:0}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.iconbtn{width:46px;height:46px;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0}.iconbtn.blue{background:var(--blue);color:#fff;box-shadow:0 10px 20px #6e92ff66}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:12px}.grow,.spacer{flex:1}.tog{width:46px;height:27px;border-radius:20px;background:#e2e6f0;position:relative;transition:background .25s;flex-shrink:0}.tog.on{background:var(--blue)}.tog i{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:left .25s;box-shadow:0 2px 4px #0000002e}.tog.on i{left:22px}.tabbar{position:sticky;bottom:14px;margin:8px 14px 0;height:66px;background:#fff;border-radius:24px;box-shadow:0 12px 30px #788cc847;display:flex;align-items:center;justify-content:space-around;padding:0 8px}.tabbar button{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--ink-20)}.tabbar button.active{background:var(--blue);color:#fff;box-shadow:0 8px 18px #6e92ff73}.pill{padding:8px 16px;border-radius:14px;background:var(--blue-10);color:var(--blue);font-size:13px;font-weight:600}.statusbar{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--ink);padding:2px 4px 14px}.ripple{position:relative;width:230px;height:230px;margin:0 auto;display:flex;align-items:center;justify-content:center}.ripple .ring{position:absolute;border-radius:50%;background:var(--blue);opacity:.12}.scene-icn{width:46px;height:46px;border-radius:14px;background:var(--blue-10);display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}::-webkit-scrollbar{width:0;height:0}.noscroll{scrollbar-width:none}