.web-guest .sidebar,.web-guest .topbar,.web-guest .demo-banner,.web-guest .bottom-nav{display:none!important}
.web-guest .workspace{margin:0;width:100%;max-width:none}.web-guest .app-shell{display:block}.web-guest #main{padding:0}
.web-welcome{min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr;background:#faf8f5}
.web-welcome-story{padding:clamp(40px,8vw,120px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 10% 95%,#dbc7d7 0,transparent 50%),#eee5e8;color:#513b4d;position:relative;overflow:hidden}
.web-welcome-story:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #fff8;border-radius:50%;right:-240px;top:-120px;pointer-events:none}
.web-welcome-story h1{font-size:clamp(46px,5.2vw,80px);letter-spacing:-3px;line-height:1.04;font-weight:500;margin:28px 0}.web-welcome-story>p{font-size:18px;line-height:1.75;max-width:450px;color:#746371}
.web-welcome-story>small{margin-top:72px;opacity:.7}.web-feature-list{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.web-feature-list span{display:flex;align-items:center;gap:8px;font-size:13px}.web-feature-list svg{width:20px;height:20px}
.web-login{align-self:center;width:min(100%,490px);padding:48px;margin:auto}.web-login>img{height:auto;object-fit:contain;margin-bottom:34px}.web-login h2{font-size:29px;font-weight:500;line-height:1.2;letter-spacing:-.8px;margin:0 0 15px}.web-login>p{color:#7a707b;line-height:1.7}.web-login form{margin-top:28px}.web-login .field{display:block;margin:18px 0 8px}.web-login .form-input{width:100%}.web-login button[type=submit]{margin-top:14px}.web-login-legal{display:flex;gap:24px;margin-top:30px}.web-login-legal button{font-size:12px;color:#817585;background:none;border:0;cursor:pointer}.web-form-error,#web-login-error{color:#a13948;font-size:14px;line-height:1.5;min-height:10px}
.map-page{max-width:1400px}.map-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 14px}.map-toolbar>div:last-child{display:flex;gap:8px}.map-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#736876}.map-legend>span{display:flex;align-items:center;gap:7px}.map-legend i{display:block;width:12px;height:12px}.legend-profile{border-radius:50%;background:#755780}.legend-photo{border-radius:3px;background:#cc8b4c;transform:rotate(-8deg)}.legend-me{border-radius:50%;background:#32a67a;box-shadow:0 0 0 3px #d7f0e6}
#yana-map{height:clamp(380px,64vh,680px);border:1px solid #e2dde5;border-radius:22px;z-index:0;background:#eeeae6;isolation:isolate}.leaflet-container{font:inherit}.leaflet-control-attribution{font-size:10px!important}.leaflet-control-zoom a{color:#644b70!important}.leaflet-tooltip{border-radius:9px;border:0;box-shadow:0 2px 12px #32223822}
.yana-marker{background:none;border:0}.map-profile-face{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px #32223866;background:#795785;color:#fff;overflow:hidden;position:relative}.map-profile-face img{width:100%;height:100%;object-fit:cover}.map-profile-face svg{width:24px;height:24px}.map-photo-pin{display:grid;place-items:center;width:40px;height:40px;border-radius:12px 12px 12px 3px;transform:rotate(-9deg);background:#ce9055;border:3px solid #fff;box-shadow:0 2px 7px #5c3b3566;color:#fff}.map-photo-pin svg{width:24px;height:24px;transform:rotate(9deg)}.map-own-dot{display:block;width:18px;height:18px;border:3px solid white;border-radius:50%;background:#24a67b;box-shadow:0 0 0 7px #24a67b33,0 1px 5px #24443455}
.map-status-row{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#7a6b7d;font-size:13px}.map-full-photo{width:100%;max-height:55vh;object-fit:contain;border-radius:16px;background:#f4eff3;margin:10px 0}.map-photo-strip{display:flex;gap:12px;overflow:auto;padding:15px 0}.map-photo-card{min-width:165px;display:grid;gap:8px;text-align:left;background:#fff;border:1px solid #ece5ed;border-radius:14px;padding:16px;color:#634f68}.map-photo-card span{color:#cc8b4c}.map-photo-card svg{width:26px;height:26px}.map-photo-card small{color:#958299}.map-viewer{display:flex;gap:14px;align-items:center;width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid #eee;text-align:left}.map-viewer>span{display:grid;gap:5px;flex:1}.map-viewer small{color:#8d7d90}.map-viewer>svg{width:20px;height:20px}.map-mine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.map-mine-grid button{display:grid;text-align:left;gap:8px;border:1px solid #ece4ed;border-radius:14px;padding:10px;background:#fff}.map-mine-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.map-mine-grid small{color:#7b6c80}
#map-upload,#web-chat-file{width:100%;padding:16px;background:#f7f2f8;border:1px dashed #cabbcd;border-radius:12px}.map-page .modal-fine{max-width:950px}.photo-bubble{padding:8px;max-width:320px;min-width:180px}.photo-bubble img{width:100%;max-height:380px;object-fit:contain;border-radius:12px;background:#eee8ef;display:block}.photo-bubble small{display:block;padding:8px 5px 3px}.chat-photo-actions{padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #f0eaf2}.chat-photo-actions span{font-size:11px;color:#99899e}.chat-photo-actions svg{width:18px;height:18px}.official-inbox{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid #e8ddeb;background:#f8f2fa;padding:16px 20px;border-radius:16px;color:#684570;margin:0 0 24px}.official-inbox>svg{width:24px;height:24px}.official-inbox>span{display:grid;gap:4px;flex:1}.official-inbox small{font-weight:400;opacity:.75}.official-body{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8f3fa;padding:24px;border-radius:16px;line-height:1.8;margin:18px 0;color:#5e4b64}.admin-notice-row{display:flex;align-items:center;gap:18px;justify-content:space-between;border-top:1px solid #eee;padding:22px 0}.admin-notice-row p{white-space:pre-wrap;overflow-wrap:anywhere}.admin-notice-row small{color:#8d7b91}.admin-page .tabs{overflow-x:auto;flex-wrap:nowrap}.admin-page .tab{white-space:nowrap}.web-shortcuts{margin-top:24px}
button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #b397be;outline-offset:3px}.map-toolbar .button{white-space:nowrap}.web-login .button:disabled{opacity:.6}
@media(max-width:1000px){.web-welcome{grid-template-columns:1fr 1fr}.web-welcome-story{padding:50px 35px}.web-welcome-story h1{font-size:53px}.web-login{padding:36px}.map-toolbar{align-items:flex-start;flex-direction:column}.map-page .page-heading .button{font-size:12px;padding:12px}}
@media(max-width:700px){.web-welcome{display:block}.web-welcome-story{padding:40px 28px 32px}.web-welcome-story h1{font-size:45px;margin:18px 0;letter-spacing:-2px}.web-welcome-story>p{font-size:14px;line-height:1.6;margin:0}.web-welcome-story>small{display:none}.web-feature-list{gap:16px;margin-top:22px}.web-feature-list span{font-size:11px}.web-login{padding:32px 28px 48px}.web-login>img{width:100px;margin-bottom:22px}.web-login h2{font-size:25px}.bottom-nav{grid-template-columns:repeat(6,1fr)!important;gap:0;padding-left:4px;padding-right:4px}.bottom-nav>button{min-width:0;padding-left:0;padding-right:0;font-size:10px}.bottom-nav .meet-button>span:first-child{width:32px;height:32px}.map-page{padding-left:16px;padding-right:16px}.map-page .page-heading{display:block}.map-page .page-heading>.button{margin-top:15px}.map-legend{gap:13px;font-size:11px}.map-toolbar{margin-top:18px;gap:13px}.map-toolbar>div:last-child{width:100%}.map-toolbar .button{flex:1;font-size:12px;padding:10px 12px}#yana-map{height:55svh;min-height:320px;border-radius:16px}.map-page h1{font-size:30px}.map-status-row{font-size:11px}.photo-bubble{max-width:80%}.chat-photo-actions{padding:8px 12px}.chat-photo-actions span{font-size:10px}.official-inbox{padding:13px;margin-bottom:18px}.admin-notice-row{align-items:flex-start;flex-direction:column}.map-mine-grid{gap:8px}.map-mine-grid small{font-size:10px}}

@media(max-width:760px){.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0}.bottom-nav>button{min-width:0}}
