:root{--bg: #f5f0e8;--surface: #ffffff;--pink: #d82d56;--pink-light: #fde8ef;--mint: #4ecba4;--mint-light: #d4f5eb;--yellow: #f5c842;--yellow-light: #fef7d4;--red: #ff4d4d;--red-light: #ffe6e6;--ink: #1c1c1e;--muted: #6e6e73;--border: 2px solid var(--ink);--radius: 10px;--shadow: 3px 3px 0 var(--ink);--shadow-sm: 2px 2px 0 var(--ink);--nav-h: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px);--z-map: 1;--z-overlay: 100;--z-nav: 200;--z-modal: 999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--ink);border-radius:4px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--pink)}*{scrollbar-width:thin;scrollbar-color:var(--ink) var(--bg)}#app{display:flex;flex-direction:column;height:100dvh;max-width:600px;margin:0 auto;position:relative}#global-map-container{display:none;position:absolute;top:50px;left:0;width:100%;height:calc(100dvh - 50px - var(--nav-h) - var(--safe-bottom));z-index:var(--z-map)}#app.route-home #global-map-container,#app.route-map #global-map-container{display:block}#main-layout{display:flex;flex-direction:column;flex:1;width:100%;position:relative}#main-content{flex:1;display:flex;flex-direction:column;min-height:0}#app.route-home .map-page-container,#app.route-map .map-page-container{background:transparent!important}.desktop-sidebar-only{display:none}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px)}.page-content.full-height{padding-bottom:0;overflow:hidden}.topbar{display:flex;align-items:center;height:50px;background:var(--surface);border-bottom:var(--border);z-index:101;position:relative;overflow:hidden;flex-shrink:0}.topbar-logo{display:flex;align-items:center;padding:0 16px;font-weight:900;font-size:18px;text-transform:lowercase;border-right:var(--border);height:100%;background:var(--yellow);color:var(--ink);white-space:nowrap}.logo-text-say{font-weight:400}.logo-text-sheep{font-weight:900}.topbar-marquee{flex:1;overflow:hidden;position:relative;display:flex;align-items:center;background:var(--surface);height:100%;cursor:pointer}.marquee-content{display:inline-block;white-space:nowrap;animation:marquee-scroll 75s linear infinite;padding-left:20px;font-size:13px;font-weight:700;color:var(--ink);text-transform:lowercase}.topbar-marquee:hover .marquee-content{animation-play-state:paused}.topbar-logo{cursor:pointer}.list-filter-hint{font-size:12px;font-weight:600;color:var(--muted);padding:2px 2px 8px;line-height:1.4}.save-agent-btn{position:relative;overflow:visible}.agent-plus-badge{position:absolute;top:-4px;right:-4px;background:var(--pink);color:#fff;font-size:11px;font-weight:900;line-height:14px;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--ink);text-align:center}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.navbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:var(--border);display:grid;grid-template-columns:repeat(6,1fr);align-items:center;z-index:var(--z-nav)}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;min-width:0;text-decoration:none;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;border-radius:10px;cursor:pointer;border:none;background:none;text-align:center;opacity:.6;transition:opacity .15s,transform .15s}.nav-link span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link svg{width:24px;height:24px;stroke:currentColor;transition:transform .15s}.nav-link-map{color:#3aa0e3}.nav-link-list{color:#1fb487}.nav-link-chat{color:#e3568f}.nav-link-robot{color:#a564d6}.nav-link-settings{color:#f0922b}.nav-link{position:relative}.nav-link:hover{opacity:.85}.nav-link[aria-current=page]{opacity:1}.nav-link[aria-current=page] svg{transform:translateY(-1px) scale(1.12)}.nav-link[aria-current=page]:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:currentColor}.nav-fab{justify-self:center;box-sizing:border-box;width:54px;height:54px;border-radius:50%;background:var(--pink);border:var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;line-height:0;color:var(--surface)!important;text-decoration:none;transform:translateY(-14px);z-index:calc(var(--z-nav) + 10);transition:transform .1s ease}.nav-fab svg{width:26px;height:26px;stroke:var(--surface)!important;display:block}.nav-fab:active{transform:translateY(-6px);box-shadow:none}.nav-fab[aria-current=page]{background:var(--pink)!important;color:var(--surface)!important}.navbar .nav-fab,.navbar .nav-link{display:flex}.conn-status{display:flex;gap:6px;padding:4px 8px;font-size:11px;font-weight:600}.conn-badge{padding:2px 8px;border-radius:20px;border:1.5px solid var(--ink);background:var(--mint-light);color:var(--ink)}.conn-badge.offline{background:var(--yellow-light);color:var(--muted)}.page-header{padding:12px 16px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid rgba(0,0,0,.08)}.page-title{font-size:22px;font-weight:900;letter-spacing:-.5px}#map{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.list-container{padding:8px 12px;display:flex;flex-direction:column;gap:8px}.list-empty{text-align:center;padding:60px 20px;color:var(--muted);font-size:16px;line-height:1.6}.list-empty .empty-emoji{font-size:48px;display:block;margin-bottom:12px}@keyframes cardEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.item-card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;cursor:pointer;transition:transform .12s,box-shadow .12s;display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto auto;grid-template-areas:"img body" "img tags" "pills pills";position:relative;animation:cardEntrance .25s cubic-bezier(.16,1,.3,1) forwards}.item-card:hover{transform:translateY(-2px);box-shadow:5px 5px 0 var(--ink)}.item-card:active{transform:translateY(0);box-shadow:var(--shadow)}.item-card.taken{opacity:.55}.item-card-img{grid-area:img;width:90px;height:90px;object-fit:cover;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:40px}.item-card-img img{width:100%;height:100%;object-fit:cover}.item-card-body{grid-area:body;padding:10px 10px 4px}.item-card-title{font-size:15px;font-weight:800;line-height:1.2;margin-bottom:3px}.item-card-desc{font-size:13px;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-card-tags{grid-area:tags;padding:0 10px 6px;display:flex;flex-wrap:wrap;gap:4px}.item-card-pills{grid-area:pills;padding:6px 10px 8px;display:flex;gap:6px;flex-wrap:wrap;border-top:1.5px solid rgba(0,0,0,.06)}.taken-stamp{position:absolute;top:50%;right:12px;transform:translateY(-50%) rotate(-15deg);background:transparent;border:3px solid var(--pink);color:var(--pink);font-weight:900;font-size:13px;padding:3px 8px;border-radius:4px;letter-spacing:1px;text-transform:uppercase;opacity:.9;pointer-events:none}.tag{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-transform:lowercase;padding:0 9px;height:20px;box-sizing:border-box;border-radius:20px;border:1.5px solid var(--ink);background:var(--yellow-light);color:var(--ink);white-space:nowrap;line-height:1}.mobile-only{display:block}.pill{font-size:11px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:3px}.pill img{width:13px;height:13px;opacity:.6}.search-bar{padding:8px 12px;display:flex;gap:8px}.search-input{flex:1;height:38px;padding:0 12px;border:var(--border);border-radius:20px;background:var(--surface);font-size:14px;outline:none;box-shadow:var(--shadow-sm)}.search-input:focus{border-color:var(--pink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:transform .1s,box-shadow .1s;background:var(--surface);color:var(--ink)}.btn:hover{transform:translateY(-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translateY(1px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--pink);color:#fff}.btn-take{background:var(--yellow);color:var(--ink);font-size:16px;width:100%;margin:16px 0}.btn-submit{background:var(--mint);color:var(--ink);width:100%}.btn-danger{background:var(--red-light);color:var(--red)}.btn-sm{padding:6px 12px;font-size:12px;box-shadow:var(--shadow-sm)}.form-section{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.form-label{font-size:11px;font-weight:800;text-transform:lowercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.form-input,.form-textarea{width:100%;padding:10px 12px;border:var(--border);border-radius:var(--radius);background:var(--surface);font-size:15px;font-family:inherit;outline:none;box-shadow:var(--shadow-sm)}.form-input:focus,.form-textarea:focus{border-color:var(--pink)}.form-textarea{min-height:80px;resize:vertical}.tag-input-container{position:relative}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag-removable{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 8px 3px 10px;border-radius:20px;border:1.5px solid var(--ink);cursor:default}.tag-removable .tag-remove{cursor:pointer;font-size:14px;line-height:1;opacity:.6;border:none;background:none;padding:0;color:inherit}.tag-removable .tag-remove:hover{opacity:1}.tag-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:200;overflow:hidden}.tag-suggestion{padding:9px 14px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,0,0,.06)}.tag-suggestion:last-child{border-bottom:none}.tag-suggestion:hover,.tag-suggestion.active{background:var(--yellow-light)}.photo-area{background:var(--ink);border-radius:var(--radius);overflow:hidden;border:var(--border);box-shadow:var(--shadow);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative}.photo-area video,.photo-area canvas,.photo-area img{width:100%;height:100%;object-fit:cover}.photo-area .photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff80;font-size:14px}.photo-area .photo-placeholder span{font-size:48px}.item-detail{max-width:600px;margin:0 auto}.item-detail-img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg);border-bottom:var(--border);font-size:80px;display:flex;align-items:center;justify-content:center}.item-detail-body{padding:16px}.item-detail-title{font-size:24px;font-weight:900;margin-bottom:8px}.item-detail-desc{font-size:15px;color:var(--muted);line-height:1.5;margin-bottom:12px}.item-detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chat-msg{display:flex;align-items:flex-end;gap:6px;max-width:88%;align-self:flex-start}.chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{font-size:20px;line-height:1;flex-shrink:0}.chat-bubble{padding:8px 12px;border-radius:12px;border:1.5px solid var(--ink);font-size:14px;line-height:1.4;background:var(--surface);box-shadow:var(--shadow-sm);word-break:break-word}.chat-msg.mine .chat-bubble{background:var(--mint-light)}.chat-msg-meta{font-size:11px;color:var(--muted);margin-top:3px}.chat-input-row{display:flex;gap:8px;padding:10px 16px;border-top:1.5px solid rgba(0,0,0,.08)}.chat-input{flex:1;padding:10px 14px;border:var(--border);border-radius:20px;font-size:14px;font-family:inherit;outline:none;background:var(--surface);box-shadow:var(--shadow-sm)}.chat-input:focus{border-color:var(--pink)}.thread-list{display:flex;flex-direction:column}.thread-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1.5px solid rgba(0,0,0,.08);cursor:pointer}.thread-row:hover{background:var(--bg)}.thread-row.unread .thread-title{font-weight:900}.thread-thumb{--bubble-mask: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22%2F%3E%3C%2Fsvg%3E) no-repeat center / 100% 100%;width:50px;height:50px;border:none;border-radius:0;object-fit:cover;flex-shrink:0;cursor:pointer;-webkit-mask:var(--bubble-mask);mask:var(--bubble-mask);filter:drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink))}.thread-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg)}.thread-main{flex:1;min-width:0}.thread-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.thread-title{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-time{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}.thread-sub{display:flex;gap:6px;align-items:baseline;font-size:13px;color:var(--muted);margin-top:2px}.thread-who{white-space:nowrap;font-weight:700}.thread-last{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-unread-dot{width:9px;height:9px;border-radius:50%;background:var(--pink);border:1.5px solid var(--ink);flex-shrink:0}.thread-view{display:flex;flex-direction:column}.thread-view-header{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:var(--border);background:var(--surface)}.thread-view-title{display:flex;flex-direction:column;min-width:0;flex:1}.thread-view-actions{display:flex;gap:4px;flex-shrink:0}.thread-view-actions .btn-icon{padding:4px 8px}.thread-view-title .thread-title{font-size:15px}.thread-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column}.thread-empty-hint,.thread-gone{color:var(--muted);font-size:13px;text-align:center;padding:24px 16px}.nav-badge{position:absolute;top:2px;right:calc(50% - 18px);background:var(--pink);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;line-height:14px;padding:0 3px;border-radius:8px;border:1.5px solid var(--ink);text-align:center;box-sizing:border-box}.settings-section{padding:16px;border-bottom:1.5px solid rgba(0,0,0,.08)}.settings-section-title{font-size:12px;font-weight:800;text-transform:lowercase;letter-spacing:1px;color:var(--muted);margin-bottom:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.settings-label{font-size:15px;font-weight:600}.relay-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.relay-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg);border:1.5px solid var(--ink);border-radius:8px;font-size:13px;font-family:monospace}.pubkey-display{font-family:monospace;font-size:12px;padding:8px 12px;background:var(--bg);border:1.5px dashed var(--muted);border-radius:8px;word-break:break-all;color:var(--muted)}.settings-divider{border-top:1.5px dashed rgba(0,0,0,.1);margin:12px 0}.settings-danger-zone{background:var(--pink-light);border:2px solid var(--pink);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:16px;padding:16px}.settings-danger-zone .settings-section-title{color:var(--pink);margin-bottom:16px}.settings-sub-section{display:flex;flex-direction:column;gap:8px}.settings-section-title-sub{font-size:13px;font-weight:700;text-transform:lowercase;color:var(--ink);margin-bottom:4px}.settings-btn-group{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.settings-text-muted{font-size:12px;color:var(--muted);line-height:1.4}.settings-text-mint{font-size:12px;color:var(--mint);font-weight:700}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;gap:16px;transition:opacity .4s}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-logo{font-size:48px;font-weight:900;color:var(--pink);letter-spacing:-2px}.loading-dots{display:flex;gap:6px}.loading-dot{width:8px;height:8px;background:var(--pink);border-radius:50%;animation:bounce 1.2s infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.btn-icon{height:38px;min-width:38px;padding:0 10px;border:var(--border);border-radius:20px;background:var(--surface);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-muted{background:var(--bg);color:var(--muted)}.agent-name-input{height:36px;padding:0 10px;border:var(--border);border-radius:8px;background:var(--surface);font-weight:700;font-size:14px;width:100%}.agent-saved-hint{font-size:12px;font-weight:700;color:var(--muted);text-align:center;padding:4px 0}.agent-card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.agent-summary{font-size:12px;color:var(--muted)}.agent-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.agent-card-row{flex-direction:row;align-items:center;gap:10px;cursor:pointer;transition:transform .1s,box-shadow .1s}.agent-card-row:hover{transform:translateY(-1px)}.agent-card-row:active{transform:translate(1px,1px);box-shadow:var(--shadow-sm)}.agent-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.agent-card-name{font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-card-chevron{font-size:22px;font-weight:900;color:var(--muted);line-height:1;padding:0 2px}.agent-detail{display:flex;flex-direction:column}.agent-detail-head{padding:10px 12px 12px;border-bottom:var(--border);background:var(--surface);display:flex;flex-direction:column;gap:10px}.agent-detail-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.agent-field{display:flex;flex-direction:column;gap:4px}.agent-field-label{font-size:12px;font-weight:800;color:var(--muted);text-transform:lowercase}.agent-detail-matches{padding-bottom:8px}.back-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;padding:8px 14px;border:var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;margin:8px 16px}.back-btn:hover{background:var(--yellow-light)}select.form-select{padding:8px 12px;border:var(--border);border-radius:8px;background:var(--surface);font-size:14px;font-family:inherit;outline:none;cursor:pointer;box-shadow:var(--shadow-sm)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:2px;opacity:.3}.map-marker{width:28px;height:28px;background:var(--pink);border:2px solid var(--ink);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:var(--shadow-sm);cursor:pointer}.map-marker:hover{transform:rotate(-45deg) scale(1.2);transition:transform .15s}.map-marker.taken{background:var(--muted);opacity:.6}.map-marker.mine{background:var(--yellow)}.leaflet-custom-marker,.picker-pin-wrap{background:none!important;border:none!important}.picker-pin{font-size:26px;line-height:28px;text-align:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.divider{height:1.5px;background:#00000014;margin:4px 0}.text-muted{color:var(--muted)}@media (min-width: 768px){#app{max-width:none!important;width:100vw!important;height:100vh!important;display:grid!important;grid-template-rows:50px 1fr!important;grid-template-columns:400px 1fr!important;grid-template-areas:"topbar topbar" "sidebar map"!important;margin:0!important;overflow:hidden!important}.topbar{grid-area:topbar!important;width:100%!important}#global-map-container{grid-area:map!important;display:block!important;position:relative!important;height:100%!important;width:100%!important;top:0!important}#main-layout{grid-area:sidebar!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;border-right:var(--border)!important;display:flex!important;flex-direction:column!important;position:relative!important;z-index:100!important;background:var(--bg)!important}.desktop-sidebar-header{display:flex!important;align-items:center!important;padding:10px 12px!important;border-bottom:var(--border)!important;background:var(--surface)!important;box-sizing:border-box!important;flex-shrink:0!important}.desktop-sidebar-header .btn-give-away{flex:1!important;min-height:38px!important}.navbar{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:none!important;display:flex!important;justify-content:center!important;gap:32px!important;height:var(--nav-h)!important;padding:0!important;background:var(--surface)!important;border-top:var(--border)!important;z-index:var(--z-nav)!important}.navbar .nav-link{flex:none!important}.desktop-sidebar-only{display:block!important}#router-outlet{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important}.page-content{flex:1!important;min-height:0!important;height:auto!important;overflow-y:auto!important;padding-bottom:24px!important}.page-content.thread-open{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-bottom:0!important}.thread-open .thread-view,.thread-open .thread-messages{flex:1!important;min-height:0!important}.thread-open .chat-input-row{flex-shrink:0!important}.mobile-only{display:none!important}.desktop-sidebar-only .page-content{height:auto!important;overflow:visible!important;padding:0!important}#app.route-home .page-content.full-height,#app.route-map .page-content.full-height{overflow-y:auto!important}.nav-link-map{display:none!important}}.map-searchbox{position:absolute;top:12px;left:12px;z-index:var(--z-overlay);display:flex;gap:6px;background:var(--surface);border:var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius);padding:6px;width:280px;max-width:calc(100% - 120px)}.map-search-results{position:absolute;top:58px;left:12px;z-index:var(--z-overlay);width:280px;max-width:calc(100% - 120px);background:var(--surface);border:var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius);max-height:280px;overflow-y:auto}.map-search-result{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 11px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.08)}.map-search-result:last-child{border-bottom:none}.map-search-result:hover{background:var(--bg)}.msr-text{display:flex;flex-direction:column;gap:1px;min-width:0}.msr-name{font-weight:700}.msr-label{font-size:12px;color:var(--muted)}.msr-dist{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap;margin-left:8px}.map-search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;font-family:inherit;padding:4px 6px;color:var(--ink)}.map-search-btn{padding:4px 12px!important;font-size:13px!important;min-height:auto!important}.desktop-sidebar-header{display:none}.btn-give-away{padding:6px 12px!important;font-size:13px!important;min-height:auto!important}.map-controls-right{position:absolute;top:12px;right:12px;z-index:var(--z-overlay);display:flex;flex-direction:column;gap:8px}.map-control-btn{width:36px;height:36px;border-radius:50%;background:var(--surface);border:var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer;color:var(--ink);padding:0;transition:transform .1s,box-shadow .1s}.map-control-btn:active{transform:translate(2px,2px);box-shadow:none}.map-control-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:16px}.modal-content{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.modal-title{font-size:18px;font-weight:900;text-transform:lowercase}.modal-body{font-size:14px;line-height:1.5;color:var(--ink);display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.spinner{width:20px;height:20px;border:3px solid var(--ink);border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.notif-bell-wrap{position:relative;height:100%;flex-shrink:0}.notif-bell{height:100%;border:none;border-left:var(--border);background:var(--surface);padding:0 14px;font-size:18px;cursor:pointer;position:relative;display:flex;align-items:center}.notif-bell:hover{background:var(--yellow-light)}.notif-badge{position:absolute;top:5px;right:5px;background:var(--pink);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;line-height:14px;padding:0 3px;border-radius:8px;border:1.5px solid var(--ink);text-align:center;box-sizing:border-box}.notif-panel{position:fixed;top:54px;right:8px;width:min(340px,calc(100vw - 16px));max-height:70vh;overflow-y:auto;background:var(--bg);border:var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:200}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1.5px solid var(--ink);position:sticky;top:0;background:var(--bg)}.notif-panel-title{font-weight:800;font-size:14px;text-transform:lowercase}.notif-clear{border:none;background:none;color:var(--pink);font-weight:700;font-size:12px;cursor:pointer}.notif-list{display:flex;flex-direction:column}.notif-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer}.notif-row:last-child{border-bottom:none}.notif-row:hover{background:var(--yellow-light)}.notif-icon{font-size:18px;flex-shrink:0}.notif-body{flex:1;font-size:13px;font-weight:600;line-height:1.35;color:var(--ink)}.notif-time{font-size:11px;color:var(--muted);font-weight:700;flex-shrink:0}.notif-empty{padding:24px 12px;text-align:center;color:var(--muted);font-size:13px}.onboarding-intro{font-size:14px;font-weight:600;line-height:1.5;margin:4px 0 14px}.onboarding-step{font-size:14px;line-height:1.5;background:var(--surface);border:1.5px solid var(--ink);border-radius:10px;box-shadow:var(--shadow-sm);padding:12px 14px;margin:0 0 10px}.onboarding .btn-primary{margin-top:6px}.onboarding-install{margin:14px 0 4px;padding:14px;background:var(--yellow-light);border:1.5px solid var(--ink);border-radius:10px;box-shadow:var(--shadow-sm)}.onboarding-install-title{font-size:14px;font-weight:900;margin-bottom:10px}.logo-wolf{height:30px;width:auto;margin-left:6px;border-radius:6px;vertical-align:middle}.loading-wolf{height:40px;width:auto;border-radius:8px;vertical-align:middle}