:root{color:#f3f7f4;font-synthesis:none;background:#0b100d;font-family:Inter,ui-rounded,SF Pro Rounded,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% 20%,#1d3a2d 0,#0b100d 38%,#070a08 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.app-frame{background:#121915;border-radius:34px;width:100%;height:min(860px,100vh - 48px);min-height:620px;position:relative;overflow:hidden;box-shadow:0 34px 90px #0009,inset 0 0 0 1px #ffffff12}.desktop-note{display:none}.desktop-note span{color:#7bd3a7;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.desktop-note h1{letter-spacing:-.045em;max-width:460px;margin:16px 0;font-size:clamp(36px,5vw,64px);font-weight:550;line-height:1.03}.desktop-note p{color:#a8b7ae;max-width:440px;font-size:17px;line-height:1.7}.map-screen,.map-canvas{position:absolute;inset:0}.map-canvas{background:linear-gradient(145deg,#25352c,#17231d);overflow:hidden}.map-canvas.real-map{z-index:0}.river{background:#1b3e46;border-radius:50%;width:44%;height:140%;position:absolute;top:-18%;right:-24%;transform:rotate(12deg)}.road{opacity:.46;background:#657169;border:4px solid #334239;width:150%;height:17px;position:absolute;left:-25%}.road-one{top:43%;transform:rotate(-21deg)}.road-two{height:11px;top:27%;transform:rotate(59deg)}.block{opacity:.72;background:#314239;border:1px solid #506057;border-radius:10px;position:absolute;transform:rotate(-8deg)}.b1{width:110px;height:84px;top:13%;left:7%}.b2{width:120px;height:104px;bottom:15%;right:12%}.b3{width:94px;height:70px;bottom:19%;left:18%}.map-header{top:max(18px, env(safe-area-inset-top));z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;left:18px;right:18px}.location-pill,.round-button,.locate-me{color:#f5f8f6;background:#18211ddd;border:1px solid #ffffff1c;box-shadow:0 8px 28px #0005}.location-pill{border-radius:18px;padding:10px 15px}.round-button,.locate-me{border-radius:50%;width:44px;height:44px;font-size:22px}.privacy-chip{z-index:4;color:#93dfb8;background:#16271edd;border:1px solid #7bd3a738;border-radius:99px;padding:7px 11px;font-size:11px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.friend-marker{z-index:3;color:#fff;background:0 0;border:0;justify-items:center;gap:3px;display:grid;position:absolute;transform:translate(-50%,-50%)}.amap-friend-marker{color:#fff;background:0 0;border:0;justify-items:center;gap:3px;padding:0;display:grid;transform:translateY(-8px)}.amap-friend-marker .avatar{border:3px solid #f6f8f6;width:58px;height:58px;font-size:20px}.amap-friend-marker strong{color:#fff;white-space:nowrap;background:#101713dd;border-radius:8px;padding:3px 7px;font-size:12px}.amap-own-marker,.fallback-own-marker{color:#fff;justify-items:center;gap:4px;display:grid;position:relative;transform:translateY(-8px)}.amap-own-marker .avatar,.fallback-own-marker .avatar{z-index:2;border:4px solid #7bd3a7;width:54px;height:54px;font-size:19px}.amap-own-marker strong,.fallback-own-marker strong{z-index:2;color:#102017;white-space:nowrap;background:#7bd3a7;border-radius:8px;padding:3px 8px;font-size:11px}.own-location-halo{z-index:1;background:#7bd3a72b;border:2px solid #7bd3a780;border-radius:50%;width:84px;height:84px;animation:2s ease-out infinite own-pulse;position:absolute;top:-15px}.fallback-own-marker{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.locating-chip{z-index:6;color:#cbd6cf;white-space:nowrap;background:#111916e8;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex;position:absolute;top:82px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0005}.locating-chip i{background:#7bd3a7;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite locating-blink}@keyframes own-pulse{0%{opacity:1;transform:scale(.65)}to{opacity:0;transform:scale(1.15)}}@keyframes locating-blink{50%{opacity:.25}}.avatar{color:#1b150b;background:linear-gradient(145deg,#f1c36e,#bd7e29);border-radius:50%;place-items:center;font-weight:700;display:grid;position:relative;box-shadow:0 8px 22px #0006}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.friend-marker .avatar{border:3px solid #f6f8f6;width:58px;height:58px;font-size:20px}.avatar.location-blurred{filter:saturate(.72);border-style:dashed}.avatar.location-frozen{filter:grayscale(.35)}.activity-icon,.need-icon{background:#17201b;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-style:normal;line-height:1;display:grid;position:absolute;box-shadow:0 3px 9px #0008}.activity-icon{border:2px solid #72d29f;top:-6px;left:-6px}.need-icon{border:2px solid #f2c56d;top:-6px;right:-6px}.friend-marker strong{background:#101713dd;border-radius:8px;padding:3px 7px;font-size:12px}.friend-marker small{color:#c7d0ca;background:#101713c9;border-radius:7px;padding:2px 6px;font-size:10px}.locate-me{z-index:4;color:#7bd3a7;position:absolute;bottom:100px;right:18px}.bottom-nav{z-index:20;left:14px;right:14px;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111815f2;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:repeat(4,1fr);height:70px;padding:6px 7px;display:grid;position:absolute;box-shadow:0 12px 32px #0006}.bottom-nav button{color:#829087;background:0 0;border:0;border-radius:18px;align-content:center;place-items:center;gap:2px;display:grid;position:relative}.bottom-nav button.active{color:#7bd3a7;background:#7bd3a713}.bottom-nav span{font-size:23px;line-height:1;position:relative}.bottom-nav small{font-size:10px}.bottom-nav i{color:#14100a;background:#f0b955;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-7px;right:-10px}.page{padding:max(28px, env(safe-area-inset-top)) 18px 100px;background:#101713;position:absolute;inset:0;overflow-y:auto}.page-header,.profile-header{justify-content:space-between;align-items:center;margin:4px 0 24px;display:flex}.page-header h2,.profile-header h2{margin:3px 0 0;font-size:30px}.page-header small,.profile-header small{color:#85958b}.contact-list{gap:10px;display:grid}.contact-row{text-align:left;color:#f4f7f5;background:#18211d;border:1px solid #ffffff0f;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:11px 13px;display:grid}.contact-row span:nth-child(2){min-width:0}.contact-row strong,.contact-row small{display:block}.contact-row small{color:#8d9b93;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;overflow:hidden}.row-meta{color:#76857c;text-align:right;font-size:11px}.avatar.compact{width:47px;height:47px}.avatar.tiny{width:38px;height:38px}.avatar.large{width:66px;height:66px;font-size:22px}.avatar.profile{width:74px;height:74px;font-size:27px}.unread{color:#171109;background:#e8b75f;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.profile-header{justify-content:flex-start;gap:15px}.profile-edit{color:#a9b7af;background:0 0;border:1px solid #ffffff16;border-radius:12px;margin-left:auto;padding:8px 12px}.action-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-grid button{text-align:left;color:#f5f7f5;background:linear-gradient(145deg,#1d2d25,#18201c);border:1px solid #ffffff12;border-radius:22px;align-content:end;justify-items:start;gap:5px;min-height:150px;padding:16px;display:grid}.action-grid button span{margin-bottom:auto;font-size:34px}.action-grid button small{color:#8c9b92}.settings{background:#18211d;border:1px solid #ffffff0e;border-radius:21px;margin-top:18px;overflow:hidden}.settings button{color:#eff3f0;background:0 0;border:0;border-bottom:1px solid #ffffff0c;justify-content:space-between;width:100%;padding:16px;display:flex}.settings button:last-child{border-bottom:0}.settings b{color:#85958b;font-weight:500}.scrim{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0008;align-items:end;display:flex;position:absolute;inset:0}.sheet{width:100%;max-height:86%;padding:10px 20px max(25px, env(safe-area-inset-bottom));background:#18211d;border-radius:30px 30px 0 0;overflow-y:auto;box-shadow:0 -20px 50px #0007}.grab{background:#5d6c63;border-radius:99px;width:42px;height:5px;margin:0 auto 20px}.sheet h3{margin:0 0 7px;font-size:24px}.sheet p{color:#91a097;margin:0 0 18px;line-height:1.5}.friend-title{align-items:center;gap:14px;display:flex}.friend-title h3{margin-bottom:4px}.friend-title p{margin:0}.signal-row{gap:10px;margin:18px 0;display:flex}.signal-row span{color:#aab7af;background:#101713;border-radius:16px;flex:1;align-items:center;gap:8px;padding:12px;display:flex}.signal-row b{font-size:24px}.signal-row small{color:#72d29f;margin-left:auto;font-size:9px}.primary,.secondary{border-radius:16px;width:100%;min-height:48px;margin-top:10px;font-weight:650}.primary{color:#102017;background:#7bd3a7;border:0}.primary:disabled{opacity:.35;cursor:not-allowed}.secondary{color:#eaf0ec;background:0 0;border:1px solid #ffffff18}.invite-qr{border:10px solid #f4f7f5;border-radius:20px;width:180px;height:180px;margin:20px auto;display:block}.qr-placeholder{color:#7bd3a7;background:#101713;border:1px dashed #ffffff28;border-radius:24px;place-items:center;width:150px;height:150px;margin:20px auto;font-size:40px;display:grid}.form-row{color:#91a097;gap:7px;margin-top:13px;font-size:12px;display:grid}.form-row input{color:#f4f7f5;background:#101713;border:1px solid #ffffff18;border-radius:14px;outline:0;height:48px;padding:0 13px}.danger-zone{color:#7e8c84;margin-top:14px;font-size:12px}.danger-zone summary{cursor:pointer;padding:10px 2px}.danger-zone button{color:#ef9b8e;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff0d;width:100%;padding:12px}.select-row{background:#101713;border-radius:16px;justify-content:space-between;align-items:center;min-height:62px;margin:10px 0;padding:11px 13px;display:flex}.select-row select{color:#f3f6f4;background:#1d2923;border:1px solid #ffffff20;border-radius:10px;min-width:120px;padding:8px}.icon-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.icon-grid button{color:#e8eee9;background:#101713;border:1px solid #ffffff15;border-radius:17px;align-content:center;place-items:center;gap:5px;min-width:0;min-height:76px;padding:9px 4px 7px;display:grid}.icon-grid button b{font-size:25px;font-weight:400;line-height:1}.icon-grid button small{text-overflow:ellipsis;white-space:nowrap;color:#91a097;width:100%;font-size:10px;overflow:hidden}.expiry-row{gap:8px;margin-top:18px;display:flex}.expiry-row button{color:#93a298;background:0 0;border:1px solid #ffffff16;border-radius:13px;flex:1;padding:9px 5px}.expiry-row button.active{color:#101713;background:#e9ba61;border-color:#0000}.chat-page{padding:0;overflow:hidden}.chat-header{height:82px;padding:max(14px, env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid #ffffff0d;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;display:grid}.chat-header button{color:#eaf0ec;background:0 0;border:0;font-size:32px}.chat-header small{color:#7f8e85;margin-top:3px;display:block}.message-list{flex-direction:column;gap:10px;padding:18px;display:flex;position:absolute;inset:82px 0;overflow-y:auto}.message{background:#202b25;border-radius:17px;max-width:78%;padding:11px 13px;line-height:1.45}.message.me{color:#122019;background:#79cfa4;align-self:end}.message small{opacity:.58;margin-top:5px;font-size:9px;display:block}.composer{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));grid-template-columns:auto 1fr auto;gap:7px;display:grid;position:absolute}.composer input,.composer button{color:#edf2ee;background:#1d2822;border:1px solid #ffffff10;border-radius:16px;min-height:46px}.composer input{min-width:0;padding:0 13px}.composer button{padding:0 14px}.composer button[type=submit]{color:#122019;background:#7bd3a7}.toast{z-index:80;color:#eaf1ec;background:#26342c;border-radius:14px;width:max-content;max-width:calc(100% - 36px);padding:10px 14px;font-size:12px;position:absolute;bottom:102px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0007}.auth-shell{background:radial-gradient(circle at 50% 16%,#274936 0,#101713 34%,#090d0b 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-shell>p{color:#91a097}.auth-card{background:#151e19ee;border:1px solid #ffffff12;border-radius:30px;width:min(100%,410px);padding:30px;box-shadow:0 28px 80px #0008}.brand-mark{color:#102017;letter-spacing:-.08em;background:#7bd3a7;border-radius:23px;place-items:center;width:68px;height:68px;font-weight:800;display:grid;box-shadow:0 12px 30px #0005}.auth-card .eyebrow{color:#e5b75e;letter-spacing:.18em;margin-top:26px;font-size:12px;display:block}.auth-card h1{letter-spacing:-.045em;margin:9px 0 12px;font-size:35px;line-height:1.15}.auth-card>p{color:#94a39a;line-height:1.65}.auth-card label{color:#a8b5ad;gap:8px;margin-top:24px;font-size:12px;display:grid}.auth-card input{color:#f4f7f5;background:#0f1612;border:1px solid #ffffff18;border-radius:15px;outline:0;width:100%;height:52px;padding:0 14px;font-size:17px}.auth-card input:focus{border-color:#7bd3a7;box-shadow:0 0 0 3px #7bd3a71a}.auth-card .consent{grid-template-columns:20px 1fr;align-items:center;gap:9px;margin-top:16px;line-height:1.5}.auth-card .consent input{accent-color:#7bd3a7;width:18px;height:18px}.dev-code{color:#e8bd69;background:#e8bd6910;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:12px}.text-button{color:#91a097;background:0 0;border:0;width:100%;margin-top:14px}.auth-error{color:#ff9e91;margin-top:12px;font-size:12px}@media (width<=820px){body{background:#101713}.app-shell{min-height:100svh;padding:0;display:block}.app-frame{border-radius:0;height:100svh;min-height:560px}.desktop-note{display:none}}.location-consent{z-index:6;background:#111916ed;border:1px solid #ffffff18;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;display:grid;position:absolute;top:118px;left:18px;right:18px;box-shadow:0 14px 34px #0007}.location-consent>span{color:#102017;background:#7bd3a7;border-radius:13px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.location-consent strong,.location-consent small{display:block}.location-consent strong{font-size:13px}.location-consent small{color:#8e9d94;margin-top:4px;font-size:9px;line-height:1.4}.location-consent button{color:#102017;background:#7bd3a7;border:0;border-radius:12px;padding:9px 11px;font-size:11px;font-weight:700}.active-signals{grid-template-columns:repeat(2,1fr);gap:9px;margin:-8px 0 15px;display:grid}.active-signals button{text-align:left;color:#eaf1ec;background:#14231b;border:1px solid #7bd3a72b;border-radius:16px;align-items:center;gap:9px;min-width:0;padding:11px;display:flex}.active-signals b{font-size:24px}.active-signals span,.active-signals small{min-width:0;display:block}.active-signals small{color:#7f9186;margin-top:3px;font-size:9px}.empty-state{text-align:center;color:#84938a;max-width:290px;margin:54px auto 0}.empty-state>b{color:#7bd3a7;background:#7bd3a712;border-radius:20px;place-items:center;width:58px;height:58px;margin:auto;font-size:28px;display:grid}.empty-state h3{color:#edf2ef;margin:16px 0 7px}.empty-state p{margin:0;font-size:12px;line-height:1.6}.empty-state button{color:#102017;background:#7bd3a7;border:0;border-radius:14px;margin-top:18px;padding:11px 16px;font-weight:700}.permission-list{gap:8px;display:grid}.permission-list>button{text-align:left;color:#eef3ef;background:#101713;border:1px solid #ffffff0e;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.permission-list strong,.permission-list small{display:block}.permission-list small{color:#829188;margin-top:4px;font-size:10px}.permission-list>button>b{color:#7bd3a7;font-size:10px}.auth-card .consent a{color:#7bd3a7;text-decoration:none}.settings .danger-action{color:#ef9b8e}.legal-page{background:radial-gradient(circle at 60% 0,#1d3a2d,#0b100d 38%);min-height:100svh;padding:40px 20px 80px}.legal-page article{width:min(100%,720px);margin:auto}.legal-page article>a{color:#8fdcb4;margin-bottom:28px;text-decoration:none;display:inline-block}.legal-page .brand-mark{margin-bottom:28px}.legal-page h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,6vw,52px)}.legal-updated{color:#75867c}.legal-page section{border-top:1px solid #ffffff10;padding:20px 0}.legal-page h2{margin:0 0 9px;font-size:18px}.legal-page section p{color:#a6b4ac;margin:0;line-height:1.8}.auth-link{text-align:center;font-size:13px;text-decoration:none;display:block}.auth-mode-switch{background:#0f1612;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-top:20px;padding:4px;display:grid}.auth-mode-switch button{color:#7f8e85;background:0 0;border:0;border-radius:11px;padding:9px;font-size:12px}.auth-mode-switch button.active{color:#102017;background:#7bd3a7;font-weight:700}.avatar-upload{cursor:pointer;background:#101713;border:1px solid #ffffff12;border-radius:18px;align-items:center;margin-top:16px;padding:12px;grid-template-columns:none!important;gap:14px!important;display:flex!important}.avatar-upload>span{color:#dce5df;gap:5px;font-size:13px;display:grid}.avatar-upload input[type=file]{color:#819087;background:0 0;border:0;height:auto;padding:0;font-size:10px}.compact-upload .avatar{flex:0 0 58px;width:58px;height:58px}.add-sheet{text-align:center}.add-sheet .grab{margin-bottom:20px}.add-sheet p{max-width:310px;margin-left:auto;margin-right:auto}.qr-loading{background:#101713;border-radius:24px;place-items:center;width:200px;height:200px;margin:20px auto;display:grid}.qr-loading i{border:3px solid #7bd3a733;border-top-color:#7bd3a7;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite qr-spin}.friend-added-check{color:#102017;background:#7bd3a7;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:32px;font-weight:800;display:grid;box-shadow:0 10px 30px #7bd3a733}@keyframes qr-spin{to{transform:rotate(360deg)}}