:root{color-scheme:light;--white: #ffffff;--off-white: #fafafa;--bg: #f8f7f5;--surface: #ffffff;--blossom: #f472b6;--blossom-light: #fce7f3;--blossom-soft: rgba(244, 114, 182, .08);--blossom-dark: #db2777;--sage: #6ee7b7;--sage-light: #ecfdf5;--text: #1a1a2e;--text-sub: #4b5563;--text-muted: #9ca3af;--line: #e5e7eb;--line-strong: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-blossom: 0 0 0 3px var(--blossom-light)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{min-height:100vh;color:var(--text);font-family:SUIT,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;max-width:1440px;min-height:100vh;padding:16px;margin:0 auto;animation:fade-in .3s ease}.sidebar{position:sticky;top:16px;align-self:start;display:grid;gap:0;max-height:calc(100vh - 32px);overflow-y:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.sidebar__intro{padding:24px 20px 20px;display:grid;gap:12px}.sidebar__intro p{color:var(--text-sub);font-size:.85rem;line-height:1.6}.sidebar__intro h1{font-size:1.3rem;font-weight:700;letter-spacing:-.03em;line-height:1.35;color:var(--text)}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blossom);margin:0}.sidebar__section{padding:16px 20px;display:grid;gap:12px;border-top:1px solid var(--line)}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title-row h2{font-size:.9rem;font-weight:700}.section-title-row span{color:var(--text-muted);font-size:.78rem;font-weight:500}.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.region-chip{display:grid;gap:1px;justify-items:start;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text-sub);cursor:pointer;transition:all .15s ease;font-size:.82rem;text-align:left}.region-chip:hover{border-color:var(--blossom);color:var(--text);background:var(--blossom-soft)}.region-chip span{font-weight:700;color:inherit;font-size:.85rem}.region-chip small{color:var(--text-muted);font-size:.72rem;font-weight:500}.region-chip.is-active{background:var(--blossom-light);border-color:var(--blossom);color:var(--blossom-dark);box-shadow:var(--shadow-blossom)}.region-chip.is-active small{color:var(--blossom)}.search-input{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);transition:all .15s ease}.search-input:focus-within{border-color:var(--blossom);box-shadow:var(--shadow-blossom);background:var(--surface)}.search-input input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:.85rem}.search-input input::placeholder{color:var(--text-muted)}.search-input svg{color:var(--text-muted);flex-shrink:0}.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.filter-field{display:grid;gap:4px}.filter-field span{font-size:.72rem;color:var(--text-muted);font-weight:600}.filter-field select{padding:9px 28px 9px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:.82rem;cursor:pointer;transition:border-color .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.filter-field select:hover{border-color:var(--line-strong)}.filter-field select:focus{border-color:var(--blossom);outline:none}.filter-field select option{background:var(--surface);color:var(--text)}.course-list{display:grid;gap:8px}.course-card{padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:all .18s ease}.course-card:hover,.course-card.is-hovered,.course-card.is-active{border-color:var(--blossom);box-shadow:var(--shadow-md);transform:translateY(-1px)}.course-card.is-active{background:var(--blossom-soft);box-shadow:var(--shadow-blossom)}.course-card h3{font-size:.92rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px;line-height:1.4}.course-card p{color:var(--text-sub);font-size:.8rem;line-height:1.5}.course-card__topline,.course-card__metrics,.course-card__footer{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.course-card__metrics{flex-wrap:nowrap}.course-card__metrics span{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.76rem}.course-card__metrics svg{flex-shrink:0}.course-card__footer{justify-content:space-between;font-size:.72rem;color:var(--text-muted);border-top:1px solid var(--line);padding-top:8px;margin-top:4px;margin-bottom:0}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;background:var(--bg);color:var(--text-sub);font-size:.7rem;font-weight:600;white-space:nowrap}.badge--warm{background:var(--blossom-light);color:var(--blossom-dark)}.empty-state{display:grid;place-items:center;gap:8px;min-height:100px;padding:24px;border-radius:12px;border:1px dashed var(--line-strong);color:var(--text-muted);text-align:center;font-size:.82rem}.empty-state svg{color:var(--text-muted)}.map-panel{display:grid;gap:12px;min-width:0}.map-panel__header{display:flex;align-items:start;justify-content:space-between;gap:16px}.map-panel__header h2{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.35}.map-panel__header p{color:var(--text-sub);font-size:.82rem;margin-top:2px}.map-panel__legend{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}.map-panel__legend span{display:inline-flex;align-items:center;gap:6px;color:var(--text-sub);font-size:.78rem;font-weight:500}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot--selected{background:var(--blossom)}.legend-dot--hovered{background:var(--blossom-dark);opacity:.6}.map-stage{position:relative;min-height:680px;border-radius:16px;border:1px solid var(--line);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.map-stage__canvas{position:absolute;inset:0;width:100%;height:100%}.map-stage__zoom{position:absolute;inset:0;transition:transform .4s ease}.map-stage__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:14px;pointer-events:none;z-index:10}.map-stage__hint{padding:8px 12px;border-radius:8px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-sub);font-size:.78rem;max-width:300px;pointer-events:auto;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.map-stage--fallback{background:radial-gradient(circle at top left,rgba(244,114,182,.12),transparent 28%),linear-gradient(180deg,#fffdfd,#fff7fb)}.map-region{position:absolute;display:block;border:1px solid var(--line);border-radius:24px;background:#ffffffe6;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.map-region:hover,.map-region.is-active{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.map-region.is-active{border-width:2px}.map-region__glow{position:absolute;inset:0;opacity:.8;pointer-events:none}.map-region__header{position:absolute;left:12px;top:10px;z-index:2;display:grid;gap:2px;text-align:left}.map-region__header span{font-size:.86rem;font-weight:700;color:var(--text)}.map-region__header small{color:var(--text-muted);font-size:.72rem;font-weight:600}.map-region__routes{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.route-line{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .18s ease,opacity .18s ease}.route-line--idle{stroke-width:2.2;opacity:.28}.route-line--hovered{stroke-width:3.2;opacity:.52}.route-line--selected{stroke-width:4;opacity:.8}.course-marker{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid var(--blossom);border-radius:999px;background:#fff;box-shadow:0 2px 6px #0000001f;z-index:3;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.course-marker span{position:absolute;inset:3px;border-radius:999px;background:currentColor;opacity:.9}.course-marker:hover,.course-marker--hovered{transform:scale(1.12);box-shadow:0 4px 12px #f472b647}.course-marker--selected{transform:scale(1.22);box-shadow:0 0 0 4px #f472b629,0 4px 14px #f472b652}.map-popup{margin-left:auto;width:min(300px,100%);pointer-events:auto;padding:16px;border-radius:14px;border:1px solid var(--line);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);display:grid;gap:8px;animation:pop-in .2s ease}.map-popup__topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.map-popup h3{font-size:.95rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2px}.map-popup p{color:var(--text-sub);font-size:.8rem;line-height:1.5}.map-popup__metrics{display:flex;flex-wrap:wrap;gap:10px}.map-popup__metrics span{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.76rem}.map-popup__metrics svg{flex-shrink:0}.map-popup__stops{display:grid;gap:4px;list-style:none}.map-popup__stops li{display:flex;align-items:center;gap:8px;color:var(--text-sub);font-size:.78rem;padding:4px 0;border-bottom:1px solid var(--line)}.map-popup__stops li:last-child{border-bottom:none}.map-popup__stops strong{color:var(--blossom-dark);font-size:.76rem;font-weight:700;min-width:48px}.detail-link,.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--blossom-dark);font-weight:600;font-size:.82rem;transition:color .15s ease}.detail-link:hover,.back-link:hover{color:var(--blossom)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-marker{0%{transform:scale(.9);opacity:.4}to{transform:scale(1.6);opacity:0}}.naviinfo_wind{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:var(--shadow-lg)!important}.naviinfo_wind .title{color:var(--text)!important;font-weight:700!important}.naviinfo_wind .text{color:var(--text-sub)!important}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;max-height:none;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.sidebar__intro{padding:18px 16px 16px}.sidebar__section{padding:14px 16px}.map-stage{min-height:500px}}@media(max-width:640px){.app-shell{padding:10px}.sidebar__intro{padding:14px}.sidebar__section{padding:12px 14px}.sidebar__intro h1{font-size:1.1rem}.region-grid,.filter-grid{grid-template-columns:1fr}.map-stage{min-height:400px;border-radius:12px}.map-popup{width:100%}}