@import"https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700;800&display=swap";:root{--indigo: #3a288b;--teal: #08a696;--teal-bg: #e1f5ee;--teal-text: #0f6e56;--teal-text-dark: #04342c;--ink: #171427;--muted: #8b87a0;--line: #ece9f5;--border: #ece9f5;--border-strong: #d8d5e8;--future: #b3affc;--surface: #ffffff;--soft: #f4f2fa;--panel-alt: #f4f2fa;--danger: #c0392b;--danger-bg: #fdf3f2;font-family:Raleway,Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}code{color:var(--indigo);font-weight:800}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:9px 10px;text-align:left;vertical-align:top}th{color:var(--indigo);font-size:12px;text-transform:uppercase}input,select,textarea{width:100%;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--ink);padding:8px 10px}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:var(--teal);outline:3px solid rgba(8,166,150,.18)}.module-shell{height:100vh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(180deg,#fff,#f7f6fb)}.module-shell--empty{display:grid;place-items:center;padding:24px}.module-topline{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:24px;align-items:end;padding:20px 28px 16px;border-bottom:1px solid var(--border-strong);background:#ffffffeb}.module-topline h1,.empty-module h1{margin:6px 0 8px;color:var(--indigo);font-size:clamp(27px,3.4vw,48px);line-height:1}.module-topline p,.empty-module p{margin:0;color:var(--muted);line-height:1.5}.eyebrow{margin:0;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.module-workbar{display:grid;grid-template-columns:minmax(190px,.5fr) minmax(320px,1fr) auto;gap:18px;align-items:center;min-height:74px;padding:12px 24px;border-bottom:1px solid var(--border-strong);background:#fffffff5}.module-workbar__title{min-width:0}.module-workbar__title strong{display:block;overflow:hidden;color:var(--indigo);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.progress-route{position:relative;min-width:0;padding:8px 8px 0}.progress-route__rail{position:absolute;top:19px;left:34px;right:34px;height:2px;background:repeating-linear-gradient(90deg,var(--border-strong) 0 6px,transparent 6px 12px)}.progress-route__rail span{display:block;height:100%;background:var(--teal)}.progress-route ol{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none}.progress-route li{display:grid;justify-items:center;gap:6px;color:var(--future)}.progress-route li span{display:grid;place-items:center;width:18px;height:18px;border:2px solid var(--border-strong);border-radius:50%;background:#fff;color:transparent;font-weight:800;font-size:0}.progress-route li b{font-size:11px;font-weight:600;white-space:nowrap}.progress-route li.is-complete{color:var(--indigo)}.progress-route li.is-complete span{background:var(--indigo);border-color:var(--indigo)}.progress-route li.is-current span{width:24px;height:24px;background:var(--teal);border-color:var(--teal);box-shadow:0 0 0 9px #08a6962e}.progress-route li.is-current{color:var(--teal)}.progress-route li.is-current b{font-weight:800}.module-canvas{min-height:0;padding:18px 24px}.phase-panel{height:100%;overflow-y:auto;border:1px solid var(--border-strong);border-radius:12px;background:#fffffff0;padding:18px 20px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.module-actions{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:12px;padding:10px 24px 14px;background:var(--teal-bg);border-top:1px solid #cdeee1}.module-actions__hint{color:var(--teal-text);font-size:12px;font-weight:600;text-align:center}.button{border:1px solid var(--border-strong);border-radius:7px;padding:8px 14px;color:var(--indigo);background:#fff;font-size:12px;font-weight:700}.button--primary{border-color:var(--indigo);background:var(--indigo);color:#fff}.button--ghost{border-color:transparent;background:transparent;color:var(--muted)}.button--primary:hover:not(:disabled){background:#2e2070}.button--ghost:hover:not(:disabled){color:var(--indigo);background:var(--panel-alt)}.step-header{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px}.step-header__number{color:var(--indigo);font-family:Consolas,Courier New,monospace;font-size:28px;font-weight:800}.step-header h2,.form-section h2,.import-section h2,.result-summary h2,.theory-layout h2{margin:4px 0 14px;color:var(--indigo);font-size:24px}.goal-callout{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;max-width:760px;border-radius:10px;background:var(--teal-bg)}.goal-callout span{display:grid;place-items:center;width:28px;height:28px;margin-left:10px;border-radius:50%;background:var(--teal-text-dark);color:#fff;font-weight:800;font-size:13px}.goal-callout p{margin:0;padding:12px 14px;color:var(--teal-text);font-size:13px;font-weight:600;line-height:1.45}.intro-layout,.result-layout,.stations-step{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;align-items:start}.form-section,.import-section,.result-summary,.result-actions,.map-placeholder,.data-entry,.empty-module,.theory-layout section{border:1px solid var(--border-strong);border-radius:10px;background:#fff;padding:16px}.form-grid,.station-grid,.indicator-grid,.theory-grid{display:grid;gap:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.station-editor label,.field-with-hint,.notes-field{display:grid;gap:7px;color:var(--muted);font-weight:800}.form-grid label:last-child{grid-column:1 / -1}.variant-note,.status-note,.map-placeholder p,.theory-layout p,.theory-grid p,.save-warning{color:var(--muted);line-height:1.55}.drop-zone{display:grid;place-items:center;min-height:148px;border:1px dashed var(--teal);border-radius:10px;background:var(--teal-bg);color:var(--indigo);font-weight:800;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.status-note{margin:12px 0 0;border:1px solid #cdeee1;border-radius:8px;background:var(--teal-bg);padding:10px 12px;color:var(--teal-text)}.status-note--error{border-color:#f0c6c0;background:var(--danger-bg);color:var(--danger)}.theory-layout{display:grid;gap:18px}.theory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theory-grid article{border:1px solid var(--border);border-radius:10px;background:#fff;padding:16px}.theory-grid span{color:var(--teal);font-family:Consolas,Courier New,monospace;font-size:26px;font-weight:800}.theory-grid h3{margin:12px 0 8px;color:var(--indigo)}.map-placeholder{position:sticky;top:0}.osm-map-card{position:sticky;top:0;display:grid;gap:12px;min-width:0;border:1px solid var(--border-strong);border-radius:10px;background:#fff;padding:14px}.osm-map-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.osm-map-card__head h3{margin:4px 0 0;color:var(--indigo);font-size:20px}.osm-map-actions{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.osm-map-actions .button{min-width:34px;padding:6px 9px}.osm-map-stations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.osm-map-station{display:grid;gap:3px;min-width:0;border:1px solid var(--border);border-radius:8px;background:#fff;padding:7px 8px;color:var(--muted);text-align:left}.osm-map-station strong{color:var(--indigo);font-size:13px}.osm-map-station span{overflow:hidden;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.osm-map-station.is-active{border-color:var(--indigo);background:var(--panel-alt)}.osm-map-station.is-muted{color:var(--future)}.osm-map-stage{position:relative;min-height:360px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fafaf8;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.osm-map-stage:active{cursor:grabbing}.osm-map-zoom{position:absolute;top:12px;left:12px;z-index:20;display:grid;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background:#fff;box-shadow:0 6px 18px #141d3c1f;cursor:default;pointer-events:auto}.osm-map-zoom button{display:grid;place-items:center;width:36px;height:34px;border:0;border-bottom:1px solid var(--border);background:#fff;color:var(--indigo);cursor:pointer;font-size:20px;font-weight:800;line-height:1;touch-action:manipulation}.osm-map-zoom button:last-child{border-bottom:0}.osm-map-zoom button:disabled{color:var(--future);cursor:not-allowed}.osm-map-zoom button:not(:disabled):hover{background:var(--panel-alt)}.osm-map-tiles{position:absolute;inset:0}.osm-map-tiles img{position:absolute;width:256px;height:256px;max-width:none;-webkit-user-select:none;user-select:none}.osm-map-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.osm-map-route polyline{fill:none;stroke:var(--indigo);stroke-linecap:round;stroke-linejoin:round;stroke-width:4;filter:drop-shadow(0 1px 0 #fff)}.osm-map-marker{position:absolute;z-index:2;display:grid;place-items:center;width:32px;height:32px;border:2px solid #fff;border-radius:50%;background:var(--indigo);box-shadow:0 4px 12px #3a288b42;color:#fff;font-size:13px;font-weight:800;transform:translate(-50%,-50%)}.osm-map-marker.is-active{background:var(--teal);box-shadow:0 0 0 6px var(--teal-bg),0 5px 14px #08a69642}.osm-map-attribution{position:absolute;right:8px;bottom:8px;border-radius:5px;background:#ffffffdb;color:var(--muted);font-size:10px;font-weight:600;padding:3px 6px}.osm-map-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.station-editor{display:grid;gap:12px;min-width:0;border:1px solid var(--border);border-radius:10px;margin:0;padding:14px}.station-editor.is-active{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-bg)}.station-editor legend{color:var(--indigo);font-weight:800;padding:0 6px}.station-editor__select{justify-self:start;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--indigo);padding:6px 9px;font-size:11px;font-weight:700}.station-editor__select:hover{background:var(--panel-alt)}.compact-toggle{display:flex;align-items:center;gap:8px}.compact-toggle input{width:auto}.coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.data-entry h3{margin:0 0 14px;color:var(--indigo);font-size:20px}.table-scroll{overflow:auto;border:1px solid var(--border);border-radius:8px}.data-entry small{display:block;margin-top:4px;color:var(--muted);font-size:12px;text-transform:none}.indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-with-hint{grid-template-columns:minmax(180px,.9fr) minmax(160px,.7fr) minmax(220px,1.1fr);align-items:center;border-bottom:1px solid var(--border);padding:10px 0}.field-with-hint small{color:var(--muted);font-weight:600;line-height:1.4}.notes-field{margin-top:16px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.summary-grid div{border-radius:8px;background:var(--teal-bg);padding:12px}.summary-grid dt{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.summary-grid dd{margin:6px 0 0;color:var(--indigo);font-size:20px;font-weight:800}.save-warning{margin:18px 0 0;border:1px solid #cdeee1;border-radius:8px;background:var(--teal-bg);padding:12px;color:var(--teal-text-dark);font-weight:800}.result-actions{display:grid;gap:12px;align-content:start}.theory-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px}.theory-overlay__scrim{position:absolute;inset:0;background:#3a288b59}.theory-panel{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100%);max-height:min(78vh,620px);overflow:hidden;border:1px solid var(--border-strong);border-radius:12px;background:#fff}.theory-panel__head{padding:12px 16px;border-bottom:1px solid var(--border)}.theory-panel__head h2{margin:0;color:var(--indigo);font-size:16px}.theory-panel__body{min-height:0;overflow-y:auto;padding:16px}.theory-panel__body .theory-layout{gap:12px}.theory-panel__body .theory-layout section,.theory-panel__body .theory-grid article{border-color:var(--border)}.theory-panel__actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-top:1px solid var(--border);background:var(--teal-bg)}.theory-panel__actions span{color:var(--teal-text);font-size:12px;font-weight:600}@media(max-width:1100px){.module-topline,.module-workbar,.intro-layout,.result-layout,.stations-step,.theory-grid,.indicator-grid{grid-template-columns:1fr}.map-placeholder,.osm-map-card{position:static}}@media(max-width:760px){.module-topline,.module-workbar,.module-canvas,.module-actions{padding-left:14px;padding-right:14px}.phase-panel{padding:14px}.module-actions{grid-template-columns:1fr}.module-actions__hint{order:-1}.theory-panel__actions{align-items:stretch;flex-direction:column}.step-header,.station-grid,.form-grid,.summary-grid,.field-with-hint{grid-template-columns:1fr}.osm-map-card__head{flex-direction:column}.osm-map-stations{grid-template-columns:repeat(2,minmax(0,1fr))}.osm-map-stage{min-height:300px}.progress-route ol{gap:4px}.progress-route li b{font-size:11px}}