*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef1f6;color:#0f1b35}button,input{font:inherit}button{cursor:pointer;border:0}.app{min-height:100vh;padding:18px;background:radial-gradient(circle at 70% 10%,#ffffff 0%,#eef1f6 45%,#e3e7ee 100%)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 14px;max-width:1680px}h1{margin:0;font-size:clamp(28px,4vw,54px);letter-spacing:-.04em}p{line-height:1.5}.topbar p{margin:4px 0 0;color:#63708a;font-size:18px}.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.floor-switcher,.language-switcher{background:rgba(255,255,255,.86);border:1px solid rgba(15,27,53,.1);box-shadow:0 12px 30px #0f1b3514;border-radius:22px;padding:10px 14px;display:flex;align-items:center;gap:6px}.floor-switcher span{font-weight:900;color:#4f5e78;margin-right:4px}.floor-switcher button,.language-switcher button{border-radius:16px;padding:9px 13px;background:transparent;color:#5f6c82;font-weight:800}.floor-switcher button.active,.language-switcher button.active{background:#091a45;color:#fff}.layout{display:grid;grid-template-columns:360px 1fr;gap:18px;max-width:1680px;margin:0 auto;align-items:stretch}.panel{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 116px);min-height:640px}.panel-card,.search,.stop-list{background:rgba(255,255,255,.92);border:1px solid rgba(15,27,53,.08);box-shadow:0 18px 45px #0f1b351a;border-radius:24px}.route-card{padding:18px;display:flex;gap:14px;align-items:center}.walk-icon{height:46px;width:46px;border-radius:50%;background:#091a45;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.route-card strong{display:block;font-size:18px}.route-card span{color:#65728a}.search{width:100%;outline:none;padding:16px 18px;font-size:16px}.stop-list{padding:10px;overflow:auto;flex:1}.stop{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border-radius:18px;padding:12px;background:transparent;color:#14213f;transition:.2s ease}.stop:hover{background:#eef4ff}.stop.active{background:#091a45;color:#fff}.stop span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8edf6;color:#091a45;font-weight:900;flex:0 0 auto}.stop.active span{background:#ffffff;color:#091a45}.stop strong{display:block;font-size:15px}.stop small{display:block;margin-top:2px;color:#66738c}.stop.active small{color:#ffffffbf}.map-wrap{position:relative;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 24px 70px #0f1b352b;min-height:640px}.map-image{display:block;width:100%;height:calc(100vh - 116px);min-height:640px;object-fit:contain;background:#fff}.hotspots{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hotspot{pointer-events:auto;cursor:pointer}.touch-area{fill:#123a820d;stroke:#123a8200;stroke-width:8;transition:.2s ease}.hotspot:hover .touch-area,.touch-area.selected{fill:#ffbe4242;stroke:#091a45bf}.pin{fill:#091a45;stroke:#fff;stroke-width:8;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.pin-text{fill:#fff;font-size:42px;font-weight:900;pointer-events:none}.route-line{fill:none;stroke:#091a45;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 35;opacity:.8}.map-controls{position:absolute;top:18px;right:18px;display:flex;gap:10px}.map-controls button{border-radius:18px;padding:12px 16px;background:#091a45;color:#fff;font-weight:900;box-shadow:0 12px 28px #0f1b3533}.floating-info{position:absolute;right:22px;bottom:22px;width:min(460px,calc(100% - 44px));background:rgba(255,255,255,.94);border:1px solid rgba(15,27,53,.1);border-radius:26px;padding:20px;box-shadow:0 18px 50px #0f1b3533;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-header{display:flex;gap:14px;align-items:center}.badge{height:56px;width:56px;border-radius:50%;background:#091a45;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900;flex:0 0 auto}.floating-info small{color:#6c7890;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.floating-info h2{margin:2px 0 0;font-size:26px;line-height:1.1}.floating-info p{margin:12px 0 0;color:#34425c}.floating-info .meta{color:#122348}.tip{background:#eef4ff;border-radius:18px;padding:12px}.transcript{margin-top:12px;border-top:1px solid rgba(15,27,53,.12);padding-top:10px}.transcript summary{cursor:pointer;font-weight:900;color:#091a45}.transcript p{margin:8px 0 0;font-size:14px;color:#46546d}@media (max-width: 1080px){.topbar{align-items:flex-start;flex-direction:column}.layout{grid-template-columns:1fr}.panel{height:auto;min-height:0}.stop-list{max-height:310px}.map-image{height:auto;min-height:0}.map-wrap{min-height:0}}.video-card{padding:16px}.video-card strong{display:block;font-size:18px}.video-card small{display:block;color:#65728a;margin-top:4px;line-height:1.4}.video-main,.floating-video-button{margin-top:14px;width:100%;border-radius:16px;padding:12px 14px;background:#0f7a5f;color:#fff;font-weight:900}.video-main:disabled{background:#d9dee8;color:#7b879b;cursor:not-allowed}.floating-video-button{margin-top:12px}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(3,10,25,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-dialog{width:min(1100px,96vw);background:#ffffff;border-radius:28px;padding:18px;box-shadow:0 30px 100px #00000059}.video-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.video-header small{display:block;color:#65728a;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.video-header h2{margin:2px 0 0;font-size:28px;color:#091a45}.video-header button{border-radius:16px;padding:12px 16px;background:#091a45;color:#fff;font-weight:900}.room-video{display:block;width:100%;max-height:72vh;border-radius:20px;background:#000}