@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap";:root{--bg1:#efeae6;--surface:#fbf9f7;--soft:#f3eeeb;--soft2:#faf6f4;--ink:#241c20;--ink2:#5c4c54;--muted:#6e6068;--line:#e2d9d6;--line2:#eee6e4;--accent:#b6685f;--accent2:#7a5d6b;--accent-text:var(--accent);--low:#4e8f6e;--ext:#c0504a;--ext-soft:#f8eceb;--ext-line:#efd6d3;--pilltext:#fff;--shadow:0 2px 6px #1e14180f, 0 16px 40px -20px #1e14182e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);background-color:var(--bg1);-webkit-font-smoothing:antialiased;font-family:Manrope,sans-serif}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}button:active{transform:scale(.98)}input,textarea,select{color:var(--ink);font-family:inherit;font-size:16px}.app-shell{background:var(--bg1);flex-direction:column;max-width:460px;height:100dvh;margin:0 auto;display:flex}.app-body{flex:1;padding:20px 18px 96px;overflow-y:auto}.app-nav{background:var(--surface);border-top:1px solid var(--line2);width:100%;max-width:460px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.app-nav button{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 4px 10px;font-size:11.5px;font-weight:700;display:flex}.app-nav button.on{color:var(--accent-text)}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:20px;margin-bottom:18px;padding:22px}.lbl{letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:10.5px;font-weight:800}.title{letter-spacing:-.5px;color:var(--ink);margin:4px 0 6px;font-size:23px;font-weight:800}.sub{color:var(--ink2);margin:0 0 18px;font-size:13.5px;font-weight:500;line-height:1.55}.note{color:var(--muted);font-size:12.5px;font-weight:500;line-height:1.55}.btn{background:var(--soft);width:100%;color:var(--ink2);text-align:center;border-radius:100px;padding:15px;font-size:14.5px;font-weight:800;transition:background .2s,transform .15s}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 6px 16px -4px #00000047}.btn.ghost{color:var(--muted);background:0 0}.btn.small{width:auto;padding:10px 18px;font-size:12.5px}.btn.big{padding:18px;font-size:16px}.btn.danger{background:var(--ext-soft);color:var(--ext)}.btn.stop{color:#b23b36;background:#fff;border-radius:999px;width:auto;padding:16px 32px;font-size:16px}.btn:disabled{opacity:.45;pointer-events:none}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:10.5px;font-weight:800}input.f-input,select.f-input,.field input,.field select{border:1.5px solid var(--line);background:var(--surface);appearance:none;border-radius:16px;outline:none;width:100%;padding:13px 16px;font-weight:600}input.f-input:focus,select.f-input:focus,.field input:focus,.field select:focus{border-color:var(--accent2)}.pill-header{color:var(--pilltext);background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 85%, #fff) 0%, var(--accent) 55%, color-mix(in srgb, var(--accent) 78%, #000) 100%);box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:14px;margin-bottom:18px;padding:22px 24px;display:flex}.pill-header .ph-ico{background:#ffffff38;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pill-header .ph-title{font-size:17px;font-weight:800}.pill-header .ph-sub{opacity:.9;margin-top:2px;font-size:12.5px}.divider-label{text-align:center;color:var(--muted);margin:6px 0;font-size:12px;font-weight:700}.error-text{color:var(--ext);font-size:13px;font-weight:600}.success-text{color:var(--low);font-size:13px;font-weight:600}.login-screen{flex-direction:column;gap:4px;padding-top:24px;display:flex}.login-social{flex-direction:column;gap:10px;margin:18px 0;display:flex}.login-email{flex-direction:column;gap:4px;display:flex}.contacts-list{flex-direction:column;gap:10px;list-style:none;display:flex}.contacts-list li{align-items:center;gap:10px;display:flex}.contacts-name{font-size:14px;font-weight:700}.contacts-phone{margin-left:auto;margin-right:4px}.contacts-empty{padding:4px 0}.modal-backdrop{z-index:30;background:#241c2073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{width:min(380px,100%);max-height:80vh;overflow-y:auto}.contacts-picker-list{flex-direction:column;gap:10px;margin:14px 0;font-size:14px;list-style:none;display:flex}.contacts-picker-list label{align-items:center;gap:10px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.permissions-list{flex-direction:column;gap:16px;list-style:none;display:flex}.permissions-list li{justify-content:space-between;align-items:center;gap:14px;display:flex}.perm-title{margin-bottom:3px;font-size:14px;font-weight:700}.perm-ok{color:var(--low);font-size:12.5px;font-weight:800}.account-apps{flex-direction:column;gap:14px;list-style:none;display:flex}.account-apps li{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.account-apps li.current{color:var(--accent-text)}.account-apps li .note{margin-left:auto;margin-right:4px;font-weight:600}:root{--accent:#3e8b76;--accent2:#2c6350}.panic-intro{flex-direction:column;gap:16px;padding-top:10px;display:flex}.flux-choice{color:var(--muted);text-transform:uppercase;letter-spacing:1px;flex-direction:column;gap:6px;margin:4px 0;font-size:13px;font-weight:700;display:flex}.flux-choice select{border:1.5px solid var(--line);background:var(--surface);text-transform:none;letter-spacing:normal;border-radius:16px;padding:13px 16px;font-size:15px;font-weight:600}.eco-sharing{z-index:20;color:#fff;text-align:center;background:#10181a;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 28px;display:flex;position:fixed;inset:0}.eco-time{color:var(--accent);letter-spacing:-1px;margin:0;font-size:52px;font-weight:800}.eco-sharing .note{color:#8fa39c}.flux-alarm{z-index:20;background:var(--ext);color:#fff;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:0 28px;display:flex;position:fixed;inset:0}.flux-alarm h1{font-size:26px;font-weight:800}.flux-alarm p{opacity:.92;font-size:15px}.panic-sent{flex-direction:column;align-items:flex-start;gap:14px;padding-top:10px;display:flex}.tutorial-screen ol{flex-direction:column;gap:10px;margin-top:12px;padding-left:20px;display:flex}.tutorial-screen li{color:var(--ink2);font-size:14px;line-height:1.5}