@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#12171c;--panel:#1b2228;--muted:#8f999f;--lime:#d5f68a;--line:#30383e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f3ef;font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;color:inherit;border:0;background:none}button:hover{filter:brightness(1.17)}.rail{width:82px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:24px;padding:23px 0;background:#171d22}.logo{text-decoration:none;color:var(--lime);font:bold 40px Georgia;position:relative;margin-bottom:37px}.logo span{font-size:20px;position:absolute;top:0;right:-11px}.nav{width:48px;height:48px;font-size:27px;color:#8e999f;border-radius:14px}.nav.active{background:var(--lime);color:#172219}.rail-bottom{margin-top:auto;display:grid;gap:25px;text-align:center;font-size:25px}.me{background:#414e3c;font-size:11px;border:1px solid #8fa47e;width:42px;height:42px;border-radius:50%}main{margin-left:82px;padding:26px 38px 12px;max-width:1900px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:21px}.wordmark{font:800 28px 'Manrope',Arial;letter-spacing:-1.5px}.wordmark span{color:var(--lime);margin-left:5px}header p{font-size:9px;color:var(--muted);letter-spacing:2px;margin:5px 0 0}.header-right{display:flex;align-items:center;gap:22px}.demo-tag{color:var(--lime);font-size:10px;letter-spacing:1.5px}.outline{border:1px solid #3d474e;border-radius:9px;padding:11px 15px}.heading{display:flex;justify-content:space-between;align-items:center;padding:29px 0 26px}.eyebrow{color:var(--lime);font-size:10px;letter-spacing:1.7px;font-weight:600}h1{font:600 38px 'Manrope',Arial;letter-spacing:-1.8px;margin:9px 0}h1 span{color:var(--lime)}.heading p{color:var(--muted);margin:7px 0}.location{display:flex;align-items:center;gap:15px;text-align:left;font-size:16px}.location small{font-size:10px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.tabs{display:flex;gap:3px;background:#1c2329;border-radius:10px;padding:5px}.tabs button{padding:11px 15px;border-radius:7px;color:#a2acb1;white-space:nowrap}.tabs .selected{background:#354039;color:var(--lime)}i{display:inline-block;background:var(--lime);width:7px;height:7px;border-radius:50%;margin-right:7px}.controls{display:flex;gap:10px}.search{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding-left:10px;color:#939da4;font-size:24px}.search input{width:175px;background:none;border:0;color:white;padding:10px;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 303px;gap:20px;height:min(620px,67vh);min-height:440px}.map-panel{position:relative;background:#252e32;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.map-top{position:absolute;z-index:3;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none}.map-top>span:first-child{background:#171e24e8;padding:11px 14px;border:1px solid #414a4a;border-radius:30px;font-size:11px}.map-key{font-size:10px;letter-spacing:1px;color:#a3aca7;padding-top:13px}#mapViewport{height:100%;overflow:hidden}#mapScene{position:relative;height:100%;width:100%;transition:transform .25s}.basemap{position:absolute;width:100%;height:100%}.pin{position:absolute;transform:translate(-50%,-50%);padding:0;border:3px solid #c4e593;border-radius:50%;box-shadow:0 3px 18px #0008;background:#273d36;width:57px;height:57px;transition:scale .2s}.pin:hover{scale:1.13;z-index:4}.pin.offline{border-color:#6a777c}.pin .avatar{width:100%;height:100%;border-radius:50%;font-size:16px}.online-dot{position:absolute;right:-2px;bottom:-2px;background:var(--lime);height:11px;width:11px;border:2px solid #23302b;border-radius:50%}.avatar{display:grid;place-items:center;color:#fff;font:600 18px 'Manrope',Arial;flex-shrink:0;background:linear-gradient(140deg,var(--a),var(--b));position:relative;overflow:hidden}.avatar:after{content:'';position:absolute;width:60px;height:60px;background:#ffffff08;border-radius:50%;left:-19px;bottom:-29px}.you-pin{position:absolute;transform:translate(-50%,-50%);text-align:center}.you-pin span{display:block;width:17px;height:17px;background:#e7f7fd;border:4px solid #6eabbc;border-radius:50%;box-shadow:0 0 0 13px #6eabbc22;margin:auto}.you-pin small{display:block;margin-top:15px;background:#17232ccc;color:#c5dce5;padding:4px 8px;border-radius:6px;font-size:10px;white-space:nowrap}.map-bottom{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;z-index:3}.map-bottom>span{font-size:10px;background:#192127e6;padding:9px 12px;border-radius:7px;color:#a6b2b9}.map-bottom>div{display:flex;gap:1px;border:1px solid #505a5d;border-radius:9px;overflow:hidden}.map-bottom button{width:37px;height:36px;background:#1d252b;font-size:20px}.discovery{background:#1b2228;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.side-head{display:flex;justify-content:space-between;padding:24px 22px 17px;border-bottom:1px solid var(--line)}.side-head .eyebrow{font-size:9px}.side-head h2{font:600 23px 'Manrope';margin:7px 0 0;letter-spacing:-.8px}.spark{color:var(--lime);font-size:29px}#profileList{overflow:auto;flex:1}.person{display:flex;gap:12px;padding:16px 20px;width:100%;text-align:left;border-bottom:1px solid #2c3439;align-items:center}.person .avatar{width:48px;height:48px;border-radius:14px}.person .info{flex:1}.person strong{font-size:14px;font-weight:500}.person p{color:#9ba6ac;font-size:11px;margin:5px 0 0}.person small{display:block;font-size:10px;color:var(--lime);margin-top:5px}.person .arrow{color:#86918f}.side-foot{padding:19px 22px;display:flex;justify-content:space-between;background:#222c29;color:#bbceae;font-size:12px;line-height:1.7}.side-foot>span:last-child{font-size:28px}footer{display:flex;justify-content:space-between;color:#7b878e;font-size:10px;padding-top:17px}footer button{font-size:10px;color:#a4afa6}dialog{border:1px solid #46524a;border-radius:20px;background:#1d262b;color:#f1f4ee;width:min(460px,92vw);padding:30px;max-height:90vh}dialog::backdrop{background:#060c11b8;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:8px;font-size:28px;color:#a6b4b7}.hero-avatar{height:150px;border-radius:14px;font-size:52px;margin-bottom:20px}.modal-meta{color:var(--muted);line-height:1.7}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.chips span{background:#324138;color:#d4e7c8;padding:7px 11px;border-radius:30px;font-size:12px}.primary{background:var(--lime);color:#1b2717;padding:14px 20px;border-radius:10px;font-weight:700;width:100%;margin-top:10px}.primary:disabled{opacity:.4;cursor:not-allowed}.actions{display:flex;gap:8px;margin:20px 0 12px}.actions .primary{margin:0}.actions .outline{font-size:21px}.small-actions{display:flex;justify-content:space-between;color:#a5b0b7;font-size:12px}.form label{display:block;color:#bbc5c8;margin:15px 0 5px}.form input,.form select,.form textarea{display:block;width:100%;background:#141d23;border:1px solid #46524f;color:white;padding:11px;border-radius:8px;margin-top:7px}.form input[type=checkbox]{display:inline;width:auto;margin-right:9px}.message-log{min-height:170px;max-height:280px;overflow:auto;padding:15px 0}.bubble{padding:12px 15px;border-radius:13px;background:#d5f68a;color:#20311f;margin:9px 0 9px auto;max-width:90%;width:fit-content;overflow-wrap:anywhere}.message-log .notice{color:#87999c;font-size:12px;text-align:center;margin:20px 0}.compose{display:flex;gap:8px}.compose input{flex:1;min-width:0;border:1px solid #485950;background:#152026;color:white;border-radius:10px;padding:12px}.compose button{background:var(--lime);color:#20311f;border-radius:10px;padding:0 17px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:var(--lime);color:#20311f;border-radius:10px;padding:13px 22px;box-shadow:0 5px 40px #0004;display:none;max-width:90%;text-align:center}.gate{position:fixed;inset:0;background:#10181ef2;backdrop-filter:blur(12px);z-index:50;display:grid;place-items:center;padding:20px}.gate-card{max-width:440px;background:#20292c;border:1px solid #495446;border-radius:24px;padding:38px}.gate-card .wordmark{margin-bottom:35px}.gate-card h2{font:600 34px 'Manrope';letter-spacing:-1px;line-height:1.2}.gate-card p{color:#a2b0b3;line-height:1.7}.gate-card label{display:block;margin:24px 0 12px}.gate-card input{accent-color:var(--lime)}.gate-card small{display:block;text-align:center;color:#8c9d9c;font-size:11px;line-height:1.8;margin-top:20px}[hidden]{display:none!important}#listGrid{position:absolute;inset:0;background:#192126;overflow:auto;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start}.grid-card{background:#27312f;border:1px solid #465044;border-radius:12px;padding:14px;text-align:left}.grid-card .avatar{height:100px;border-radius:8px;margin-bottom:12px;font-size:30px}.grid-card strong{display:block}.grid-card small{display:block;color:#9dad9f;margin-top:7px}.empty{color:#98aaa5;padding:30px;line-height:1.8;text-align:center}@media(min-width:1450px){main{padding:30px 55px}.workspace{height:67vh}.person{padding:20px}}@media(max-width:1100px){main{padding:22px}.search{display:none}.tabs button{padding:10px}.workspace{grid-template-columns:minmax(0,1fr) 260px}.map-key{display:none}.heading h1{font-size:32px}.location{font-size:13px}}@media(max-width:750px){.rail{width:100%;height:64px;inset:auto 0 0;z-index:10;flex-direction:row;justify-content:space-around;padding:5px;border:0;border-top:1px solid #38423e;gap:0}.logo{display:none}.nav{height:43px;width:49px}.rail-bottom{margin:0;display:flex;gap:13px;align-items:center}.rail-bottom #settings{font-size:22px}.me{width:35px;height:35px}main{margin:0;padding:20px 16px 85px}header{padding-bottom:16px}.wordmark{font-size:24px}header p{font-size:7px}.header-right .outline{display:none}.demo-tag{font-size:8px;letter-spacing:1px}.heading{padding:25px 0 20px;display:block}.heading h1{font-size:30px}.heading p{font-size:12px}.location{margin-top:17px;padding:0;font-size:13px}.location small{font-size:9px}.toolbar{align-items:flex-start;flex-wrap:wrap;gap:12px}.tabs{width:100%;justify-content:space-between}.tabs button{font-size:11px;padding:10px 8px}.controls{width:100%;justify-content:flex-end}.controls .outline{font-size:11px;padding:8px 13px}.workspace{display:block;height:510px;min-height:0}.map-panel{height:100%}.discovery{display:none}.pin{width:49px;height:49px}.pin .avatar{font-size:13px}.map-top{top:12px;left:12px}.map-top>span:first-child{font-size:9px}.map-bottom{left:12px;right:12px;bottom:12px}.map-bottom>span{font-size:8px;max-width:175px}.map-bottom button{width:32px}footer{font-size:8px}footer button{font-size:8px}#listGrid{grid-template-columns:repeat(2,1fr);padding:12px}.gate-card{padding:28px}.gate-card h2{font-size:30px}}

