:root{color-scheme:light;--bg: #f5f7f6;--surface: #ffffff;--surface-soft: #f9fbfa;--ink: #141817;--muted: #5f6f68;--line: #d9e2de;--line-strong: #bbc9c3;--primary: #0f766e;--primary-dark: #134e4a;--blue: #2563eb;--rose: #be123c;--amber: #d97706;--green-soft: #e7f7ef;--blue-soft: #e9f1ff;--rose-soft: #fff0f3;--amber-soft: #fff7df;--shadow: 0 12px 28px rgba(30, 45, 40, .08);--radius: 8px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);letter-spacing:0}body{min-height:100vh;margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.66}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:14px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;max-width:1280px;min-height:64px;margin:0 auto 14px;padding:10px 0;gap:14px;background:#f5f7f6f0;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand-block{display:flex;align-items:center;min-width:0;gap:10px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;color:#fff;background:var(--primary);border-radius:var(--radius)}.brand-block strong,.brand-block small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-block strong{font-size:1.05rem;line-height:1.2}.brand-block small{margin-top:2px;color:var(--muted);font-size:.82rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;max-width:48vw;min-height:34px;padding:7px 10px;gap:7px;color:var(--primary-dark);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);font-size:.84rem;font-weight:800}.status-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill.live{color:#14532d;background:var(--green-soft);border-color:#b7e2c7}.status-pill.demo{color:#744210;background:var(--amber-soft);border-color:#f0d38a}.status-pill.error{color:#8f1f17;background:#fff0ed;border-color:#efb6ae}.workspace{display:grid;max-width:1280px;margin:0 auto;gap:14px}.overview-panel,.control-panel,.primary-column,.support-panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.overview-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr);align-items:stretch;gap:18px;padding:18px}.overview-copy{min-width:0}.eyebrow,.region-kicker{margin:0 0 6px;color:var(--primary-dark);font-size:.78rem;font-weight:900}.overview-copy h1{max-width:760px;margin:0;font-size:2rem;line-height:1.18;word-break:keep-all}.overview-copy p:last-child{max-width:760px;margin:10px 0 0;color:var(--muted);line-height:1.55;word-break:keep-all}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-tile{min-height:86px;padding:13px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.metric-tile span,.metric-tile strong{display:block}.metric-tile span{color:var(--muted);font-size:.82rem;font-weight:900}.metric-tile strong{margin-top:10px;font-size:1.75rem;line-height:1}.control-panel{padding:12px}.region-strip{display:flex;gap:7px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.region-chip{min-width:54px;height:34px;flex:0 0 auto;padding:0 10px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:var(--radius);font-size:.85rem;font-weight:900;white-space:nowrap}.region-chip:hover,.region-chip:focus-visible,.region-chip.is-active{color:#fff;background:var(--primary);border-color:var(--primary)}.toolbar{display:grid;grid-template-columns:max-content max-content minmax(220px,1fr);align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.segmented-control{display:inline-flex;align-items:center;min-width:0;min-height:38px;padding:3px;gap:3px;overflow-x:auto;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.segmented-control.compact{color:var(--muted)}.segment{min-width:max-content;height:30px;padding:0 9px;color:var(--muted);background:transparent;border:0;border-radius:6px;font-size:.84rem;font-weight:900;white-space:nowrap}.segment.is-active{color:#fff;background:var(--ink)}.search-field{display:flex;align-items:center;min-width:0;min-height:40px;padding:0 12px;gap:8px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.search-field input{width:100%;min-width:0;height:38px;color:var(--ink);background:transparent;border:0;outline:0;font-size:.95rem}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e24}.panel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.panel-tab{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 10px;gap:7px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:var(--radius);font-weight:900}.panel-tab:hover{border-color:var(--primary)}.panel-tab.is-active{color:#fff;background:var(--primary);border-color:var(--primary)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.primary-column,.support-panel{padding:16px}.content-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.content-heading h2{margin:0;font-size:1.35rem;line-height:1.2}.content-heading>p{margin:3px 0 0;color:var(--muted);font-size:.9rem;font-weight:800;white-space:nowrap}.schedule-list,.source-list,.tip-list,.reference-list{display:grid;gap:10px}.data-note{display:flex;align-items:flex-start;min-height:44px;padding:11px 12px;gap:8px;color:#744210;background:var(--amber-soft);border:1px solid #f0d38a;border-radius:var(--radius);font-size:.9rem;font-weight:800;line-height:1.45}.schedule-card,.tip-card,.source-card,.tip-composer,.notice-box,.reference-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.schedule-card{padding:15px}.card-topline{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:10px}.kind-badge,.date-badge,.verify-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;gap:5px;border-radius:var(--radius);font-size:.8rem;font-weight:900}.kind-badge.assembly{color:#8f1f17;background:#fff0ed}.kind-badge.event{color:#14532d;background:var(--green-soft)}.kind-badge.traffic{color:#744210;background:var(--amber-soft)}.kind-badge.notice{color:#1d4ed8;background:var(--blue-soft)}.date-badge{color:var(--ink);background:var(--surface-soft);border:1px solid var(--line)}.verify-badge{color:var(--primary-dark);background:var(--green-soft)}.schedule-card h3{margin:0;font-size:1.12rem;line-height:1.38;word-break:keep-all}.fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.fact{display:grid;grid-template-columns:18px minmax(0,1fr);min-height:56px;padding:9px 10px;gap:3px 8px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.fact svg{grid-row:span 2;color:var(--primary)}.fact span{color:var(--muted);font-size:.78rem;font-weight:900}.fact strong{min-width:0;overflow-wrap:anywhere;font-size:.9rem;line-height:1.35}.card-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:13px}.map-buttons{display:flex;flex-wrap:wrap;gap:7px}.map-buttons a,.icon-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;gap:6px;color:var(--primary-dark);background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius);font-size:.86rem;font-weight:900;white-space:nowrap}.source-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;color:var(--muted);font-size:.8rem;font-weight:800}.tips-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:12px;align-items:start}.tip-composer{padding:14px}.composer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.composer-header h3{margin:0;font-size:1.08rem}.composer-header span{color:var(--muted);font-size:.82rem;font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.category-button{min-height:34px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:var(--radius);font-size:.84rem;font-weight:900}.category-button.is-active{color:#fff;background:var(--primary);border-color:var(--primary)}.tip-composer textarea,.tip-composer input,.tip-composer select{width:100%;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);outline:0;font-size:.96rem}.tip-composer textarea:focus,.tip-composer input:focus,.tip-composer select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e24}.tip-composer textarea{min-height:132px;padding:12px;line-height:1.55;resize:vertical}.composer-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.8fr);gap:8px;margin-top:9px}.tip-composer input,.tip-composer select{min-height:40px;padding:0 10px}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.composer-actions p{min-width:0;margin:0;color:var(--muted);font-size:.84rem;font-weight:800;line-height:1.35}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:40px;padding:0 12px;gap:7px;color:#fff;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);font-weight:900}.tip-card{padding:13px}.tip-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--muted);font-size:.8rem;font-weight:900}.tip-meta span{color:var(--primary-dark)}.tip-card p{margin:0;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.tip-card strong{display:block;margin-top:10px;color:var(--muted);font-size:.82rem}.source-card{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:13px}.source-icon,.notice-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--primary);background:var(--green-soft);border-radius:var(--radius)}.source-card p,.source-card h3,.source-card span{margin:0}.source-card p,.source-card span{color:var(--muted);font-size:.82rem;font-weight:800}.source-card h3{margin:4px 0;font-size:1rem;line-height:1.35;word-break:keep-all}.source-card a{display:grid;place-items:center;width:38px;height:38px;color:var(--primary-dark);border:1px solid var(--line);border-radius:var(--radius)}.support-panel{display:grid;gap:12px;position:sticky;top:92px}.notice-box{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:13px}.notice-box h3,.reference-heading h3{margin:0;font-size:1rem}.notice-box p{margin:6px 0 8px;color:var(--muted);font-size:.9rem;line-height:1.5;word-break:keep-all}.notice-box span{color:var(--primary-dark);font-size:.82rem;font-weight:900}.reference-panel{padding:13px}.reference-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.reference-heading span{color:var(--muted);font-size:.82rem;font-weight:900}.reference-item{display:grid;gap:4px;padding:10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.reference-item span,.muted-line{color:var(--muted);font-size:.8rem;font-weight:800}.reference-item strong{overflow-wrap:anywhere;font-size:.9rem;line-height:1.35}.muted-line{margin:0;line-height:1.5}.empty-state{display:grid;place-items:center;min-height:260px;padding:24px;color:var(--muted);text-align:center;background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty-state h3{margin:10px 0 6px;color:var(--ink)}.empty-state p{max-width:520px;margin:0;line-height:1.55;word-break:keep-all}.empty-state button{min-height:38px;margin-top:14px;padding:0 12px;color:#fff;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);font-weight:900}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.overview-panel,.content-grid{grid-template-columns:1fr}.support-panel{position:static}.toolbar{grid-template-columns:1fr}.segmented-control{width:100%}}@media(max-width:720px){.app-shell{padding:10px}.topbar{min-height:58px;margin-bottom:10px;padding:8px 0}.brand-mark{width:36px;height:36px}.brand-block small{display:none}.status-pill{max-width:46vw;min-height:32px;padding:6px 8px;font-size:.76rem}.overview-panel,.control-panel,.primary-column,.support-panel{padding:12px}.overview-copy h1{font-size:1.42rem;line-height:1.25}.overview-copy p:last-child{font-size:.92rem}.metric-grid,.fact-grid,.tips-layout,.composer-row,.source-card,.notice-box{grid-template-columns:1fr}.content-heading{align-items:stretch;flex-direction:column;gap:6px}.content-heading>p{white-space:normal}.panel-tab{min-height:42px;padding:0 6px;font-size:.82rem}.card-actions,.map-buttons{align-items:stretch;width:100%}.map-buttons a,.icon-link{flex:1 1 92px}.source-card a{width:100%}}@media(max-width:420px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-tile{min-height:76px}}