*{box-sizing:border-box}body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#2c2c28;--surface:#363632;--border:#4a4a42;--text:#ddd9cc;--muted:#8a8878;--accent:#e07b39;--accent2:#6ea87a;--shadow:#00000059}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;overflow:auto}.app{width:100vw;min-width:640px;height:100vh;min-height:400px;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;z-index:100;flex-direction:column;flex:0 0 18%;width:18%;min-width:280px;display:flex;overflow:hidden auto}.map-container{flex:1;position:relative}.map-container.with-planner{flex:0 0 60%;width:60%}.planner-outer{flex:0 0 22%;width:22%;min-width:280px;height:100vh;animation:.2s slideIn;display:flex;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.stages-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex:0 0 100%;width:100%;height:100vh;display:flex;overflow:hidden}.days-panel{display:none}.sidebar-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;flex-shrink:0;align-items:stretch;gap:10px;padding:14px;display:flex;position:sticky;top:0}.logo{object-fit:contain;flex-shrink:0;width:auto;height:38px;margin-right:6px}.sidebar-header h1{font-family:Playfair Display,serif;font-size:clamp(14px,1.1vw,18px);line-height:1.2}.sidebar-header p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.section{border-bottom:1px solid var(--border);padding:14px}.section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px;font-size:15px;font-weight:600}.loading{color:var(--muted);font-size:13px}.route-list{flex-direction:column;gap:2px;list-style:none;display:flex}.route-item{cursor:pointer;border-radius:7px;align-items:center;gap:9px;padding:10px 9px;transition:background .15s;display:flex}.route-item:hover,.route-item.hovered{background:var(--border)}.route-item.active{background:#e07b3924}.route-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.route-info{flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.route-code{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-weight:700}.route-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.route-km{color:var(--muted);font-size:15px}.sidebar-days{flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-days-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sidebar-days-meta{flex-direction:column;gap:2px;display:flex}.sidebar-days-km{color:var(--muted);font-size:16px}.btn-back-routes{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:7px 13px;font-family:DM Sans,sans-serif;font-size:16px;transition:color .15s,border-color .15s}.btn-back-routes:hover{color:var(--text);border-color:var(--text)}.sidebar-days .days-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:10px;overflow-y:auto}.panel-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 14px;display:flex}.panel-header-info{flex-direction:column;gap:3px;min-width:0;display:flex}.planner-code{text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700}.planner-title{white-space:nowrap;text-overflow:ellipsis;font-family:Playfair Display,serif;font-size:clamp(15px,1.2vw,20px);line-height:1.3;overflow:hidden}.planner-meta{color:var(--muted);font-size:16px}.btn-close{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:13px;transition:color .15s,border-color .15s}.btn-close:hover{color:var(--text);border-color:var(--text)}.direction-toggle-bar{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.direction-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;font-size:10px;font-weight:600}.direction-toggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:6px;max-width:75%;padding:5px 12px;transition:border-color .15s;display:flex;overflow:hidden}.direction-toggle:hover{border-color:var(--accent)}.dir-active{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.dir-inactive{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.dir-arrow{color:var(--accent);flex-shrink:0;font-size:13px;font-weight:700}.create-day-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:10px 12px}.btn-create-day{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.btn-create-day:hover:not(:disabled){opacity:.88}.btn-create-day:disabled{opacity:.35;cursor:not-allowed}.btn-km{opacity:.85;font-size:13px}.stages-list-wrap{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:10px;overflow-y:auto}.stages-list-header{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;display:flex}.label-xs{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:600}.selection-badge{color:var(--accent);white-space:nowrap;background:#e07b3926;border:1px solid #e07b394d;border-radius:20px;padding:2px 8px;font-size:11px}.stage-list{flex-direction:column;gap:2px;list-style:none;display:flex}.stage-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;transition:background .12s;display:flex}.stage-item:hover:not(.assigned){background:var(--border)}.stage-item.selected{background:#e07b391a;border-color:#e07b394d}.stage-num{background:var(--bg);border:1.5px solid var(--border);width:28px;height:28px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.stage-item.selected .stage-num{background:var(--accent);border-color:var(--accent);color:#fff}.stage-info{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.stage-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:500;line-height:1.4;overflow:hidden}.stage-meta{color:var(--text);opacity:.65;font-size:15px;font-weight:500;line-height:1.3}.days-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.day-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid;border-radius:9px;overflow:visible}.day-card-header{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:9px 12px;display:flex}.day-num{font-family:Playfair Display,serif;font-size:20px;font-weight:600}.day-km{font-size:17px;font-weight:600}.day-ele{color:var(--muted);margin-left:2px;font-size:15px}.day-stages{flex-direction:column;gap:5px;padding:8px 12px;display:flex}.day-stage-row{color:var(--muted);align-items:center;gap:7px;min-width:0;font-size:15px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.day-stage-name{-webkit-line-clamp:2;min-width:0;color:var(--text);-webkit-box-orient:vertical;flex:1;font-size:15px;line-height:1.3;display:-webkit-box;overflow:hidden}.day-stage-km{color:var(--muted);flex-shrink:0;font-size:14px}.day-card-footer{border-top:1px solid var(--border);gap:6px;padding:8px 12px;display:flex}.btn-gpx{color:var(--accent2);cursor:pointer;background:#6ea87a1f;border:1px solid #6ea87a4d;border-radius:6px;flex:1;padding:8px;font-family:DM Sans,sans-serif;font-size:16px;transition:background .15s}.btn-gpx:hover{background:#6ea87a38}.btn-del{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:8px 12px;font-size:16px;transition:color .15s,border-color .15s}.btn-del:hover{color:#e07474;border-color:#e07474}.day-arrows{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.btn-arrow{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:1px 3px;font-size:15px;line-height:1;transition:color .15s}.btn-arrow:hover:not(:disabled){color:var(--text)}.btn-arrow:disabled{opacity:.2;cursor:default}.stage-move-btns{flex-shrink:0;align-items:center;gap:3px;margin-left:auto;display:flex}.btn-move-stage{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:color .15s,border-color .15s,background .15s;display:flex}.btn-move-stage:hover{color:var(--accent);border-color:var(--accent);background:#e07b391a}.btn-remove-stage{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:color .15s,border-color .15s,background .15s;display:flex}.btn-remove-stage:hover{color:#e07474;background:#e074741a;border-color:#e0747480}.download-all-bar{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 14px}.btn-download-all{width:100%;color:var(--accent2);cursor:pointer;text-align:center;background:#6ea87a1f;border:1px solid #6ea87a4d;border-radius:7px;padding:11px 12px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:600;transition:background .15s}.btn-download-all:hover{background:#6ea87a38}.country-filter{border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;position:relative}.country-filter--open{z-index:200}.country-filter-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:9px 14px 4px;font-size:10px;font-weight:600;display:block}.country-main-btn{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:7px 14px 9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:color .15s;display:flex}.country-main-btn:hover{color:var(--accent)}.country-main-label{flex:1}.country-main-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.country-chevron{color:var(--muted);font-size:16px;line-height:1;transition:transform .2s;display:inline-block}.country-chevron.open{transform:rotate(90deg)}.country-dropdown{background:var(--surface);border:1px solid var(--border);z-index:100;max-height:380px;box-shadow:0 8px 24px var(--shadow);border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:1px;padding:5px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.country-dropdown.open{display:flex}.country-option{background:var(--bg);color:var(--text);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:12px;transition:background .12s,color .12s;display:flex}.country-option:hover{background:var(--border);color:var(--text)}.country-option-active{background:#4a7c5926;color:var(--text)!important}.country-option-clear{border-bottom:1px solid var(--border);border-radius:0;margin-bottom:4px;padding-bottom:8px;color:var(--accent)!important}.country-option-name{align-items:center;gap:7px;display:flex}.country-checkbox{border:1.5px solid var(--border);width:15px;height:15px;color:var(--accent2);background:var(--bg);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.country-count{color:var(--muted);background:var(--bg);border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px}.route-filter{border-bottom:1px solid var(--border);padding:10px 14px}.route-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.route-filter-name{color:var(--muted);font-size:12px}.route-filter-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.route-filter-clear{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:2px 9px;font-family:DM Sans,sans-serif;font-size:11px;transition:color .15s,border-color .15s}.route-filter-clear:hover{color:var(--text);border-color:var(--muted)}.btn-all-routes{background:var(--border);border:1px solid var(--border);width:calc(100% - 20px);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin:0 10px 10px;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:13px;transition:background .15s,border-color .15s;display:flex}.btn-all-routes:hover{background:#e07b391a;border-color:#e07b394d}.btn-all-routes.active{color:var(--accent);background:#e07b3926;border-color:#e07b3980;font-weight:600}.btn-all-routes:disabled{opacity:.5;cursor:not-allowed}.map-legend{z-index:1000;background:var(--bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;opacity:.92;border-radius:12px;flex-direction:column;gap:7px;padding:10px 14px;display:flex;position:absolute;bottom:28px;right:10px}.legend-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.legend-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700}.legend-info-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;pointer-events:all;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:color .15s,border-color .15s;display:flex}.legend-info-btn:hover{color:var(--text);border-color:var(--text)}.legend-item{align-items:center;gap:10px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.legend-label{color:var(--text);white-space:nowrap;font-size:16px}.plan-totals{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gap-warning{color:#e07474;background:#e074741a;border-radius:4px;margin:2px 0;padding:2px 4px;font-size:11px}.days-empty{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.days-empty span{font-size:32px}.days-empty p{font-size:13px;line-height:1.6}.about-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:62vw;min-width:320px;max-width:860px;height:86vh;animation:.18s slideUp;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.about-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.about-header-title{align-items:center;gap:10px;display:flex}.about-logo{object-fit:contain;width:auto;height:38px;margin-right:8px}.about-header h2{font-family:Playfair Display,serif;font-size:22px}.about-nav{border-bottom:1px solid var(--border);background:var(--bg);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.about-nav::-webkit-scrollbar{display:none}.about-nav-btn{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:color .15s,border-color .15s}.about-nav-btn:hover{color:var(--text)}.about-nav-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.about-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:22px;overflow-y:auto}.about-section{flex-direction:column;gap:18px;display:flex}.about-lead{color:var(--text);border-left:3px solid var(--accent);padding-left:12px;font-size:17px;line-height:1.7}.about-feature-list{flex-direction:column;gap:14px;display:flex}.about-feature{align-items:flex-start;gap:14px;display:flex}.about-feature-icon{flex-shrink:0;margin-top:1px;font-size:26px}.about-feature strong{color:var(--text);margin-bottom:3px;font-size:17px;display:block}.about-feature p{color:var(--muted);font-size:15px;line-height:1.6}.about-steps{flex-direction:column;gap:16px;list-style:none;display:flex}.about-steps li{align-items:flex-start;gap:14px;display:flex}.step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:15px;font-weight:700;display:flex}.about-steps strong{color:var(--text);margin-bottom:4px;font-size:17px;display:block}.about-steps p{color:var(--muted);margin-bottom:3px;font-size:15px;line-height:1.6}.step-tip{background:#e07b3914;border-radius:5px;padding:4px 8px;color:var(--accent)!important;margin-top:4px!important;font-size:14px!important}.status-legend-list{flex-direction:column;gap:16px;margin-top:8px;display:flex}.status-legend-item{align-items:flex-start;gap:14px;display:flex}.status-legend-dot{border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:3px}.status-legend-item strong{margin-bottom:3px;font-size:18px;display:block}.status-legend-item p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.credits-block{border-bottom:1px solid var(--border);flex-direction:column;gap:5px;padding-bottom:16px;display:flex}.credits-block:last-child{border-bottom:none;padding-bottom:0}.credits-block h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:15px;font-weight:600}.credits-block p{color:var(--text);font-size:16px;line-height:1.6}.credits-block a{color:var(--accent);text-decoration:none}.credits-block a:hover{text-decoration:underline}.eurovelo-map-figure{flex-direction:column;gap:8px;margin:8px 0 0;display:flex}.eurovelo-map-img{border:1px solid var(--border);border-radius:6px;width:100%;display:block}.eurovelo-map-caption{color:var(--muted);text-align:center;font-size:13px;line-height:1.5}.eurovelo-map-caption a{color:var(--muted);text-decoration:none}.eurovelo-map-caption a:hover{text-decoration:underline}.trademark-notice{color:var(--muted);font-size:12px;font-style:italic;line-height:1.5}.contact-form{flex-direction:column;gap:14px;display:flex}.form-field{flex-direction:column;gap:5px;display:flex}.form-field label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:14px;font-weight:600}.form-field input,.form-field textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .15s}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted)}.btn-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;align-self:flex-start;padding:13px 22px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:600;transition:opacity .15s}.btn-send:hover{opacity:.88}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.contact-success-icon{background:var(--accent2);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:flex}.contact-success p{color:var(--text);margin:0;font-size:15px}.contact-error{color:#e05555;margin:0;font-size:13px}.btn-send:disabled{opacity:.5;cursor:not-allowed}.sidebar-title-btn{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.sidebar-title-row{justify-content:center;align-items:center;gap:10px;display:flex}.sidebar-info-badge{color:#e07b39;cursor:pointer;letter-spacing:.03em;background:#e07b3926;border:1.5px solid #e07b3973;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:8px 12px;font-size:15px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.sidebar-info-badge:hover{background:#e07b3947;border-color:#e07b39b3}.sidebar-info-row{align-items:stretch;gap:6px;width:100%;display:flex}.sidebar-info-row .sidebar-info-badge{flex:1}.lang-switcher{flex-shrink:0;position:relative}.lang-trigger{cursor:pointer;background:#e07b3926;border:1.5px solid #e07b3973;border-radius:8px;justify-content:center;align-items:center;height:100%;padding:8px 12px;transition:background .15s,border-color .15s;display:flex}.lang-trigger:hover{background:#e07b3947;border-color:#e07b39b3}.lang-dropdown{z-index:9999;background:#1a1a1a;border:1px solid #444;border-radius:8px;min-width:140px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 6px 20px #0009}.lang-option{cursor:pointer;color:#e0e0e0;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 14px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.lang-option:hover{background:#2e2e2e}.lang-option.active{color:#fff;background:#2e2e2e;font-weight:700}@media (width<=640px){.sidebar,.stages-panel,.days-panel,.map-legend{display:none}.app{min-width:0}.map-container,.map-container.with-planner{flex:1;width:100vw;min-height:0}.mobile-bottom-panel{background:var(--surface);border-top:2px solid var(--border);flex-direction:row;flex:0 0 25vh;width:100vw;min-height:0;display:flex;overflow:hidden}.mobile-panel-stages{flex-direction:column;flex:0 0 50%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.mobile-panel-divider{background:var(--border);flex-shrink:0;width:1px}.mobile-panel-days{flex-direction:column;flex:0 0 50%;min-width:0;min-height:0;display:flex;overflow:hidden}.mobile-panel-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:4px;padding:5px 6px;display:flex}.mobile-route-selector-btn{border:1px solid var(--border);min-width:0;color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:6px;flex:1;align-items:center;gap:4px;padding:4px 6px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;transition:border-color .15s;display:flex;overflow:hidden}.mobile-route-selector-btn:hover{border-color:var(--accent)}.mobile-route-selector-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mobile-route-selector-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mobile-country-selector-btn{border:1px solid var(--border);min-width:0;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex:1;align-items:center;gap:3px;padding:4px 5px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;transition:border-color .15s,color .15s;display:flex;overflow:hidden}.mobile-country-selector-btn:hover{border-color:var(--accent);color:var(--text)}.mobile-info-btn-sm{color:var(--accent);cursor:pointer;background:#e07b391f;border:1.5px solid #e07b3959;border-radius:6px;flex-shrink:0;padding:4px 6px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1}.mobile-panel-dropdown{z-index:500;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;max-height:55vh;position:fixed;bottom:25vh;left:0;right:0;overflow-y:auto;box-shadow:0 -6px 20px #0000004d}.mobile-drop-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex;position:sticky;top:0}.mobile-drop-header-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.mobile-drop-ok{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;transition:opacity .15s}.mobile-drop-ok:hover{opacity:.85}.mobile-drop-option{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:8px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:background .12s;display:flex}.mobile-drop-option:last-child{border-bottom:none}.mobile-drop-option:hover{background:var(--border)}.mobile-drop-option.active{color:var(--accent);font-weight:600}.mobile-drop-clear{color:var(--accent);font-style:italic}.mobile-stage-list{scrollbar-width:none;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.mobile-stage-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:7px;padding:6px 8px;transition:background .12s;display:flex}.mobile-stage-item:active{background:#e07b390f}.mobile-stage-item.selected{background:#e07b3914}.mobile-stage-item.assigned{cursor:default;opacity:.5}.mobile-stage-num{border:1.5px solid var(--border);width:22px;height:22px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.mobile-stage-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mobile-stage-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.mobile-stage-meta{color:var(--muted);font-size:10px}.mobile-create-bar{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:5px;padding:5px 7px;display:flex}.mobile-create-bar .btn-create-day{border-radius:7px;flex:1;padding:6px 9px;font-size:11px}.mobile-create-bar .btn-km{font-size:10px}.mobile-download-all-btn{color:var(--accent2);cursor:pointer;white-space:nowrap;background:#6ea87a1f;border:1px solid #6ea87a4d;border-radius:7px;flex-shrink:0;padding:6px 8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.mobile-day-list{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.mobile-day-row{border-bottom:1px solid var(--border);border-left:3px solid;flex-direction:column;gap:3px;padding:5px 8px;display:flex}.mobile-day-row-header{align-items:center;gap:5px;display:flex}.mobile-day-row-info{flex:1;align-items:baseline;gap:5px;min-width:0;display:flex}.mobile-day-row-label{font-size:11px;font-weight:700}.mobile-day-row-km{color:var(--muted);font-size:10px}.mobile-day-row-actions{flex-shrink:0;gap:4px;display:flex}.mobile-day-row-actions .btn-gpx,.mobile-day-row-actions .btn-del{flex:unset;border-radius:5px;padding:4px 7px;font-size:11px}.mobile-day-row-ele{color:var(--muted);font-size:10px}.mobile-day-stages{flex-direction:column;gap:1px;display:flex}.mobile-day-stage-row{align-items:center;gap:4px;min-width:0;display:flex}.mobile-day-stage-item{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:9px;line-height:1.4;overflow:hidden}.mobile-stage-move-btns{flex-shrink:0;gap:2px;display:flex}.mobile-stage-move-btns .btn-move-stage{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:1px 5px;font-size:9px;line-height:1.4}.mobile-panel-hint{color:var(--muted);text-align:center;padding:10px 8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.planner-outer,.about-overlay,.about-modal{animation:none}}