.connection-card{padding:15px 17px;background:#28392f;border:1px solid #455b44;border-radius:12px;margin:14px 0}.connection-card p{margin:10px 0 0;line-height:1.8}.connection-card small{color:#b4c2b1}.controls{flex-wrap:wrap;justify-content:flex-end}.toolbar{align-items:flex-start}@media(max-width:1300px){.search{display:none}}@media(max-width:750px){.controls{justify-content:space-between}#availabilityButton{margin-right:auto}.heading p{line-height:1.6}}

@media(max-width:1100px){.toolbar{flex-wrap:wrap}.tabs{flex-wrap:wrap}.heading h1{font-size:30px}}@media(max-width:750px){.tabs button{font-size:10px;padding:10px 6px}.heading h1{font-size:27px;letter-spacing:-1px}.heading p{max-width:320px}}

.profile-section{margin:22px 0;padding:15px;border:1px solid #46524f;border-radius:12px}.profile-section summary{cursor:pointer;font-weight:600}.profile-section summary small{color:#9daa9f;float:right;font-weight:400}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.stat-grid small{display:block;color:#a6b7a3;font-size:10px;margin-bottom:5px}.health-resources{border-top:1px solid #425044;margin-top:25px;padding-top:12px;line-height:1.7;font-size:12px;color:#b4c0b7}.health-resources a{color:#d5f68a}.health-resources h3{color:#f1f4ee;font-size:16px}button#healthButton{color:#d5f68a}

.photo-section{margin:20px 0 25px;padding:17px;background:#172127;border:1px solid #405044;border-radius:13px}.photo-section h3{margin:0 0 14px}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-tile{position:relative;aspect-ratio:3/4;border-radius:9px;overflow:hidden;background:#28392f}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile button{position:absolute;right:5px;top:5px;background:#10171ddb;border-radius:50%;font-size:22px;width:27px;height:27px}.primary-photo{position:absolute;bottom:0;left:0;right:0;font-size:8px;padding:5px;background:#18201bdd;text-align:center;color:#d5f68a}.photo-empty{grid-column:1/-1;text-align:center;border:1px dashed #4e6052;border-radius:8px;color:#9aab9d;line-height:1.7;padding:24px;font-size:12px}.photo-consent{display:block;font-size:11px;line-height:1.6;margin:15px 0 10px;color:#b5c0b4}.photo-consent input{accent-color:#d5f68a}.upload-button{display:block;padding:12px 16px;background:#d5f68a;color:#23311f;border-radius:8px;font-weight:600;text-align:center;cursor:pointer}.upload-button input{display:block;font-size:10px;max-width:100%;margin:7px auto 0}.photo-section .modal-meta{font-size:10px;line-height:1.6}.me{overflow:hidden}.me img{width:100%;height:100%;object-fit:cover}.photo-section #photoStatus{font-size:12px;color:#d5f68a}

.city-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.city-presets button{border:1px solid #435345;border-radius:9px;padding:12px 7px;background:#29372e;font-size:11px;text-align:left}.city-presets small{display:block;color:#b0c59e;margin-top:5px;font-size:9px}@media(max-width:400px){.city-presets{grid-template-columns:repeat(2,1fr)}}

.member-source{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px;align-items:center}.beta-actions{display:flex;gap:10px;align-items:center}.beta-actions select{background:#253329;border:1px solid #485743;border-radius:8px;color:#e3eedb;padding:10px}.beta-actions a,.beta-settings a,.form a{color:#d5f68a}.beta-settings{display:grid;gap:10px;margin-top:20px}.live-avatar img{width:100%;height:100%;object-fit:cover}.grid-card .live-avatar{display:block;width:100%}.live-profile-image .avatar{height:170px;width:100%;border-radius:14px;font-size:45px}.live-profile-image .avatar img{object-fit:cover}.live-message{max-width:85%;width:fit-content;padding:11px 14px;background:#34413c;border-radius:12px;margin:10px 0;overflow-wrap:anywhere}.live-message.mine{margin-left:auto;background:#d5f68a;color:#233320}.live-message small{display:block;margin-top:6px;font-size:9px;opacity:.7}.live-message button{font-size:10px;padding:5px 0 0;color:#bacbac}.review-label{position:absolute;bottom:42px;left:0;right:0;padding:4px;background:#16271fdc;color:#d2e3c1;font-size:8px;text-align:center}.photo-tile .photo-review{bottom:17px;top:auto;left:0;right:0;width:100%;height:24px;border-radius:0;font-size:8px;background:#d5f68a;color:#22331f}.photo-tile .primary-photo{z-index:2}.member-source+.toolbar{margin-top:8px}#listGrid .empty{grid-column:1/-1}.source-note{color:#98ab9d;font-size:11px}@media(max-width:750px){.member-source{flex-wrap:wrap}.member-source>.tabs{width:auto}.beta-actions{width:100%;justify-content:space-between}.beta-actions .outline{font-size:11px;padding:9px 12px}.beta-actions select{font-size:11px}.beta-actions a{font-size:10px}.member-source .tabs button{font-size:11px;padding:10px 12px}}