@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0,0&display=swap');
:root{font-family:Inter,system-ui,sans-serif;color:#082541;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.material-symbols-outlined,.icon-only,.manage-icon{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.filled{font-variation-settings:'FILL' 1}.rounded{font-variation-settings:'ROND' 100}.sharp{font-variation-settings:'GRAD' 200}
.public-map{height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 0,#fff,#f1f5f9 70%)}.public-svg{width:100%;height:100%;touch-action:none;user-select:none;cursor:grab}.public-svg:active{cursor:grabbing}.manage-icon,.icon-only,.visitor-controls button{display:grid;place-items:center;border:1px solid #d6e3ee;border-radius:10px;background:#fff;color:#206cb5;text-decoration:none}.manage-icon{position:fixed;z-index:3;top:20px;right:20px;width:42px;height:42px;box-shadow:0 6px 18px #08254112}.visitor-controls{position:fixed;z-index:3;top:20px;right:72px;display:flex;gap:6px}.visitor-controls button{width:38px;height:42px;font-size:20px}
.edge{fill:none;stroke-width:3;stroke-linecap:round;pointer-events:stroke}.edge.shipped{stroke:#206cb5}.edge.in-development{stroke:#206cb5;stroke-dasharray:10 8}.edge.planned{stroke:#718ca5}.edge.exploring{stroke:#a6b7c7;stroke-dasharray:3 7}.edge.pruned{stroke:#718ca5;stroke-dasharray:8 10;opacity:.35}.edge.preview{stroke:#206cb5;stroke-dasharray:5 6;opacity:.75}.edge.is-selected{stroke-width:7;filter:drop-shadow(0 0 3px #206cb580)}.road-node{cursor:pointer;outline:none;user-select:none}.node-halo{fill:#fff;opacity:.92}.node-ring{fill:#fff;stroke-width:3}.road-node.shipped .node-ring{stroke:#206cb5}.road-node.in-development .node-ring{stroke:#206cb5;stroke-dasharray:7 4}.road-node.planned .node-ring{stroke:#718ca5}.road-node.exploring .node-ring{stroke:#a6b7c7;stroke-dasharray:2 4}.road-node.pruned{opacity:.42}.road-node.pruned .node-ring{stroke:#718ca5;stroke-dasharray:7 6}.road-node.is-selected .node-halo{fill:#dceeff}.node-icon{fill:#082541;text-anchor:middle;font-size:23px;pointer-events:none}.node-title{fill:#082541;text-anchor:middle;font-size:13px;font-weight:700;pointer-events:none}.node-status{fill:#718ca5;text-anchor:middle;font-size:10px;pointer-events:none}.connection-handle{fill:#206cb5;stroke:#fff;stroke-width:3;opacity:0;transition:opacity .15s;cursor:crosshair}.road-node:hover .connection-handle,.road-node.is-selected .connection-handle{opacity:1}
.modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#08254130}.detail-card{position:relative;width:min(510px,100%);padding:30px;border-radius:18px;background:#fff;box-shadow:0 20px 70px #08254130}.detail-card h2{margin:7px 0 14px;font-size:24px}.description{margin:0;color:#39556e;line-height:1.6}.close{position:absolute;top:8px;right:14px;border:0;background:none;color:#718ca5;font-size:28px}.eyebrow{margin:0;color:#718ca5;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.eyebrow.shipped,.eyebrow.in-development{color:#206cb5}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f1f5f9}.auth-card{width:min(420px,100%);padding:30px;border:1px solid #d9e5f0;border-radius:18px;background:#fff;box-shadow:0 12px 35px #08254112}.auth-card h1{margin:8px 0}.auth-card form,.auth-card label{display:grid;gap:7px;margin-top:14px;color:#39556e;font-size:13px;font-weight:700}.auth-card input,.node-form input,.node-form textarea,.node-form select{width:100%;padding:10px;border:1px solid #cad9e6;border-radius:9px;color:#082541}.auth-card button,.node-form button[type=submit]{margin-top:8px;padding:11px;border:0;border-radius:9px;background:#206cb5;color:#fff;font-weight:700}.back-link{position:fixed;z-index:20;top:20px;left:22px;color:#206cb5;font-size:13px;font-weight:700;text-decoration:none}
.admin-page{min-height:100vh;background:#f1f5f9;user-select:none}.admin-top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 145px;border-bottom:1px solid #d9e5f0;background:#fff}.admin-top>div{display:flex;align-items:center;gap:12px}.admin-top small{color:#718ca5}.top-actions{display:flex;align-items:center;gap:8px}.published{color:#39556e;font-size:13px;font-weight:700}.icon-only{width:36px;height:36px;font-size:19px}.text-button{border:0;background:none;color:#718ca5}.editor-full{height:calc(100vh - 70px);padding:14px}#editor-stage{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #cbdde9;border-radius:18px;background-color:#fff;background-image:linear-gradient(#e9f1f8 1px,transparent 1px),linear-gradient(90deg,#e9f1f8 1px,transparent 1px);background-size:20px 20px}#editor-svg{width:100%;height:100%;touch-action:none;cursor:grab}#editor-svg:active{cursor:grabbing}#editor-svg .road-node{cursor:move}.editor-controls{position:absolute;z-index:3;top:14px;left:14px;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #d6e3ee;border-radius:12px;background:#fffffff0;box-shadow:0 4px 14px #08254110}.editor-controls button{border:1px solid #c9d9e6;border-radius:7px;background:#fff;color:#39556e;padding:7px 9px}.editor-controls .add-circle{display:grid;place-items:center;padding:5px;color:#206cb5;font-size:24px}.editor-controls span{padding-right:6px;color:#718ca5;font-size:12px}#node-popover{position:absolute;z-index:5;width:330px;max-width:calc(100% - 24px);max-height:calc(100% - 24px)}.node-actions,.node-form{padding:14px;border:1px solid #c9d9e6;border-radius:12px;background:#fff;box-shadow:0 12px 32px #08254122;user-select:text}.node-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.node-actions button,.ghost{margin-left:5px;padding:7px 8px;border:1px solid #c9d9e6;border-radius:7px;background:#fff;color:#39556e;font-size:12px}.node-actions .danger{color:#b42318;border-color:#f1c0ba}.node-form{max-height:calc(100% - 24px);overflow:auto}.node-form h3{margin:0 0 10px;font-size:15px}.node-form label{display:grid;gap:5px;margin-top:9px;color:#39556e;font-size:12px;font-weight:700}.node-form small{color:#718ca5;font-weight:500}.node-form textarea{min-height:70px;resize:vertical}.popover-actions{display:flex;gap:6px;margin-top:10px}.popover-actions .ghost{margin:8px 0 0;background:#f1f5f9}.icon-picker{position:relative;display:block}.icon-select{width:100%;display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:8px;padding:9px 10px;border:1px solid #cad9e6;border-radius:9px;background:#fff;color:#082541;text-align:left}.icon-select:hover{border-color:#9fb8cc}.icon-select-preview{display:grid;place-items:center;font-size:23px;color:#082541}.icon-select-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.icon-select-chevron{justify-self:end;color:#718ca5;font-size:20px}.icon-picker-popup{position:absolute;z-index:20;left:0;top:calc(100% + 7px);width:min(410px,calc(100vw - 40px));padding:10px;border:1px solid #c9d9e6;border-radius:12px;background:#fff;box-shadow:0 16px 40px #08254126}.icon-picker-popup[hidden]{display:none}.icon-picker-search{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:7px;padding:8px 9px;border:1px solid #cad9e6;border-radius:8px;background:#f8fafc}.icon-picker-search span{font-size:19px;color:#718ca5}.icon-picker-search input{width:100%;padding:0;border:0;outline:0;background:transparent;color:#082541}.icon-picker-meta{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 7px;color:#718ca5;font-size:10px}.icon-picker-close{padding:4px 8px;border:0;border-radius:6px;background:#f1f5f9;color:#39556e;font-size:11px;font-weight:700}.icon-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-height:260px;overflow:auto;padding-right:2px}.icon-grid button{display:grid;place-items:center;height:40px;padding:0;border:1px solid #e1eaf1;border-radius:7px;background:#fff;color:#082541;font-size:21px}.icon-grid button:hover,.icon-grid button.active{border-color:#206cb5;background:#e6f0fa;color:#206cb5}.add-preview{pointer-events:none;opacity:.8}.add-preview-halo{fill:#fff;stroke:#206cb5;stroke-width:2;stroke-dasharray:5 5;opacity:.75}.add-preview-ring{fill:#fff;stroke:#206cb5;stroke-width:3;opacity:.9}.add-preview-icon{fill:#206cb5;text-anchor:middle;font-size:23px;pointer-events:none}.editor-toast{position:absolute;z-index:8;left:50%;bottom:20px;transform:translate(-50%,12px);padding:10px 14px;border:1px solid #c9d9e6;border-radius:9px;background:#082541;color:#fff;box-shadow:0 8px 24px #08254126;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.editor-toast.is-visible{opacity:1;transform:translate(-50%,0)}.editor-toast.is-error{background:#b42318}.icon-only.is-saved{border-color:#206cb5;background:#e6f0fa;color:#206cb5}@media(max-width:720px){.editor-controls span,.back-link span,.admin-top small{display:none}.admin-top{padding-left:70px}.editor-controls{gap:4px}#node-popover{width:260px}.top-actions .text-button{display:none}}