*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:IBM Plex Sans,system-ui,sans-serif}button,input,select,textarea{font:inherit}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1917;--bg-app:#1a1917;--bg-panel:#222120;--bg-subtle:#272523;--bg-muted:#2e2c29;--bg-elevated:#2a2825;--border:#333128;--border-strong:#46433c;--border-soft:#2a2825;--text:#e8e4dc;--text-strong:#f2ede4;--text-muted:#9a9690;--text-soft:#6e6b65;--text-faint:#4e4b46;--accent:#d97a56;--accent-strong:#e8896a;--accent-soft:#3d2318;--accent-tint:#2e1a12;--accent-hover:#e8896a;--green:#5aaab8;--green-active:#a3d4da;--green-text:#1b7a8a;--green-bg:#0f2a18;--green-border:#1a4028;--red-glass:color-mix(in srgb, var(--red) 12%, transparent);--peach:#f2b09e;--red:#e06b65;--red-finish:#c9463b;--red-bg:#2a0e0c;--red-border:#451714;--amber:#e09a40;--amber-bg:#2a1a04;--amber-border:#4d2f08;--shadow-xs:0 1px 0 #0003;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #0003;--shadow-md:0 6px 24px #0006, 0 2px 6px #00000040;--shadow-lg:0 24px 60px #0009, 0 8px 16px #0000004d;--radius:12px;--radius-sm:8px;--sidebar-w:500px;--transition:.25s cubic-bezier(.23, 1, .32, 1);--surface:var(--bg-panel);--fg:var(--text);--muted:var(--text-muted);--green-light:var(--green-bg);--orange:var(--amber);--orange-light:var(--amber-bg)}.app-shell{width:100%;height:100vh;color:var(--fg);background:var(--bg);grid-template-rows:1fr;font:15px/1.5 IBM Plex Sans,system-ui,sans-serif;display:grid}.main-area{grid-template-columns:var(--sidebar-w) 1fr;display:grid;overflow:hidden}.sidebar{background:var(--bg-muted);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden auto}.sidebar-logo{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.sidebar-logo-icon{width:24px;height:24px}.sidebar-brand{letter-spacing:-.03em;background:linear-gradient(135deg, var(--red), var(--green));color:var(--surface);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800}.sidebar-section{border-bottom:1px solid var(--border);padding:20px}.sidebar-section.state-route{border-bottom:none;flex-direction:column;flex:1;padding:0;display:flex}.route-header{padding:16px 20px 0}.sidebar-title{margin-bottom:16px;font-size:15px;font-weight:600}.sidebar-tabs{border-bottom:1px solid var(--border);display:flex}.sidebar-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:12px;font-weight:500}.sidebar-tab.active{color:var(--red);border-bottom-color:var(--red)}.sidebar-scroll{flex:1;overflow-y:auto}.sidebar-tab-content{padding:16px 20px}.location-picker{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.location-pin-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);align-items:center;display:flex;position:relative;overflow:visible}.location-pin-input:hover{border-color:var(--red);background:var(--surface);box-shadow:var(--shadow-sm)}.location-pin-input:focus-within{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glass)}.pin-left{flex-shrink:0;place-items:center;width:36px;height:100%;display:grid;position:relative}.pin-left:after{content:"";background:var(--border);width:1px;position:absolute;top:20%;bottom:20%;right:0}.location-pin-input input{color:var(--fg);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px;font-size:14px}.clear-btn{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-right:4px}.location-pin-input .swap-btn{z-index:2;border:1.5px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--muted);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition);border-radius:50%;place-items:center;padding:0;font-size:13px;line-height:1;display:grid;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.location-pin-input .swap-btn:hover{background:var(--bg);color:var(--fg);border-color:var(--red);box-shadow:var(--shadow-md)}.map-pick-hint{color:var(--text);background:#2a0ec;cursor:pointer;transition:border-color var(--transition), background var(--transition), color var(--transition);border:1.5px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.map-pick-hint:hover{border-color:var(--red);color:var(--red)}.map-pick-hint.active{border-color:var(--red);background:var(--red-border);color:var(--red);font-weight:600}.map-pick-hint svg{flex-shrink:0;width:14px;height:14px}.suggested-locations{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.location-chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.location-chip:hover{border-color:var(--red);color:var(--red);background:var(--red-glass)}.location-chip svg{width:12px;height:12px}.segmented-control{background:var(--bg);border-radius:var(--radius-sm);gap:4px;margin-bottom:16px;padding:3px;display:flex}.segmented-control button{color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.segmented-control button.active{background:var(--surface);color:var(--red)}.segmented-control button .mode-icon{flex:0 0 14px;width:14px;height:14px;display:block}.cta-btn,.ghost-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:14px}.cta-btn{background:var(--red);color:var(--text-strong);border:none;padding:12px;font-weight:600}.cta-btn:hover{background:var(--red-bg)}.ghost-btn{border:1.5px solid var(--border);color:var(--muted);background:0 0;margin-top:8px;padding:11px}.helper-text{color:var(--muted);text-align:center;margin-top:12px;font-size:13px}.route-summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.stat-card{background:var(--bg);border-radius:var(--radius-sm);padding:12px}.stat-card.full{grid-column:1/-1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px}.stat-label-with-icon{align-items:center;gap:6px;display:inline-flex}.stat-value{font-size:20px;font-weight:700;line-height:1.2}.stat-sub{color:var(--muted);margin-top:2px;font-size:12px}.route-summary-skeleton-card{pointer-events:none}.skeleton-label-row{align-items:center;gap:6px;margin-bottom:12px;display:flex}.skeleton-icon,.skeleton-line{background:linear-gradient(90deg,#e8e4dc14 0%,#e8e4dc2e 45%,#e8e4dc14 100%) 0 0/220% 100%;border-radius:999px;animation:1.2s ease-in-out infinite skeleton-loading;display:block}.skeleton-icon{flex:none;width:12px;height:12px}.skeleton-label{width:72px;height:12px}.skeleton-value{width:86px;height:24px;margin-bottom:8px}.skeleton-sub{width:48px;height:11px}.route-summary-skeleton-card.full .skeleton-value{width:112px}.route-summary-placeholder{border:1px solid var(--red-border);border-radius:var(--radius-sm);background:var(--red-bg);margin-bottom:16px;padding:16px}.route-summary-placeholder-title{color:var(--text-strong);font-size:16px;font-weight:700}.route-summary-placeholder-text{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.4}@keyframes skeleton-loading{0%{background-position:180% 0}to{background-position:-180% 0}}.badge-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge svg{flex-shrink:0;width:12px;height:12px;margin-right:4px}.badge-blue{background:var(--red-bg);color:var(--red)}.badge-green{background:var(--green);color:var(--text)}.badge-orange{background:var(--orange-light);color:var(--orange)}.overview-block{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.elevation-insight{color:var(--fg);background:var(--red);border-radius:var(--radius-sm);margin:10px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.places-title{margin:0 0 12px;font-size:14px;font-weight:600}.place-list{gap:10px;display:grid}.place-list-single{flex-direction:column;gap:10px;display:flex}.place-card{border-radius:var(--radius-sm);background:var(--bg);border:1.5px solid #0000;width:100%;padding:10px}.place-card.selected{border-color:var(--red);background:var(--red-glass);flex-direction:column;justify-content:space-between;display:flex}.place-card-main{width:100%;color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;gap:10px;padding:0;display:flex}.place-thumb{border-radius:6px;flex-shrink:0;place-items:center;width:72px;height:72px;transition:width .18s,height .18s;display:grid;position:relative;overflow:hidden}.place-thumb-large{width:180px;height:180px}.place-thumb svg{width:28px;height:28px}.place-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.place-thumb-loading{border-radius:inherit;background:linear-gradient(90deg,#e2e8f0e6 25%,#f8fafc 37%,#e2e8f0e6 63%) 0 0/400% 100%;width:100%;height:100%;animation:1.2s ease-in-out infinite place-thumb-shimmer}@keyframes place-thumb-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.place-thumb.color-blue{background:linear-gradient(135deg,oklch(92% .04 255),oklch(88% .06 255))}.place-thumb.color-green{background:linear-gradient(135deg,oklch(92% .04 155),oklch(88% .06 155))}.place-thumb.color-orange{background:linear-gradient(135deg,oklch(94% .06 45),oklch(90% .08 45))}.place-thumb-nature{background:color-mix(in srgb, var(--green-active) 18%, transparent)}.place-thumb-culture{background:color-mix(in srgb, var(--red) 18%, transparent)}.place-thumb-point_of_interest{background:color-mix(in srgb, var(--amber) 18%, transparent)}.place-info{width:100%;min-width:0}.place-name{font-size:14px;font-weight:600}.place-category{color:var(--muted);text-transform:uppercase;font-size:11px}.place-desc{color:var(--muted);font-size:12px}.place-meta{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.place-distance{color:var(--muted);font-size:11px}.place-show-btn{color:var(--red);font-size:11px;font-weight:600}.place-card-actions{gap:8px;margin-top:10px;display:grid}.place-add-route-btn,.place-open-maps-btn{background:var(--red);width:100%;color:(--text-strong);border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.place-add-route-btn{background:var(--amber);cursor:pointer;font:inherit;border:0}.place-add-route-btn:hover{background:var(--accent)}.place-open-maps-btn:hover{background:var(--red-finish)}.place-card-v2{--place-color:var(--red);--place-color-soft:var(--red);background:linear-gradient(180deg, #ffffff05, #fff0), var(--bg);width:100%;color:var(--fg);cursor:pointer;text-align:left;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);border:1.5px solid #0000;border-radius:14px;outline:none;padding:10px;position:relative}.place-card-v2:hover{border-color:color-mix(in srgb, var(--place-color) 45%, var(--border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.place-card-v2:focus-within{border-color:var(--place-color);box-shadow:0 0 0 3px var(--place-color-soft)}.place-card-v2.is-selected{border-color:var(--place-color);background:radial-gradient(circle at top left, var(--place-color-soft), transparent 44%), var(--bg);box-shadow:var(--shadow-md);grid-template-columns:1fr;padding:12px}.place-card-v2__select{width:100%;color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:0;display:grid}.place-card-v2.is-selected .place-card-v2__select{grid-template-columns:1fr}.place-card-v2--nature{--place-color:var(--green-active);--place-color-soft:var(--green-light)}.place-card-v2--culture{--place-color:var(--red);--place-color-soft:var(--red-bg)}.place-card-v2--poi{--place-color:var(--amber);--place-color-soft:var(--amber-bg)}.place-card-v2__thumb{background:linear-gradient(135deg, var(--place-color-soft), #ffffff08);border:1px solid color-mix(in srgb, var(--place-color) 28%, transparent);border-radius:10px;flex-shrink:0;place-items:center;width:76px;height:76px;display:grid;position:relative;overflow:hidden}.place-card-v2.is-selected .place-card-v2__thumb{border-radius:12px;width:100%;height:300px}.place-card-v2__image{object-fit:cover;width:100%;height:100%;display:block}.place-card-v2__thumb-overlay{pointer-events:none;opacity:0;transition:opacity var(--transition);background:linear-gradient(#0000,#00000047);position:absolute;inset:0}.place-card-v2.is-selected .place-card-v2__thumb-overlay{opacity:1}.place-card-v2__icon{width:30px;height:30px;stroke:var(--place-color);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.place-card-v2.is-selected .place-card-v2__icon{width:46px;height:46px}.place-card-v2__image-skeleton{background:linear-gradient(90deg,#334155e6 25%,#475569e6 37%,#334155e6 63%) 0 0/400% 100%;width:100%;height:100%;animation:1.2s ease-in-out infinite place-card-v2-shimmer}@keyframes place-card-v2-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.place-card-v2__rating{color:(--text-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad1;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:7px;right:7px}.place-card-v2__rating span{color:#fbbf24}.place-card-v2__body{flex-direction:column;gap:7px;min-width:0;display:flex}.place-card-v2__main{justify-content:space-between;gap:8px;min-width:0;display:flex}.place-card-v2__name{min-width:0;color:var(--fg);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.place-card-v2.is-selected .place-card-v2__name{white-space:normal;font-size:16px}.place-card-v2__category{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:11px;font-weight:600;line-height:1.2}.place-card-v2__category-dot{background:var(--place-color);width:9px;height:9px;box-shadow:0 0 0 4px var(--place-color-soft);border-radius:999px;flex-shrink:0;margin-top:4px}.place-card-v2__meta{flex-wrap:wrap;gap:6px;min-height:20px;display:flex}.place-card-v2__meta-item{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.place-card-v2__meta-item svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.place-card-v2__actions{flex-direction:row;gap:4px;margin-top:4px;display:flex}.place-card-v2.is-selected .place-card-v2__actions{justify-content:center;align-items:center}.place-card-v2__action{cursor:pointer;width:100%;min-height:34px;transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700}.place-card-v2__action:active{transform:scale(.98)}.place-card-v2__action--ghost{border:1.5px solid var(--border);color:var(--fg);background:0 0}.place-card-v2__action--ghost:hover{border-color:var(--place-color);background:var(--place-color-soft)}.place-card-v2__action--primary{border:1.5px solid var(--place-color);background:var(--place-color);color:(--text-strong);grid-column:1/-1}.place-card-v2__action--primary:hover{filter:brightness(1.08)}@media (width<=768px){.place-card-v2__select{grid-template-columns:64px minmax(0,1fr)}.place-card-v2__thumb{width:64px;height:64px}.place-card-v2.is-selected .place-card-v2__thumb{height:132px}}.map-pane{background:oklch(96% .004 240);min-height:0;position:relative;overflow:hidden}.google-map-canvas{width:100%;height:100%}.map-badge{background:var(--surface);box-shadow:var(--shadow-md);color:var(--red);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:16px;left:16px}.map-pane.map-pick-mode .google-map-canvas{cursor:crosshair}.map-pick-pin{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.map-pick-pin-dot{background:var(--green);border:3px solid (--text-strong);z-index:2;border-radius:50%;width:16px;height:16px;position:relative;box-shadow:0 2px 8px oklch(0% 0 0/.2)}.map-pick-pin-pulse{background:oklch(58% .14 155/.25);border-radius:50%;width:32px;height:32px;margin-top:-16px;margin-left:-16px;animation:1.5s ease-out infinite pin-pulse-ring;position:absolute;top:50%;left:50%}@keyframes pin-pulse-ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.map-pick-popup{background:(--text-strong);z-index:100;white-space:nowrap;border-radius:12px;min-width:220px;max-width:300px;margin-bottom:10px;padding:12px 14px;animation:.2s ease-out pick-popup-in;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px oklch(0% 0 0/.14),0 1px 4px oklch(0% 0 0/.08)}.map-pick-popup-close{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;font-size:14px;line-height:1;position:absolute;top:6px;right:6px}.map-pick-popup-close:hover{background:var(--bg);color:var(--fg)}.map-pick-popup:after{content:"";border:6px solid #0000;border-top-color:(--text-strong);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes pick-popup-in{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.map-pick-popup-address{color:oklch(18% .015 250);white-space:normal;word-break:break-word;margin:4px 20px 10px 0;font-size:13px;font-weight:500;line-height:1.4}.map-pick-popup-actions{justify-content:space-between;gap:6px;display:flex}.map-pick-popup-btn{cursor:pointer;border:none;border-radius:6px;width:100%;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.map-pick-popup-btn.start{background:var(--green);color:(--text-strong)}.map-pick-popup-btn.start:hover{background:var(--green-active);color:(--text-strong)}.map-pick-popup-btn.dest{background:var(--red-finish);color:(--text-strong)}.map-pick-popup-btn.dest:hover{background:var(--accent);color:(--text-strong)}.route-endpoint-marker{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.route-endpoint-popup{background:(--text-strong);border-radius:10px;min-width:120px;max-width:210px;margin-bottom:8px;padding:6px 8px;box-shadow:0 4px 12px oklch(0% 0 0/.14)}.route-endpoint-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:10px;font-weight:700}.route-endpoint-address{color:var(--muted);word-break:break-word;font-size:11px;line-height:1.25}.route-endpoint-dot{border:3px solid (--text-strong);border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px oklch(0% 0 0/.2)}.route-endpoint-marker.start .route-endpoint-dot{background:var(--green)}.route-endpoint-marker.start .route-endpoint-title{color:var(--green-text)}.route-endpoint-marker.destination .route-endpoint-dot{background:var(--red-finish)}.route-endpoint-marker.destination .route-endpoint-title{color:var(--red)}.place-marker-wrapper{cursor:pointer;position:relative;overflow:visible}.place-marker-popup{z-index:10;background:var(--red);min-width:190px;max-width:250px;color:(--text-strong);pointer-events:none;white-space:normal;overflow-wrap:break-word;border:1px solid #e8e4dc2e;border-radius:10px;padding:8px 10px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000047}.place-marker-popup:after{content:"";background:var(--red);border-bottom:1px solid #e8e4dc2e;border-right:1px solid #e8e4dc2e;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.place-marker-nature .place-marker-popup,.place-marker-nature .place-marker-popup:after{background:var(--green-active)}.place-marker-culture .place-marker-popup,.place-marker-culture .place-marker-popup:after{background:var(--red)}.place-marker-point_of_interest .place-marker-popup,.place-marker-point_of_interest .place-marker-popup:after{background:var(--amber)}.place-marker-popup-title{text-align:center;font-size:13px;font-weight:700;line-height:1.25}.place-marker-popup-category{letter-spacing:.04em;text-align:center;text-transform:uppercase;opacity:.78;margin-top:4px;font-size:10px;font-weight:600;line-height:1.2}.place-pin-marker{cursor:pointer;transform-origin:bottom;width:44px;height:56px;transition:transform .16s,filter .16s}.place-pin-marker:hover{transform:translateY(-3px)scale(1.08)}.place-pin-marker.is-active{z-index:10;transform:translateY(-4px)scale(1.16)}.place-pin-svg{display:block;overflow:visible}