:root{--teal: #20ADA1;--teal-light: #27C1B4;--teal-soft: #E6F6F4;--teal-softer: #F2FAF9;--ink: #1C2A3A;--ink-2: #2D3A45;--muted: #9BA7B4;--muted-2: #B9C2CC;--line: #EEF1F4;--field: #F6F8FA;--bg: #FFFFFF;--star: #FFC107;--font: "Poppins", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html,body{min-height:100dvh;margin:0;background:#dce3e8}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}#root{max-width:440px;margin:0 auto;background:var(--bg);min-height:100dvh;position:relative;overflow-x:hidden;box-shadow:0 0 60px #0000000f}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font)}::-webkit-scrollbar{width:0;height:0}.screen{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);padding-top:env(safe-area-inset-top)}.screen-pad{padding:0 24px}.scroll{flex:1;overflow-y:auto}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 4px;font-size:14px;font-weight:600;color:var(--ink)}.statusbar .icons{display:flex;gap:6px;align-items:center}.btn{width:100%;height:58px;border-radius:30px;background:var(--teal);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 24px #20ada147;transition:transform .12s ease}.btn:active{transform:scale(.97)}.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line);box-shadow:none;font-weight:500}.btn.soft{background:var(--teal-soft);color:var(--teal);box-shadow:none}.btn:disabled{opacity:.55;box-shadow:none}.field{display:flex;align-items:center;gap:12px;background:var(--field);border-radius:16px;padding:0 18px;height:58px;border:1.5px solid transparent;transition:border .15s}.field:focus-within{border-color:var(--teal);background:#fff}.field input,.field textarea{border:none;outline:none;background:transparent;flex:1;font-size:15px;color:var(--ink)}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field .ic{color:var(--muted);display:flex}.label{font-size:15px;font-weight:600;margin:0 0 10px;color:var(--ink)}.h1{font-size:30px;font-weight:700;line-height:1.2;margin:0}.h2{font-size:20px;font-weight:600;margin:0}.sub{color:var(--muted);font-size:14px;line-height:1.5}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 24px 16px}.iconbtn{width:44px;height:44px;border-radius:14px;background:var(--field);display:flex;align-items:center;justify-content:center;color:var(--ink)}.iconbtn.round{border-radius:50%}.bottomnav{position:sticky;bottom:0;z-index:30;display:flex;justify-content:space-around;align-items:center;background:#fff;height:72px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);box-shadow:0 -8px 24px #0000000a}.navitem{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted-2);font-size:11px}.navitem.active{color:var(--teal)}.navitem .dot{width:5px;height:5px;border-radius:50%;background:var(--teal)}.card{background:#fff;border-radius:22px;box-shadow:0 10px 30px #14283c0f}.chip{padding:9px 20px;border-radius:20px;font-size:13px;font-weight:500;background:var(--field);color:var(--ink-2);white-space:nowrap}.chip.active{background:var(--teal);color:#fff}.avatar{background:#e9eef2;object-fit:cover}.star{color:var(--star)}.center-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}