: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:center;padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom,0px));color:var(--text-muted);background:var(--surface);border-top:1px solid var(--border);font-size:.82rem;line-height:1.35}footer p{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .65rem;margin:0;text-align:center}.footer-copyright{white-space:nowrap}.footer-independent{max-width:42rem}.footer-legal-links{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.15rem .45rem;align-items:center;margin:0}.footer-legal-links a{min-height:30px;display:inline-flex;align-items:center;padding:0 .2rem;color:inherit;text-decoration:underline;text-underline-offset:.14em}.footer-legal-links a+a:before{content:"";display:inline-block;width:1px;height:.85em;margin-right:.4rem;vertical-align:-.08em;background:currentColor;opacity:.45}@media(max-width:520px){footer{padding-right:.75rem;padding-left:.75rem}footer p{gap:.05rem .45rem}.footer-legal-links{display:flex;gap:.1rem .4rem}.footer-legal-links a{min-height:40px;padding:0 .35rem}.footer-legal-links a+a:before{content:none}}@media(max-width:899px){.app--map{--mobile-legal-footer-height: 0px}.app--map .map-footer{position:fixed;right:0;bottom:0;left:0;z-index:4300;display:flex;justify-content:center;min-height:var(--mobile-legal-footer-height);box-sizing:border-box;padding:0 0 env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);box-shadow:0 -4px 14px #4860781f}.app--map .map-footer .logo,.app--map .map-footer__copyright,.app--map .map-footer p>br{display:none}.app--map .map-footer p{margin:0}.app--map .map-footer .footer-legal-links{display:flex;gap:.25rem;margin:0}.app--map .map-footer .footer-legal-links a{min-height:48px;padding:0 .65rem}.app--map .map-footer .footer-legal-links a+a:before{content: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}}