:root{--forest:#103e35;--forest-2:#185447;--mint:#b9e2d1;--lime:#d9ef9f;--ink:#162622;--muted:#65756f;--paper:#f5f7f4;--white:#fff;--line:#dce4df;--danger:#a33d3d;--shadow:0 16px 40px rgba(17,47,39,.14);font-family:"DM Sans",sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,input,select,textarea{font:inherit}.eyebrow{display:block;color:#71847d;font-size:.68rem;font-weight:800;letter-spacing:.16em;margin:0 0 .35rem}.muted{color:var(--muted)}.brand{align-items:center;color:var(--forest);display:inline-flex;gap:.7rem;text-decoration:none}.brand-symbol{align-items:center;background:var(--forest);border-radius:13px;color:#d9ef9f;display:flex;font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:800;height:42px;justify-content:center;position:relative;width:42px}.brand-symbol:after{border:1px solid rgba(255,255,255,.3);border-radius:50%;content:"";height:18px;position:absolute;width:18px}.brand>span:last-child{display:grid;line-height:1}.brand b{font-family:Manrope;font-size:1.1rem;letter-spacing:.05em}.brand small{font-size:.59rem;font-weight:700;letter-spacing:.3em;margin-top:4px}.brand-light{color:white}.brand-light .brand-symbol{background:#daf0a5;color:var(--forest)}
.login-page{background:var(--paper);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);min-height:100vh}.login-art{background:linear-gradient(145deg,#0d352e 0%,#174c40 68%,#1d5c4c 100%);color:white;min-height:100vh;overflow:hidden;padding:clamp(2rem,6vw,6.5rem);position:relative}.login-art:after{background:radial-gradient(circle at 20% 80%,rgba(205,236,159,.14),transparent 30%);content:"";inset:0;position:absolute}.topography{border:1px solid rgba(202,231,218,.12);border-radius:45% 55% 62% 38%;height:560px;position:absolute;right:-220px;top:-120px;transform:rotate(28deg);width:760px}.topography:after,.topography:before{border:1px solid rgba(202,231,218,.11);border-radius:inherit;content:"";inset:45px;position:absolute}.topography:after{inset:95px}.topo-b{bottom:-340px;left:-300px;right:auto;top:auto;transform:rotate(-18deg)}.login-copy{left:clamp(2rem,6vw,6.5rem);max-width:610px;position:absolute;top:50%;transform:translateY(-45%);z-index:1}.login-kicker{color:var(--lime);font-size:.72rem;font-weight:800;letter-spacing:.22em}.login-copy h1{font-family:Manrope;font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.06em;line-height:.98;margin:1.4rem 0 2rem}.login-copy h1 em{color:var(--lime);font-style:normal}.login-copy p{color:#c4d7d0;font-size:1.05rem;line-height:1.7;max-width:470px}.login-panel{align-items:center;background:#fbfcfa;display:flex;justify-content:center;padding:3rem}.login-box{max-width:390px;width:100%}.access-pill{align-items:center;background:#eaf2ed;border-radius:999px;color:#456258;display:inline-flex;font-size:.73rem;font-weight:700;gap:.5rem;margin-top:4.5rem;padding:.5rem .8rem}.access-pill span,.status-dot{background:#54a476;border-radius:50%;height:7px;width:7px}.login-box h2{font-family:Manrope;font-size:2rem;letter-spacing:-.04em;margin:1.3rem 0 .4rem}.login-form{display:grid;gap:.7rem;margin-top:2rem}.login-form label,.invite-dialog label,.upload-form label{font-size:.78rem;font-weight:700}.login-form input,.invite-dialog input,.invite-dialog select,.upload-form input{background:white;border:1px solid #d7e0da;border-radius:10px;color:var(--ink);outline:none;padding:.9rem 1rem;width:100%}.login-form input:focus,.invite-dialog input:focus,.invite-dialog select:focus{border-color:#4a8977;box-shadow:0 0 0 3px rgba(74,137,119,.12)}.login-form button,.primary-button,.button-link{background:var(--forest);border:0;border-radius:10px;color:white;cursor:pointer;font-weight:700;margin-top:.7rem;padding:.95rem 1.1rem;text-decoration:none}.login-form button{display:flex;justify-content:space-between}.security-note{color:#7e8d88;font-size:.72rem;margin-top:2rem;text-align:center}.security-note span{color:#5b947d}.alert,.form-error{background:#fbebeb;border-radius:8px;color:var(--danger);font-size:.78rem;padding:.7rem}
.app-page{height:100vh;overflow:hidden}.app-header{align-items:center;background:var(--forest);color:white;display:flex;height:72px;padding:0 1.25rem;position:relative;z-index:20}.header-divider{background:rgba(255,255,255,.16);height:28px;margin:0 1.4rem;width:1px}.project-title{display:grid}.project-title span{color:#9ec1b5;font-size:.65rem;text-transform:uppercase}.project-title strong{font-size:.88rem}.header-actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.header-link{border:1px solid rgba(255,255,255,.2);border-radius:8px;color:white;font-size:.75rem;padding:.55rem .8rem;text-decoration:none}.user-chip{align-items:center;display:flex;gap:.55rem}.user-chip>span:last-child{display:grid}.user-chip b{font-size:.76rem}.user-chip small{color:#9ec1b5;font-size:.64rem}.avatar{align-items:center;background:#d8ecaa;border-radius:50%;color:var(--forest);display:flex;font-weight:800;height:34px;justify-content:center;width:34px}.icon-button,.mobile-menu{background:none;border:0;color:#c7dbd4;cursor:pointer;font-size:1.2rem}.mobile-menu{display:none}.workspace{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 72px);position:relative}.layer-sidebar{background:#fbfcfa;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}.sidebar-heading{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.25rem .8rem}.sidebar-heading h2{font-family:Manrope;font-size:1.25rem;margin:0}.close-mobile{background:0;border:0;display:none;font-size:1.4rem}.layer-search{align-items:center;background:#eef2ef;border-radius:9px;display:flex;margin:0 1.1rem 1rem;padding:0 .75rem}.layer-search input{background:none;border:0;outline:0;padding:.75rem .5rem;width:100%}.layer-list{flex:1;overflow:auto;padding:0 .65rem}.layer-item{align-items:center;border-radius:9px;display:grid;gap:.65rem;grid-template-columns:auto 1fr auto;margin:.2rem 0;padding:.72rem .6rem}.layer-item:hover{background:#f0f4f1}.layer-swatch{border-radius:4px;height:26px;width:26px}.layer-name{font-size:.82rem;font-weight:600}.layer-type{color:#82908b;display:block;font-size:.65rem;margin-top:2px}.switch{display:inline-block;height:20px;position:relative;width:36px}.switch input{height:0;opacity:0;width:0}.slider{background:#cbd5d0;border-radius:99px;cursor:pointer;inset:0;position:absolute;transition:.2s}.slider:before{background:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);content:"";height:16px;left:2px;position:absolute;top:2px;transition:.2s;width:16px}.switch input:checked+.slider{background:#2c7461}.switch input:checked+.slider:before{transform:translateX(16px)}.sidebar-footer{align-items:center;border-top:1px solid var(--line);color:#778781;display:flex;font-size:.66rem;gap:.45rem;padding:1rem 1.2rem}.skeleton{animation:pulse 1.2s infinite;background:#e5ebe7;border-radius:8px;height:48px;margin:.5rem}.skeleton.short{width:70%}@keyframes pulse{50%{opacity:.45}}.map-stage{min-width:0;position:relative}.map-stage,#map{height:100%;width:100%}.map-search-wrap{background:white;border:1px solid rgba(18,59,51,.1);border-radius:12px;box-shadow:0 8px 24px rgba(25,54,47,.16);display:grid;grid-template-columns:110px minmax(220px,440px) 44px;left:50%;position:absolute;top:18px;transform:translateX(-50%);z-index:4}.map-search-wrap select,.map-search-wrap input,.map-search-wrap button{background:white;border:0;outline:0}.map-search-wrap select{border-radius:12px 0 0 12px;border-right:1px solid var(--line);font-size:.72rem;padding:.7rem}.map-search-wrap input{padding:.8rem}.map-search-wrap button{border-radius:0 12px 12px 0;color:var(--forest);cursor:pointer;font-size:1.2rem}.search-results{background:white;border-radius:10px;box-shadow:var(--shadow);grid-column:1/-1;left:0;max-height:280px;overflow:auto;position:absolute;right:0;top:calc(100% + 6px)}.search-result{background:none;border:0;border-bottom:1px solid #edf1ee;cursor:pointer;display:grid;padding:.8rem 1rem;text-align:left;width:100%}.search-result:hover{background:#f2f7f4}.search-result small{color:var(--muted)}.map-hint{background:rgba(16,62,53,.9);border-radius:8px;bottom:34px;color:white;font-size:.72rem;left:50%;padding:.65rem .9rem;position:absolute;transform:translateX(-50%);z-index:3}.map-hint span{color:var(--lime)}.map-legend{bottom:5px;color:#576963;display:flex;font-size:.58rem;gap:1rem;left:10px;position:absolute;z-index:3}.feature-drawer{background:white;box-shadow:-10px 0 35px rgba(22,54,45,.14);display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;transform:translateX(102%);transition:transform .28s ease;width:min(430px,100%);z-index:8}.feature-drawer.open{transform:none}.drawer-head{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:1.4rem}.drawer-head h2{font-family:Manrope;font-size:1.35rem;margin:0}.feature-code{color:#72827c;font-size:.68rem}.drawer-close,.dialog-close{background:#edf2ef;border:0;border-radius:50%;color:#52645e;cursor:pointer;font-size:1.2rem;height:34px;width:34px}.drawer-tabs{border-bottom:1px solid var(--line);display:flex;padding:0 1.2rem}.drawer-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#73817c;cursor:pointer;font-size:.75rem;font-weight:700;padding:.9rem .7rem}.drawer-tabs button.active{border-color:#397c68;color:var(--forest)}.drawer-content{flex:1;overflow:auto}.tab-panel{display:none;padding:1.2rem}.tab-panel.active{display:block}.sheet-section{margin-bottom:1.5rem}.sheet-section h3{color:#466159;font-size:.68rem;letter-spacing:.12em;margin:0 0 .8rem;text-transform:uppercase}.field-row{border-bottom:1px solid #edf1ee;display:grid;gap:.7rem;grid-template-columns:42% 1fr;padding:.65rem 0}.field-row label{color:#74847e;font-size:.72rem}.field-row .field-value,.field-row input,.field-row select,.field-row textarea{background:none;border:0;color:#20342e;font-size:.78rem;font-weight:600;min-width:0}.field-row input,.field-row select,.field-row textarea{background:#f1f5f2;border:1px solid #d6e0da;border-radius:6px;padding:.48rem;width:100%}.drawer-actions{border-top:1px solid var(--line);display:flex;gap:.7rem;padding:1rem 1.2rem}.drawer-actions button{flex:1;margin:0}.secondary-button{background:#edf3ef;border:1px solid #d1ddd7;border-radius:9px;color:var(--forest);cursor:pointer;font-weight:700;padding:.75rem}.primary-button{margin:0}.empty-state{color:#7b8984;font-size:.78rem;padding:1rem;text-align:center}.attachment{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:.7rem;padding:.7rem 0}.attachment-icon{align-items:center;background:#e8f1ec;border-radius:8px;display:flex;height:34px;justify-content:center;width:34px}.attachment div{display:grid;flex:1}.attachment b{font-size:.75rem}.attachment small{color:var(--muted);font-size:.65rem}.attachment a{color:var(--forest);font-size:.7rem}.upload-form{border-top:1px dashed #ccd8d2;display:grid;gap:.7rem;margin-top:1rem;padding-top:1rem}.form-grid{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.upload-form input{padding:.65rem}.invite-dialog{border:0;border-radius:18px;box-shadow:0 25px 70px rgba(12,43,35,.28);max-width:500px;padding:0;width:calc(100% - 2rem)}.invite-dialog::backdrop{background:rgba(8,32,26,.62);backdrop-filter:blur(3px)}.invite-dialog form{display:grid;gap:.85rem;padding:1.8rem}.dialog-close{position:absolute;right:1rem;top:1rem}.dialog-icon{align-items:center;background:#e5f2d1;border-radius:12px;color:#37745f;display:flex;font-size:1.2rem;height:44px;justify-content:center;width:44px}.invite-dialog h2{font-family:Manrope;margin:0}.invite-dialog p{margin:0}.invite-dialog label{display:grid;gap:.4rem}.invite-dialog fieldset{border:1px solid var(--line);border-radius:10px;margin:0;max-height:160px;overflow:auto;padding:.75rem}.invite-dialog legend{font-size:.75rem;font-weight:700}.invite-fields label{align-items:center;display:flex;font-weight:500;gap:.5rem;padding:.25rem}.invite-fields input{width:auto}.full{width:100%}.invite-result{background:#ebf5ee;border-radius:9px;font-size:.72rem;padding:.8rem;word-break:break-all}.invite-result a{color:var(--forest);font-weight:700}.toast{background:var(--forest);border-radius:9px;bottom:24px;color:white;font-size:.76rem;left:50%;opacity:0;padding:.75rem 1rem;pointer-events:none;position:fixed;transform:translate(-50%,20px);transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}
.public-body{align-items:center;background:radial-gradient(circle at top left,#dcebe4,transparent 35%),#f3f6f2;display:flex;justify-content:center;min-height:100vh;padding:2rem}.invite-card{background:white;border:1px solid #e0e8e3;border-radius:20px;box-shadow:var(--shadow);max-width:700px;padding:clamp(1.5rem,4vw,3rem);width:100%}.brand-mark{align-items:center;background:var(--forest);border-radius:13px;color:var(--lime);display:flex;font-family:Manrope;font-size:1.5rem;font-weight:800;height:48px;justify-content:center;margin-bottom:1.3rem;width:48px}.invite-card h1{font-family:Manrope;letter-spacing:-.04em;margin:.2rem 0}.pin-card{max-width:430px}.pin-card form{display:grid;gap:.6rem;margin:1.5rem 0}.pin-card input{border:1px solid var(--line);border-radius:9px;font-size:1.2rem;letter-spacing:.2em;padding:.8rem}.pin-card button{background:var(--forest);border:0;border-radius:9px;color:white;font-weight:700;padding:.85rem}.invite-detail header{align-items:center;display:flex;gap:1rem}.invite-detail .brand-mark{margin:0}.invite-meta{background:#eef5f1;border-radius:8px;color:#547066;font-size:.74rem;padding:.7rem}.property-sheet{border-top:1px solid var(--line);margin:1.4rem 0}.property-row{border-bottom:1px solid var(--line);display:grid;gap:1rem;grid-template-columns:40% 1fr;padding:.8rem 0}.property-row span{color:var(--muted);font-size:.78rem}.property-row strong{font-size:.82rem}.button-link{display:inline-block}
@media(max-width:850px){.login-page{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:1.5rem}.access-pill{margin-top:4rem}.app-header{height:60px}.header-divider,.project-title,.header-link,.user-chip span:last-child{display:none}.mobile-menu{display:block;margin-right:.5rem}.workspace{grid-template-columns:1fr;height:calc(100vh - 60px)}.layer-sidebar{box-shadow:12px 0 30px rgba(13,48,40,.2);height:100%;left:0;position:absolute;transform:translateX(-105%);transition:.25s;width:285px}.layer-sidebar.open{transform:none}.close-mobile{display:block}.map-search-wrap{grid-template-columns:88px minmax(140px,1fr) 40px;left:12px;right:12px;transform:none}.map-hint{bottom:48px;white-space:nowrap}.feature-drawer{width:100%}.drawer-actions{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}
.relation-tools{border-top:1px dashed var(--line);display:grid;gap:.7rem;margin-top:1rem;padding-top:1rem}.relation-tools h3{font-size:.78rem;margin:0}.relation-tools select,.relation-tools input{border:1px solid var(--line);border-radius:8px;min-width:0;padding:.65rem;width:100%}.relation-suggestion{align-items:center;background:#f0f5f2;border-radius:8px;display:flex;font-size:.7rem;justify-content:space-between;margin-top:.5rem;padding:.55rem}.relation-suggestion button{background:var(--forest);border:0;border-radius:6px;color:white;cursor:pointer;padding:.4rem .55rem}
.public-map-section{border:1px solid var(--line);border-radius:14px;margin:1.2rem 0;overflow:hidden}.public-map-section #invite-map{height:300px;width:100%}