:root{--primary:#66B4FE;--primary-100:#69B4FE;--primary-50:#A1CFFC;--primary-20:#BEDFFF;--primary-10:#F2F6FE;--teal:#49CDB9;--yellow:#FFD875;--ink:#090F24;--ink-50:#777B8A;--ink-20:#BEC0C7;--ink-10:#E2E3E7;--white:#FFFFFF;--bg:#F2F6FE;--r-card:30px;--r-lg:35px;--r-pill:99px;--shadow-card:0px 10px 22px rgba(203,219,235,.28);--shadow-soft:0px 7px 42.5px rgba(28,79,165,.07);--shadow-btn:0px 10px 44px rgba(102,180,254,.32);--shadow-nav:0px -10px 35px rgba(23,86,180,.06);--ff:"Urbanist",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--ff);background:#dfe6f3;color:var(--ink);-webkit-font-smoothing:antialiased}input,button,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul{list-style:none}.app-frame{max-width:430px;margin:0 auto;min-height:100dvh;background:var(--bg);position:relative;overflow:hidden}@media (min-width:520px){.app-frame{max-width:390px;min-height:100dvh}}.screen{min-height:100dvh;display:flex;flex-direction:column;position:relative;padding-bottom:env(safe-area-inset-bottom)}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{display:none}.statusbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:14px;font-weight:500;flex-shrink:0}.statusbar .icons{display:flex;gap:7px;align-items:center}.statusbar .icons svg{width:18px;height:18px}.hero{background:linear-gradient(160deg,#8fc4ff,#66b4fe);border-radius:0;color:#fff;position:relative}.hero-curve{border-bottom-left-radius:34px;border-bottom-right-radius:34px}.btn{width:100%;height:60px;border-radius:var(--r-pill);background:var(--primary);color:#fff;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-btn);transition:transform .12s}.btn:active{transform:scale(.97)}.btn-ghost{background:#fff;color:var(--ink);box-shadow:var(--shadow-soft);font-weight:500}.btn-soft{background:var(--primary-10);color:var(--ink-20);box-shadow:none}.btn-outline{background:#fff;color:var(--primary);border:1.5px solid var(--primary-20);box-shadow:none}.field{width:100%;height:60px;border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:12px;padding:0 18px}.field input{flex:1;border:none;outline:none;font-size:14px;font-weight:500;background:transparent;color:var(--ink)}.field input::placeholder{color:var(--ink-20)}.field svg{width:20px;height:20px;color:var(--ink-20);flex-shrink:0}.card{background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-card)}.search-pill{background:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-soft);height:60px;display:flex;align-items:center;gap:10px;padding:0 20px;flex:1}.search-pill input{flex:1;border:none;outline:none;background:transparent;font-size:14px;font-weight:500;color:var(--ink)}.search-pill input::placeholder{color:var(--ink-20)}.h1{font-size:24px;font-weight:600;color:var(--ink)}.h2{font-size:20px;font-weight:600;color:var(--ink)}.muted{color:var(--ink-50)}.tiny{font-size:12px}.center{display:flex;align-items:center;justify-content:center}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.px{padding-left:25px;padding-right:25px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.section-title h3{font-size:16px;font-weight:600}.section-title .see{font-size:12px;color:var(--primary);font-weight:500}.bottomnav{height:74px;background:#fff;box-shadow:var(--shadow-nav);display:flex;align-items:center;justify-content:space-around;padding:0 24px;flex-shrink:0;position:relative;z-index:5}.bottomnav button{display:flex;align-items:center;justify-content:center;color:var(--ink-20);width:48px;height:48px}.bottomnav button.active{color:var(--primary)}.bottomnav svg{width:26px;height:26px}.icon-circle{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0}.icon-circle svg{width:20px;height:20px}.back-btn{width:42px;height:42px;border-radius:14px;background:#ffffff40;display:flex;align-items:center;justify-content:center;color:#fff}.toggle{width:46px;height:26px;border-radius:99px;background:var(--ink-10);position:relative;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--primary)}.toggle .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 2px 4px #00000026}.toggle.on .knob{left:23px}.chip{padding:9px 20px;border-radius:99px;font-size:13px;font-weight:500;background:#fff;color:var(--ink-50);box-shadow:var(--shadow-soft);white-space:nowrap}.chip.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-btn)}.av{border-radius:50%;background:linear-gradient(135deg,#a1cffc,#66b4fe);flex-shrink:0;object-fit:cover}.av-teal{background:linear-gradient(135deg,#7de3d4,#49cdb9)}.fab-x{width:54px;height:54px;border-radius:18px;background:var(--yellow);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 20px #ffd87566}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#090f2473;display:flex;align-items:flex-end;z-index:50}.sheet{background:#fff;width:100%;border-radius:30px 30px 0 0;padding:26px 25px calc(26px + env(safe-area-inset-bottom))}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#090f2473;display:flex;align-items:center;justify-content:center;z-index:50;padding:30px}.modal{background:#fff;border-radius:30px;padding:30px 26px;text-align:center;width:100%}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}