:root{--bg: #0e1a22;--bg-glow: #122028;--surface: #152832;--surface2: #1a2f3a;--border: #3d5a66;--text: #e8eef1;--muted: #8aa0ab;--accent: #2bb3a0;--accent2: #5ec8e8;--ok: #3d9b6e;--warn: #e0b84a;--danger: #e07060;--home: #e6c35c;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(43,179,160,.18),transparent 55%),radial-gradient(ellipse 60% 40% at 90% 10%,rgba(94,200,232,.12),transparent 50%),linear-gradient(165deg,var(--bg) 0%,var(--bg-glow) 45%,#0a141a 100%);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent2)}.app-shell{min-height:100%;display:flex;flex-direction:column}.login-page{min-height:100%;display:grid;place-items:center;padding:2rem}.login-card{width:min(420px,100%);padding:2.5rem 2rem;background:linear-gradient(160deg,#1a2f3af2,#122028fa);border:1px solid var(--border);border-radius:4px;box-shadow:0 24px 60px #00000059}.login-card h1{font-family:var(--font-display);font-size:2rem;font-weight:700;margin:0 0 .35rem;letter-spacing:-.02em}.login-card .sub{color:var(--muted);margin:0 0 1.75rem;font-size:.95rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.field input,.field select{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.65rem .75rem}.field input:focus,.field select:focus{outline:2px solid rgba(43,179,160,.45);border-color:var(--accent)}.btn{border:1px solid var(--border);background:var(--surface2);border-radius:3px;padding:.55rem .9rem;transition:border-color .15s,background .15s,transform .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#2fbfab,#249988);border-color:#1f8a7c;color:#041510;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-danger{border-color:#8a4038;color:var(--danger)}.error{color:var(--danger);font-size:.9rem;margin:.5rem 0 0}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:#122028d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.brand{font-family:var(--font-display);font-size:1.35rem;font-weight:700;margin:0;letter-spacing:-.02em}.meta{color:var(--muted);font-size:.9rem}.header-actions{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.presence{display:flex;gap:.3rem;margin-right:.5rem}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#0a141a;border:2px solid rgba(255,255,255,.25);title:""}.tabs{display:flex;gap:.25rem;padding:.5rem 1.25rem 0;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:.65rem 1rem;border-radius:0}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.main{flex:1;padding:1rem 1.25rem 2rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.panel{background:#152832b8;border:1px solid var(--border);border-radius:4px;padding:1rem}.panel h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.options-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}.check{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .5rem;border:1px solid transparent;border-radius:3px}.check.locked{border-color:var(--lock-color, var(--danger));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lock-color, var(--danger)) 40%,transparent)}.locked-hint{font-size:.75rem;color:var(--lock-color, var(--danger));margin-left:.25rem}.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:3px;background:#e0b84a33;color:var(--warn);border:1px solid rgba(224,184,74,.35)}.badge.ok{background:#3d9b6e33;color:var(--ok);border-color:#3d9b6e59}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:960px){.grid-2{grid-template-columns:1fr}}.mat-list{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:.25rem}.mat-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border:1px solid transparent;border-radius:3px}.mat-row.locked{border-color:var(--lock-color, var(--danger))}.mat-row:hover{background:#ffffff08}.search{width:100%;margin-bottom:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:.55rem .75rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid rgba(61,90,102,.55)}.table th{color:var(--muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.map-wrap{height:min(70vh,720px);border:1px solid var(--border);border-radius:4px;overflow:hidden}.map-wrap .leaflet-container{height:100%;width:100%;background:#1a2a3a}.admin-table .swatch{width:14px;height:14px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:.4rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.muted{color:var(--muted)}.warn-text{color:var(--warn)}.island-picker{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:1rem}.dialog{width:min(560px,100%);max-height:85vh;overflow:auto;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1.25rem}.dialog h3{margin:0 0 1rem;font-family:var(--font-display)}.app-shell.map-first{height:100%;overflow:hidden}.app-shell.map-first .app-header{flex-shrink:0}.planner-stage{position:relative;flex:1;min-height:0;overflow:hidden}.map-stage{position:absolute;top:0;right:0;bottom:0;left:0}.map-stage .leaflet-container{height:100%;width:100%;background:#1a2a3a}.leaflet-grid-header{color:#fff;font:bold 13px/1.1 var(--font-body);text-shadow:0 0 4px #000,0 0 8px #000;white-space:nowrap;pointer-events:none}.route-marker-label{color:#fff;font:bold 11px/20px var(--font-body);text-align:center;text-shadow:0 0 3px #000;width:20px;height:20px;border-radius:50%;background:#e07a45;border:1px solid rgba(255,255,255,.45)}.route-marker-label.home{background:#e6c35c;color:#1a1200}.island-pin{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a4550,#0b1016 70%);border:1.5px solid #d2dde4;box-shadow:0 0 0 1px #000000bf,0 1px 3px #000000a6}.island-pin.home{background:radial-gradient(circle at 35% 30%,#f0d878,#8a6a12 75%);border-color:#fff4c2;box-shadow:0 0 0 2px #e6c35c8c,0 1px 4px #000000b3;width:14px;height:14px}.island-pin.ps{background:radial-gradient(circle at 35% 30%,#c06050,#3a1210 75%);border-color:#f0a090;box-shadow:0 0 0 2px #e0706073,0 1px 4px #000000b3}.island-pin.sel{background:radial-gradient(circle at 35% 30%,#7ad4e8,#1a4a58 75%);border-color:#e8f7fb;box-shadow:0 0 0 2px #5ec8e8a6,0 0 10px #5ec8e873;width:14px;height:14px}.rank-map-pin{min-width:26px;height:20px;padding:0 4px;border-radius:4px 4px 4px 0;background:#1a3a44;border:1px solid #5ec8e8;color:#e8f7fb;font:bold 11px/18px var(--font-body);text-align:center;box-shadow:0 1px 4px #000000a6}.presence-map-pin{width:22px;height:22px;border-radius:50%;background:var(--pc, #5ec8e8);border:2px solid rgba(255,255,255,.85);color:#0b1016;font:bold 9px/18px var(--font-body);text-align:center;box-shadow:0 1px 4px #000000b3}.wind-arrow{color:#e3f2fd;font-size:16px;text-shadow:0 0 4px #000;pointer-events:none}.overlay-panel{position:absolute;top:12px;bottom:12px;width:260px;z-index:500;display:flex;flex-direction:column;background:#0e1a22e0;border:1px solid var(--border);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px #00000059;overflow:hidden}.overlay-panel.left{left:12px;width:260px}.overlay-panel.right{right:12px;width:300px}.overlay-rail{position:absolute;top:12px;z-index:500}.overlay-rail.left{left:12px}.overlay-rail.right{right:12px}.rail-toggle{width:40px;height:40px;border:1px solid var(--border);background:#0e1a22e0;border-radius:6px;color:var(--text)}.overlay-head{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-bottom:1px solid var(--border)}.overlay-head strong{flex:1}.overlay-tabs{display:flex;border-bottom:1px solid var(--border)}.overlay-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:.45rem;font-size:.82rem}.overlay-tab.active{color:var(--text);border-bottom-color:var(--accent)}.overlay-body{flex:1;overflow:auto;padding:.75rem}.options-stack{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0}.chip-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.chip{border:1px solid var(--border);background:var(--surface2);border-radius:999px;padding:.25rem .55rem;font-size:.8rem}.chip:hover{border-color:var(--danger);color:var(--danger)}.mat-list.compact{max-height:220px}.list-btn{width:100%;text-align:left;margin-bottom:.25rem}.rank-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.rank-row{border:1px solid rgba(61,90,102,.5);border-radius:4px;padding:.35rem}.rank-main{width:100%;display:flex;gap:.4rem;align-items:center;background:transparent;border:none;color:inherit;text-align:left;padding:.2rem}.rank-n{font-weight:700;color:var(--accent2);min-width:1.6rem}.rank-detail{font-size:.72rem;color:var(--muted);padding:0 .2rem .15rem 2rem}.rank-meta{display:flex;gap:.75rem;font-size:.72rem;color:var(--muted);padding:0 .2rem .1rem 2rem}.rank-weight-list{display:flex;flex-direction:column;gap:.35rem;margin:.35rem 0}.rank-weight-row{display:flex;flex-direction:column;gap:.2rem}.rank-weight-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted)}.rank-weight-label input[type=range]{flex:1}.min-nodes-list{display:flex;flex-direction:column;gap:.55rem;margin:.4rem 0 .75rem;max-height:280px;overflow:auto}.min-nodes-row{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem}.min-nodes-row>span.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text, inherit);font-weight:600}.min-nodes-controls{display:grid;grid-template-columns:1fr 3.2rem auto;gap:.35rem;align-items:center}.min-nodes-num{width:3.2rem;padding:.15rem .25rem;background:#00000040;border:1px solid rgba(61,90,102,.6);color:inherit;border-radius:3px}.mat-kind-tabs{display:flex;gap:.25rem;margin:.35rem 0 .5rem}.mat-kind-tabs button.active{border-color:var(--accent2);color:var(--accent2)}.avatar.focusing{box-shadow:0 0 0 2px #5ec8e8cc}.stop-list{display:flex;flex-direction:column;gap:.4rem}.stop-row{text-align:left;background:#ffffff08;border:1px solid transparent;border-radius:4px;padding:.45rem .5rem;color:inherit}.stop-row:hover{border-color:var(--border)}.stop-top{display:flex;gap:.4rem;align-items:center}.stop-label{flex:1;font-size:.88rem}.stop-meta{font-size:.75rem;color:var(--muted);margin-top:.15rem}.stop-note{font-size:.72rem;color:var(--accent2);margin-top:.15rem}.badge.muted-badge{background:#8aa0ab26;color:var(--muted);border-color:#8aa0ab4d}.map-search-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:510;width:min(420px,calc(100% - 560px));min-width:200px;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.map-search-bar .search{margin:0;flex:1;min-width:140px;background:#0e1a22e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend-check{background:#0e1a22d9;border-radius:4px;padding:.25rem .45rem;font-size:.78rem}.map-legend{display:flex;gap:.45rem;font-size:.68rem;color:var(--muted)}.map-legend .leg:before{content:"";display:inline-block;width:14px;height:3px;margin-right:4px;vertical-align:middle;border-radius:2px}.map-legend .leg.wind:before{background:#81d4fa}.map-legend .leg.route-wind:before{background:#5ec8e8}.map-legend .leg.route-direct:before{background:#e07a45}.map-legend .leg.rank:before{background:#5ec8e8}.search-drop{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#0e1a22f2;border:1px solid var(--border);border-radius:4px;max-height:220px;overflow:auto;padding:.35rem}.island-drawer{position:absolute;right:320px;top:12px;bottom:12px;width:min(360px,calc(100% - 600px));min-width:280px;z-index:520;display:flex;flex-direction:column;background:#0e1a22f0;border:1px solid var(--border);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #0006;overflow:hidden}.banner-err{margin:0;padding:.4rem 1.25rem;background:#e0706026}.admin-main{overflow:auto}@media(max-width:1100px){.overlay-panel.left,.overlay-panel.right{width:min(100% - 24px,320px);max-height:42vh;bottom:auto}.overlay-panel.right{top:auto;bottom:12px}.island-drawer{right:12px;left:12px;width:auto;top:auto;bottom:12px;max-height:45vh}.map-search-bar{width:calc(100% - 24px)}}