:root{--brand-primary: #005eb8;--brand-accent: #2a7abf;--brand-deep: #1f1a8a;--surface: #ffffff;--surface-muted: #f3f6fb;--surface-map: #fafafa;--surface-elevated: rgba(255, 255, 255, .95);--surface-overlay: rgba(17, 24, 39, .92);--surface-footer: #eaeaea;--text: #111827;--text-muted: #6b7280;--text-strong: #1d2b4f;--text-inverse: #ffffff;--text-drawer: #ffffff;--text-icon-dark: #000000;--border: #e5e7eb;--border-strong: #d1d5db;--border-subtle: rgba(0, 0, 0, .12);--floor-border: rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-soft: 0 2px 6px rgba(0, 0, 0, .08);--shadow-float: 0 6px 18px rgba(0, 0, 0, .12);--z-controls: 200;--z-status: 500;--z-floorpanel: 600;--z-tooltip: 2000;--status-height: 56px;--control-h: 46px;--control-pad-x: 18px;--float-gap: 20px;--floor-inactive: #d7d7d7;--node-entrance-fill: #e3f2fd;--node-entrance-stroke: #1565c0;--node-destination-fill: #fff3e0;--node-destination-stroke: #ef6c00;--alert: #d32f2f;--drawer-bg: #000000;--menu-overlay-bg: rgba(0, 0, 0, .35);--drawer-hover-surface: rgba(255,255,255,.08);--control-label-offset: .5rem;--focus-ring: 0 0 0 3px rgba(0, 94, 184, .35);--tooltip-bg: rgba(17, 24, 39, .92);--tooltip-text: #ffffff;--tooltip-radius: 12px;--tooltip-pad-y: 8px;--tooltip-pad-x: 12px;--tooltip-offset-y: 52px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--text-xs: .8rem;--text-sm: .9rem;--text-md: 1rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--font-ui: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--transition-fast: .15s ease;--transition-med: .25s ease;--transition-slow: .35s ease}body{margin:0;font-family:Arial,sans-serif;background:var(--surface);color:var(--text)}.logo{display:flex;align-items:center;gap:12px}.logo img{width:48px;height:auto}.brand-main{font-weight:700;color:var(--text-strong)}.brand-accent{font-weight:700;color:var(--brand-accent)}.tagline{display:block;font-size:.85rem;color:var(--text-muted);font-weight:400}.subtle-note{margin:.25rem 0 .75rem;font-size:.85rem;color:var(--text-muted)}button{font-family:inherit;font-size:var(--text-sm);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),border var(--transition-fast)}button:hover{background:var(--surface-muted)}button:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-soft)}button.primary{background:var(--brand-primary);color:#fff;border:none}button.primary:hover{filter:brightness(1.05)}button.secondary{background:transparent}.icon{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.ui-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}html,body{height:100%;margin:0}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.app--map{height:100vh;min-height:0;overflow:hidden}@supports (height: 100dvh){.app--map{height:100dvh}}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.layout{display:flex;flex-direction:column;gap:8px;padding:0}.app--map .layout{flex:1 1 auto;min-height:0;overflow:hidden}.panel--top{flex:0 0 auto;width:100%;position:relative;z-index:3000;transition:max-height .3s ease,padding .3s ease,border-width .3s ease}body.journey-active .panel--top{max-height:0;padding:0;border-width:0;overflow:hidden;box-shadow:none}main{flex:1;padding:0;background:var(--surface);border-left:none}#map-area{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0}.map{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;min-height:0}#status-wrapper{position:sticky;top:0;z-index:var(--z-status)}footer{flex:0 0 auto;display:flex;justify-content:space-between;padding:.5rem 6rem .5rem 1rem;background:var(--surface-footer);font-size:.9rem}@media(max-width:899px){.app--map .map-footer{display:none}}@media(max-height:620px){.app--map{height:auto;min-height:620px;overflow-y:auto}@supports (height: 100dvh){.app--map{height:auto}}.app--map .layout{min-height:620px;overflow:visible}}.menu-host{position:relative}.menu-container{position:absolute;top:12px;right:12px;z-index:4100}.menu-container--toolbar{position:relative;display:flex;align-self:start;align-items:center;justify-content:center;margin-top:calc(var(--control-label-offset) + 4px);height:var(--control-h);z-index:4100}.hamburger-icon{position:relative;display:flex;align-items:center;justify-content:center;z-index:4101}.hamburger-icon button{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;color:var(--brand-primary);border-radius:var(--radius-pill);background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-soft);cursor:pointer}.hamburger-icon button:hover{box-shadow:var(--shadow-float)}.hamburger-icon button:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-soft)}.hamburger-icon button>span:not(.menu-tooltip){height:3px;width:24px;background:currentColor;border-radius:2px;transform-origin:center;transition:transform .3s ease,opacity .2s ease,background .2s ease}.menu-container.is-open .hamburger-icon button>span:not(.menu-tooltip):nth-of-type(1){transform:translateY(8px) rotate(45deg);background:currentColor}.menu-container.is-open .hamburger-icon button>span:not(.menu-tooltip):nth-of-type(2){opacity:0}.menu-container.is-open .hamburger-icon button>span:not(.menu-tooltip):nth-of-type(3){transform:translateY(-8px) rotate(-45deg);background:currentColor}.menu-container.is-open .hamburger-icon button{color:var(--text-inverse);background:var(--brand-primary);border-color:var(--brand-primary)}.menu-container.is-open .hamburger-icon .menu-tooltip{opacity:0}.menu-tooltip{position:absolute;top:52px;left:50%;z-index:var(--z-tooltip);padding:var(--tooltip-pad-y) var(--tooltip-pad-x);color:var(--tooltip-text);background:var(--tooltip-bg);border-radius:var(--tooltip-radius);box-shadow:var(--shadow-soft);font-size:12px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%)}.hamburger-icon button:hover .menu-tooltip,.hamburger-icon button:focus-visible .menu-tooltip{opacity:1}.menu-pane{position:absolute;top:calc(100% + 10px);right:0;width:min(280px,calc(100vw - 24px));color:var(--text);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:4000}.menu-pane[hidden]{display:none}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;background:transparent;border:0;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:3900}.menu-overlay[hidden]{display:none}.menu-container.is-open .menu-pane{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-container.is-open .menu-overlay{opacity:1;pointer-events:auto}.menu-pane nav{display:flex;flex-direction:column;padding:14px}.menu-links{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.menu-pane nav a{min-height:40px;display:flex;align-items:center;color:var(--brand-primary);text-decoration:none;padding:0 10px;font-size:var(--text-md);font-weight:600;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.menu-links a:hover,.menu-links a:focus-visible{color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,white);outline:none}#back-to-map{font-size:var(--text-md);font-weight:600;margin:0;display:flex;align-items:center;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.map-info{position:relative;top:auto;right:auto;margin-left:auto;align-self:center;z-index:4100}.map-info__button{position:relative;width:42px;height:42px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--brand-primary);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);cursor:pointer;list-style:none}.map-info__button::-webkit-details-marker{display:none}.map-info__button:hover{box-shadow:var(--shadow-float)}.map-info__button:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-soft)}.map-info__button:hover .ui-tooltip,.map-info__button:focus-visible .ui-tooltip{opacity:1}.map-info__button .ui-tooltip{top:auto;right:0;bottom:calc(100% + 10px);left:auto;transform:none}.map-info[open] .map-info__button{color:var(--text-inverse);background:var(--brand-primary);border-color:var(--brand-primary)}.map-info[open] .map-info__button .ui-tooltip{opacity:0}.map-info__bar{width:24px;height:3px;background:currentColor;border-radius:2px;transform-origin:center;transition:transform .3s ease,opacity .2s ease,background .2s ease}.map-info[open] .map-info__bar:nth-of-type(1){transform:translateY(8px) rotate(45deg)}.map-info[open] .map-info__bar:nth-of-type(2){opacity:0}.map-info[open] .map-info__bar:nth-of-type(3){transform:translateY(-8px) rotate(-45deg)}.map-info__panel{position:absolute;right:0;top:auto;bottom:calc(100% + 10px);width:min(280px,calc(100vw - 24px));padding:14px;color:var(--text);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-float)}.map-info__brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}.map-info__brand img{width:36px;height:36px}.map-info__brand strong{display:block}.map-info__brand>div>span:not(.brand-main):not(.brand-accent){display:block;margin-top:2px;color:var(--text-muted);font-size:var(--text-xs)}.map-info__links{display:grid;gap:6px;min-width:0}.map-info__links a,.map-info__link-button{box-sizing:border-box;min-height:40px;display:flex;align-items:center;width:100%;min-width:0;padding:0 10px;color:var(--brand-primary);text-decoration:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:inherit;font-weight:600;text-align:left;cursor:pointer}.map-info__links a:hover,.map-info__links a:focus-visible,.map-info__link-button:hover,.map-info__link-button:focus-visible{background:color-mix(in srgb,var(--brand-primary) 8%,white)}.map-info__versions{display:grid;gap:5px;margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--border)}.map-info__versions div{display:flex;justify-content:space-between;gap:10px;min-width:0}.map-info__versions dt,.map-info__versions dd{margin:0;color:var(--text-muted);font-size:var(--text-xs);line-height:1.35}.map-info__versions dd{text-align:right;overflow-wrap:anywhere}.map-info__licence{margin:12px 0 0;color:var(--text-muted);font-size:var(--text-xs);line-height:1.35}@media(max-width:899px){.menu-container--toolbar{position:absolute;top:.75rem;right:.875rem;margin-top:0;height:42px;align-self:auto;display:flex;align-items:center;justify-content:center;z-index:4100}.menu-container--toolbar .hamburger-icon{height:42px}.map-info{right:auto;margin-left:auto}.map-info[open]{z-index:6000}.map-info__button{color:var(--mobile-map-route, var(--brand-primary));background:var(--mobile-map-surface-elevated, var(--surface-elevated));border-color:var(--mobile-map-border, var(--border));box-shadow:0 8px 22px #4860782e}.map-info[open] .map-info__button{color:var(--text-inverse);background:var(--mobile-map-route, var(--brand-primary));border-color:var(--mobile-map-route, var(--brand-primary))}.map-info__panel{position:fixed;right:10px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:min(300px,calc(100vw - 20px));max-height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:6000;color:var(--mobile-map-label, var(--text));background:var(--mobile-map-surface-elevated, var(--surface-elevated));border-color:var(--mobile-map-border, var(--border))}.map-info__brand>div>span:not(.brand-main):not(.brand-accent),.map-info__licence{color:var(--mobile-map-muted, var(--text-muted))}.map-info__links a,.map-info__link-button{color:var(--mobile-map-route, var(--brand-primary));background:var(--mobile-map-surface, var(--surface));border-color:var(--mobile-map-border, var(--border))}.map-info__links a:hover,.map-info__links a:focus-visible,.map-info__link-button:hover,.map-info__link-button:focus-visible{background:color-mix(in srgb,var(--mobile-map-route, var(--brand-primary)) 8%,white)}}.feedback-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:grid;place-items:center;padding:16px;background:#0f172a6b}.feedback-dialog[hidden]{display:none}.feedback-form{display:grid;gap:10px;width:min(460px,100%);max-height:min(92vh,680px);overflow-y:auto;padding:18px;color:var(--text);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-float)}.feedback-form__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-form h2{margin:0;font-size:1.2rem;line-height:1.2}.feedback-form__close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--brand-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:1.4rem;line-height:1;cursor:pointer}.feedback-form__privacy,.feedback-form__status{margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.4}.feedback-form label{display:grid;gap:3px;color:var(--text);font-weight:600;font-size:var(--text-sm)}.feedback-form label span{color:var(--text-muted);font-weight:400}.feedback-form select,.feedback-form textarea,.feedback-form input{width:100%;box-sizing:border-box;padding:10px 12px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit}.feedback-form textarea{resize:vertical;min-height:120px}.feedback-form__submit{min-height:42px;padding:0 14px;color:var(--text-inverse);background:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:var(--radius-sm);font:inherit;font-weight:700;cursor:pointer}.feedback-form__status[data-state=success]{color:#166534}.feedback-form__status[data-state=error]{color:#b91c1c}:focus-visible{outline:3px solid currentColor;outline-offset:3px}.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:12px;top:12px;padding:8px 12px;background:var(--surface);border:2px solid currentColor;border-radius:8px;z-index:9999}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}