:root{--bg:#07111d;--panel:#0d1a29;--panel2:#122235;--line:#22364d;--text:#f4f8fc;--muted:#91a4b9;--blue:#4ea1ff;--cyan:#62dcff;--green:#42d392;--yellow:#ffd166;--orange:#ff944d;--red:#ff526b;--shadow:0 24px 70px #0006}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,#123052 0,transparent 28%),linear-gradient(180deg,#07111d,#081521 45%,#07111d);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.ambient{position:fixed;filter:blur(90px);opacity:.14;pointer-events:none;border-radius:50%}.ambient.one{width:340px;height:340px;background:#228dff;right:-120px;top:220px}.ambient.two{width:280px;height:280px;background:#21d4a7;left:-160px;top:650px}.app-shell{width:min(1240px,calc(100% - 32px));margin:auto;padding:22px 0 70px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 30px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.brand strong{display:block;font-size:20px;letter-spacing:-.5px}.brand small{display:block;color:var(--cyan);font-size:9px;letter-spacing:2px;font-weight:800}.logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#1888ff,#55d9ff);box-shadow:0 8px 30px #1688ff44;transform:rotate(-6deg)}.logo span{font-size:13px;font-weight:900;transform:rotate(6deg)}button,input,select{font:inherit}.top-actions,.action-row{display:flex;gap:9px}.ghost-btn,.icon-btn,.secondary,.text-btn,.circle-btn{border:1px solid var(--line);background:#0c1928;color:var(--text);cursor:pointer}.ghost-btn,.icon-btn,.secondary{border-radius:11px;padding:10px 14px;font-size:13px}.hero-grid{display:grid;grid-template-columns:1fr 510px;gap:70px;align-items:center;padding:42px 10px 78px}.hero-copy{max-width:620px}.badge,.eyebrow{display:inline-block;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:2px}.badge{border:1px solid #2b8cd466;background:#198de515;border-radius:30px;padding:9px 13px}.hero-copy h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-4px;margin:22px 0}.hero-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#58ddff,#4d9cff);background-clip:text}.hero-copy>p{color:#a8b8ca;font-size:18px;line-height:1.65;max-width:590px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;color:#c7d4e1;font-size:13px;margin-top:26px}.hero-points span::first-letter{color:var(--cyan)}.planner-card,.panel,.map-card,.score-card,.metric-card{background:linear-gradient(145deg,#0f1d2d,#0b1725);border:1px solid #20344b;box-shadow:var(--shadow)}.planner-card{padding:25px;border-radius:24px}.planner-title,.panel-head,.dashboard-head,.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.planner-title small,.planner-card label>small,.route-field small,.dialog-head small{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:800}.planner-title h2{margin:4px 0 16px;font-size:21px}.circle-btn{width:38px;height:38px;border-radius:50%}.route-field{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;background:#081522;border:1px solid #20354b;border-radius:14px;padding:11px 13px}.route-field>div{min-width:0}.route-field input{width:100%;border:0;background:transparent;color:white;outline:0;padding:3px 0;font-size:15px}.route-field input::placeholder{color:#5f7489}.route-dot{width:10px;height:10px;border-radius:50%;display:block;box-shadow:0 0 0 4px #ffffff0b}.route-dot.start{background:var(--green)}.route-dot.end{background:var(--red)}.route-connector{height:12px;width:1px;background:#31506e;margin-left:17px}.field-action{background:none;border:0;color:var(--cyan);font-size:22px;cursor:pointer}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.option-grid label{background:#0a1725;border:1px solid #1b3046;padding:10px 12px;border-radius:12px}.option-grid input,.option-grid select{display:block;width:100%;border:0;outline:0;background:transparent;color:#eaf4ff;margin-top:4px;font-size:13px;color-scheme:dark}.preferences{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.preferences label{cursor:pointer}.preferences input{display:none}.preferences span{display:block;border:1px solid #26394e;border-radius:20px;color:#91a5b9;padding:8px 11px;font-size:11px}.preferences input:checked+span{color:#dff9ff;background:#153652;border-color:#3c8fc7}.primary{width:100%;border:0;border-radius:13px;background:linear-gradient(90deg,#1688ff,#52c9ff);color:white;font-weight:800;padding:15px 18px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 12px 30px #138cff33}.status{min-height:18px;margin:10px 0 -4px;font-size:12px;color:var(--muted)}.status.error{color:#ff8c9d}.hidden{display:none!important}.results{animation:rise .5s ease}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.dashboard-head{margin:10px 2px 20px}.dashboard-head h2{margin:7px 0 4px;font-size:28px}.muted{margin:0;color:var(--muted)}.score-grid{display:grid;grid-template-columns:2.2fr repeat(4,1fr);gap:12px}.score-card{border-radius:19px;padding:18px;display:flex;gap:17px;align-items:center;position:relative;overflow:hidden}.score-card::after{content:"";position:absolute;inset:auto -40px -70px auto;width:150px;height:150px;background:currentColor;filter:blur(70px);opacity:.17}.score-card.good{color:var(--green)}.score-card.caution{color:var(--yellow)}.score-card.poor{color:var(--orange)}.score-card.avoid{color:var(--red)}.score-ring{flex:0 0 82px;width:82px;height:82px;border:7px solid currentColor;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 25px #0004}.score-ring strong{font-size:27px;line-height:1}.score-ring small{font-size:9px;color:#b7c8d7}.score-card span,.metric-card span{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#8195a9}.score-card h3{margin:5px 0;font-size:18px;color:white}.score-card p{margin:0;font-size:11px;color:#91a4b8;line-height:1.4}.metric-card{border-radius:19px;padding:18px;display:flex;flex-direction:column;justify-content:center}.metric-card strong{font-size:23px;margin:8px 0 4px}.metric-card small{color:var(--muted);font-size:10px}.alert-strip{margin:13px 0;display:flex;align-items:center;gap:13px;border:1px solid #29425b;background:#0c1b2a;border-radius:15px;padding:13px 16px}.alert-strip.has-alert{border-color:#8a5433;background:#261a16}.alert-icon{width:30px;height:30px;border-radius:9px;background:#ffb15a20;color:#ffaf59;display:grid;place-items:center;font-weight:900}.alert-strip strong,.alert-strip span{display:block}.alert-strip strong{font-size:12px}.alert-strip span{color:#9db0c3;font-size:11px;margin-top:3px}.map-card{border-radius:22px;overflow:hidden;margin-bottom:14px}.map-toolbar{padding:14px 17px}.map-toolbar strong,.map-toolbar span{display:block}.map-toolbar span{color:var(--muted);font-size:10px;margin-top:3px}.map-legend{display:flex;gap:12px}.map-legend span{display:flex;gap:5px;align-items:center;color:#9db0c2}.map-legend i{width:8px;height:8px;border-radius:50%}.map-legend i.low{background:var(--green)}.map-legend i.moderate{background:var(--yellow)}.map-legend i.high{background:var(--orange)}.map-legend i.extreme{background:var(--red)}#map{height:430px;background:#0a1420}.leaflet-tile-pane{filter:saturate(.65) brightness(.72) contrast(1.15)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0b1725;color:#fff}.weather-popup{display:grid;gap:5px}.weather-popup span{color:#a7bacb}.insight-grid,.bottom-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-bottom:14px}.panel{border-radius:20px;padding:19px}.panel-head{margin-bottom:15px}.panel-head h3{margin:5px 0 0;font-size:18px}.text-btn{border:0;background:transparent;color:var(--cyan);padding:6px;font-size:11px}.departure-windows{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.window-card{background:#0a1725;border:1px solid #1c3248;border-radius:13px;padding:12px;cursor:pointer}.window-card.best{border-color:#35b989;box-shadow:inset 0 0 25px #2ed19c10}.window-card span,.window-card small{display:block}.window-card span{font-size:10px;color:#92a7ba}.window-card strong{display:block;font-size:16px;margin:4px 0}.window-card small{color:#7f93a6;font-size:9px}.window-score{margin-top:8px;height:4px;border-radius:3px;background:#21374b;overflow:hidden}.window-score i{display:block;height:100%;background:linear-gradient(90deg,#ff6a60,#ffd166,#42d392)}.brief-list{display:grid;gap:8px}.brief-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;background:#0a1725;border:1px solid #1c3146;border-radius:12px;padding:9px}.brief-icon{width:31px;height:31px;border-radius:9px;background:#183450;display:grid;place-items:center;font-size:14px}.brief-item strong,.brief-item small{display:block}.brief-item strong{font-size:11px}.brief-item small{font-size:9px;color:var(--muted);margin-top:3px}.timeline-panel{margin-bottom:14px}.timeline-key{display:flex;gap:17px;color:var(--muted);font-size:9px}.timeline{display:grid;gap:9px}.stop-card{display:grid;grid-template-columns:75px 1fr 290px;gap:14px;align-items:center;background:#0a1725;border:1px solid #1c3146;border-radius:14px;padding:12px 14px;cursor:pointer;transition:.18s}.stop-card:hover{border-color:#3a668d;transform:translateY(-1px)}.stop-time strong,.stop-time small{display:block}.stop-time strong{font-size:14px}.stop-time small{font-size:9px;color:var(--muted);margin-top:3px}.stop-weather h4{margin:0 0 4px;font-size:13px}.stop-weather p{margin:0;color:#8fa4b8;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.risk-tag{display:inline-block;margin-top:6px;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700}.stop-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stop-stats span{text-align:center;color:#8195a8;font-size:8px}.stop-stats strong{display:block;color:white;font-size:13px;margin-bottom:2px}.trip-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trip-stat-row div{background:#0a1725;border:1px solid #1c3146;border-radius:12px;padding:13px}.trip-stat-row strong,.trip-stat-row span{display:block}.trip-stat-row strong{font-size:17px}.trip-stat-row span{font-size:9px;color:var(--muted);margin-top:3px}.stop-plan{margin-top:12px;display:grid;gap:7px}.plan-row{display:flex;justify-content:space-between;color:#9fb1c3;font-size:10px;padding:8px;border-bottom:1px solid #1b2c3e}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-item{display:flex;align-items:center;gap:8px;background:#0a1725;border:1px solid #1c3146;border-radius:11px;padding:10px;font-size:10px;cursor:pointer}.check-item input{accent-color:#43d1a0}.disclaimer{text-align:center;color:#6f8396;font-size:10px;max-width:860px;margin:26px auto;line-height:1.6}dialog{width:min(520px,calc(100% - 30px));border:1px solid #27415a;border-radius:20px;background:#0c1928;color:white;padding:20px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#020914bb;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h3{margin:3px 0 15px}.saved-list{display:grid;gap:9px}.saved-route{display:flex;justify-content:space-between;gap:10px;background:#091522;border:1px solid #1d3145;border-radius:12px;padding:12px}.saved-route strong,.saved-route small{display:block}.saved-route small{color:var(--muted);margin-top:4px}.saved-route button{background:transparent;border:0;color:#ff7e8e;cursor:pointer}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:30px;padding-top:20px}.hero-copy{max-width:800px}.planner-card{max-width:650px}.score-grid{grid-template-columns:repeat(4,1fr)}.score-card{grid-column:1/-1}.insight-grid,.bottom-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{width:min(100% - 20px,1240px)}.topbar{padding-bottom:14px}.ghost-btn{display:none}.hero-grid{padding:20px 0 45px}.hero-copy h1{font-size:47px;letter-spacing:-2.5px}.hero-copy>p{font-size:15px}.hero-points{gap:10px}.planner-card{padding:17px}.option-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr 1fr}.score-card{grid-column:1/-1}.metric-card{padding:14px}.dashboard-head{align-items:flex-start;flex-direction:column}.action-row{width:100%}.action-row button{flex:1}.map-toolbar{align-items:flex-start;flex-direction:column}.map-legend{width:100%;justify-content:space-between}#map{height:360px}.departure-windows{grid-template-columns:1fr 1fr}.stop-card{grid-template-columns:58px 1fr}.stop-stats{grid-column:1/-1}.timeline-key{display:none}.checklist{grid-template-columns:1fr}.top-actions{gap:5px}.icon-btn{padding:8px 10px}.hero-copy br{display:none}}

/* 2026 responsive rider suite */
.connection-badge{font-size:11px;font-weight:900;letter-spacing:.12em;color:#58e6a9;background:#58e6a912;border:1px solid #58e6a932;padding:8px 10px;border-radius:999px}.connection-badge.offline{color:#ffbf69;border-color:#ffbf6945;background:#ffbf6914}.tool-suite{margin:18px 0}.tool-count,.confidence-pill{font-size:11px;font-weight:900;letter-spacing:.1em;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tool-card{min-height:126px;text-align:left;padding:15px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));color:var(--text);cursor:pointer;transition:.2s transform,.2s border-color,.2s background}.tool-card:hover,.tool-card.active{transform:translateY(-2px);border-color:#39a8ff88;background:linear-gradient(145deg,#39a8ff18,#7a5cff10)}.tool-card b{display:block;color:#54baff;font-size:11px;letter-spacing:.12em;margin-bottom:16px}.tool-card span{display:block;font-weight:900;font-size:15px;margin-bottom:5px}.tool-card small{display:block;color:var(--muted);line-height:1.35}.tool-output{margin-top:12px;border-radius:17px;border:1px solid var(--line);background:#050d18aa;padding:16px 18px;min-height:76px}.tool-output strong{font-size:15px}.tool-output p{color:var(--muted);margin:5px 0 0;line-height:1.5}.tool-output .tool-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.tool-output .tool-metrics span{padding:11px;border-radius:13px;background:rgba(255,255,255,.04);color:var(--muted);font-size:12px}.tool-output .tool-metrics b{display:block;color:var(--text);font-size:16px;margin-top:3px}.map-controls{display:flex;gap:8px;margin-left:auto}.mini-btn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);border-radius:10px;padding:8px 11px;font-weight:800;cursor:pointer}.mini-btn.active{color:#8fd1ff;border-color:#39a8ff66;background:#39a8ff16}.accuracy-note{font-size:11px;color:var(--muted);margin-top:8px}.gear-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.gear-chips span{border:1px solid var(--line);padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);font-size:12px}.danger-copy{color:#ff8b9a!important}.good-copy{color:#62e5ad!important}
@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{padding-left:12px;padding-right:12px}.topbar{gap:8px}.top-actions{gap:6px}.connection-badge{display:none}.hero-copy h1{font-size:clamp(38px,12vw,60px)}.planner-card{padding:18px}.option-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr 1fr}.tool-card{min-height:112px;padding:13px}.tool-output .tool-metrics{grid-template-columns:1fr 1fr}.map-toolbar{align-items:flex-start;flex-wrap:wrap}.map-controls{order:2;width:100%;margin:4px 0 0}.map-controls .mini-btn{flex:1}.map-legend{display:none}.action-row{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.action-row button{width:100%}.dashboard-head{align-items:flex-start;flex-direction:column}.score-grid{grid-template-columns:1fr 1fr}.score-card{grid-column:1/-1}.timeline-panel{padding:16px}.stop-card{grid-template-columns:78px 1fr}.stop-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}
@media(max-width:430px){.option-grid{grid-template-columns:1fr}.preferences{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr;gap:8px}.tool-card{min-height:104px}.tool-card small{font-size:11px}.score-grid{grid-template-columns:1fr}.score-card{grid-column:auto}.top-actions .ghost-btn{padding:9px}.brand small{font-size:9px}.hero-points{display:grid}.tool-output .tool-metrics{grid-template-columns:1fr 1fr}}

/* HonorksGuard signature identity */
.logo{position:relative;overflow:hidden}.logo:after{content:'';position:absolute;inset:-40%;background:conic-gradient(from 180deg,transparent,#62e5ad55,transparent 45%);animation:hgSpin 7s linear infinite}@keyframes hgSpin{to{transform:rotate(360deg)}}.logo span{position:relative;z-index:2}.tool-card.signature{border-color:#62e5ad35;background:linear-gradient(145deg,#62e5ad10,#39a8ff09)}.tool-card.signature b{color:#62e5ad}.emergency-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px;margin-top:14px}.emergency-form input,.emergency-form button{border:1px solid var(--line);border-radius:11px;background:#08131f;color:var(--text);padding:11px}.emergency-form button{cursor:pointer;font-weight:900;background:linear-gradient(135deg,#39a8ff,#62e5ad);color:#06121d;border:0}@media(max-width:760px){.emergency-form{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:88px}}

/* HonorksGuard Ultra expansion */
.command-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 18px;padding:14px 16px;border:1px solid #42d39245;border-radius:18px;background:linear-gradient(120deg,#42d39212,#4ea1ff10 55%,#a56bff12);box-shadow:inset 0 1px 0 #ffffff0b}.command-strip>div:first-child{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.command-strip strong{font-size:12px;letter-spacing:.12em}.command-strip small{grid-column:2;color:var(--muted);font-size:10px;margin-top:2px}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#42d392;box-shadow:0 0 0 0 #42d39288;animation:hgPulse 1.8s infinite}@keyframes hgPulse{70%{box-shadow:0 0 0 10px #42d39200}}.command-actions{display:flex;gap:8px}.command-actions button{border:1px solid var(--line);background:#081522;color:var(--text);padding:9px 11px;border-radius:11px;font-size:10px;font-weight:900;cursor:pointer}.command-actions button:hover{border-color:#62dcff88}.tool-card.ultra{border-color:#a56bff40;background:linear-gradient(145deg,#a56bff13,#4ea1ff09)}.tool-card.ultra b{color:#c49cff}.route-pulse{display:flex;gap:5px;align-items:end;overflow-x:auto;padding:12px 2px 4px}.route-pulse button{border:0;min-width:30px;height:58px;border-radius:8px;background:linear-gradient(180deg,var(--pulse),color-mix(in srgb,var(--pulse) 45%,#07111d));color:#06111c;font-weight:950;cursor:pointer;box-shadow:0 7px 18px #0004}.route-pulse button span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px}.final-call{border-left:4px solid #42d392;padding-left:13px}.final-call.delay{border-color:#ffd166}.final-call.cancel{border-color:#ff526b}.final-call.go strong{color:#62e5ad}.final-call.delay strong{color:#ffd166}.final-call.cancel strong{color:#ff7d8f}@media(max-width:760px){.command-strip{align-items:flex-start;flex-direction:column}.command-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.command-actions button{padding:10px 6px}.tool-count{font-size:9px}}@media(max-width:430px){.command-actions{grid-template-columns:1fr}.command-strip small{line-height:1.4}.route-pulse button{min-width:27px}}
