*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--primary: #F10143;--primary-dark: #E8005B;--primary-light: #EA1A65;--orange: #FB6445;--dark: #151515;--gray: #999999;--light-gray: #F4F4F4;--white: #FFFFFF;--red-light: #FEE9E7;--green-light: #E7FFE4;--green: #13990E;--gradient: linear-gradient(90deg, #F44B30 0%, #F10137 56%, #E8005B 100%);--gradient-v: linear-gradient(180deg, #F44B30 0%, #F10137 56%, #E8005B 100%);--radius: 20px;--font: "Montserrat", sans-serif;--bg: #E5E5E5;--screen-bg: #FFFFFF;--card-bg: #FFFFFF;--input-bg: #F4F4F4;--text: #151515;--text-secondary: #999999;--divider: #F4F4F4;--shadow: rgba(0,0,0,.15);--sheet-bg: #FFFFFF}[data-theme=dark]{--primary: #FF2D6B;--primary-dark: #E8005B;--primary-light: #FF4D88;--orange: #FB6445;--dark: #FFFFFF;--gray: #888888;--light-gray: #2A2A2A;--white: #1A1A1A;--red-light: #3D1520;--green-light: #1A3318;--green: #22CC1A;--gradient: linear-gradient(90deg, #F44B30 0%, #F10137 56%, #E8005B 100%);--gradient-v: linear-gradient(180deg, #F44B30 0%, #F10137 56%, #E8005B 100%);--radius: 20px;--font: "Montserrat", sans-serif;--bg: #0D0D0D;--screen-bg: #1A1A1A;--card-bg: #242424;--input-bg: #2A2A2A;--text: #F0F0F0;--text-secondary: #888888;--divider: #333333;--shadow: rgba(0,0,0,.4);--sheet-bg: #1E1E1E}html,body{height:100%}body{font-family:var(--font);background:var(--bg);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;color:var(--text)}#root{width:100%;max-width:390px;min-height:100vh;background:var(--screen-bg);position:relative;overflow:hidden}.screen{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--screen-bg);overflow-x:hidden;color:var(--text)}.screen-gray{background:var(--input-bg)}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 0;font-size:15px;font-weight:600;color:var(--text);flex-shrink:0}.status-bar.light{color:var(--white)}.status-icons{display:flex;align-items:center;gap:6px}.btn-gradient{width:100%;padding:18px;background:var(--gradient);border:none;border-radius:var(--radius);color:var(--white);font-family:var(--font);font-size:16px;font-weight:600;cursor:pointer;text-align:center}.btn-outline-red{width:100%;padding:18px;background:var(--red-light);border:none;border-radius:var(--radius);color:var(--primary);font-family:var(--font);font-size:16px;font-weight:600;cursor:pointer;text-align:center}.btn-white-bordered{width:100%;padding:18px;background:var(--card-bg);border:1.5px solid var(--primary);border-radius:var(--radius);color:var(--primary);font-family:var(--font);font-size:16px;font-weight:600;cursor:pointer}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--screen-bg)}.page-header h1{font-size:16px;font-weight:600;color:var(--text)}.icon-btn{width:40px;height:40px;border-radius:50%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text)}.icon-btn.red-bg{background:var(--primary);color:var(--white)}.card{background:var(--card-bg);border-radius:var(--radius);padding:20px}.card-gray{background:var(--input-bg);border-radius:var(--radius);padding:20px}.input-field{width:100%;padding:16px;background:var(--input-bg);border:none;border-radius:var(--radius);font-family:var(--font);font-size:16px;font-weight:500;color:var(--text);outline:none}.input-field::placeholder{color:var(--text-secondary)}.input-wrapper{position:relative}.input-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray)}.map-bg{flex:1;background:#aaa;position:relative;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}