:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f4f2ed;--color-surface:#fff;--color-surface-subtle:#fbfaf7;--color-surface-muted:#ebe7dd;--color-surface-chip:#eee9df;--color-surface-control:#e8e2d7;--color-surface-control-hover:#d8d0c2;--color-surface-nav-hover:#e7e1d5;--color-surface-header:#f4f2edeb;--color-surface-glass:#ffffffdb;--color-surface-glass-strong:#fffffff5;--color-surface-glass-soft:#ffffffb8;--color-text:#18201c;--color-text-secondary:#69716b;--color-text-strong-secondary:#38403a;--color-text-subtle:#8b897f;--color-text-on-accent:#fff;--color-border:#d8d3c8;--color-brand:#1f6f5b;--color-brand-strong:#15503f;--color-brand-focus:#1f6f5b24;--color-accent-warm:#c47b2a;--color-accent-blue:#355f7c;--color-rating:#b7791f;--color-rating-fill:#e0a93f;--color-danger:#8f483d;--color-danger-strong:#7b332b;--color-danger-surface:#f6e5e0;--color-danger-surface-hover:#f0ded7;--color-danger-border:#e7c5bc;--color-glass-border:#ffffffad;--color-glass-border-strong:#fffc;--color-glass-border-popover:#ffffffb8;--color-glass-border-soft:#fff9;--color-map-grid:#ffffff29;--color-photo-caption:#141e18c2;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-micro:10px;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-display-sm:34px;--font-size-display-md:42px;--font-size-display-lg:48px;--font-size-route-title:var(--font-size-md);--font-size-section-title:var(--font-size-xl);--font-size-day-title:var(--font-size-md);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.3;--line-height-normal:1.4;--line-height-relaxed:1.55;--line-height-display:1.05;--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:18px;--space-10:20px;--space-12:24px;--space-14:28px;--space-16:32px;--space-20:40px;--space-24:48px;--space-32:64px;--radius-sm:6px;--radius-md:7px;--radius-lg:8px;--radius-pill:999px;--border-width:1px;--shadow-sm:0 8px 18px #141e1829;--shadow-md:0 14px 36px #141e1833;--shadow-lg:0 18px 48px #1f292324;--shadow-popover:0 18px 42px #141e1838;--shadow-overlay:0 18px 46px #141e183d;--shadow-marker:0 8px 18px #0000002e;--shadow-map-control:0 12px 34px #141e1829;--focus-ring:0 0 0 3px var(--color-brand-focus);--control-height-sm:30px;--control-height-dense:34px;--control-height-dense-row:40px;--control-height-compact:36px;--control-height-md:38px;--control-height-lg:42px;--control-height-xl:46px;--control-size-icon-dense:30px;--density-panel-padding:16px;--density-section-gap:12px;--density-card-padding:8px;--density-row-gap:6px;--duration-fast:.12s;--duration-normal:.18s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--bg:var(--color-canvas);--panel:var(--color-surface);--panel-muted:var(--color-surface-muted);--text:var(--color-text);--muted:var(--color-text-secondary);--line:var(--color-border);--accent:var(--color-brand);--accent-strong:var(--color-brand-strong);--amber:var(--color-accent-warm);--blue:var(--color-accent-blue);--shadow:var(--shadow-lg)}
*{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);letter-spacing:0;line-height:var(--line-height-normal);text-rendering:optimizelegibility}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}::selection{background:var(--color-brand);color:var(--color-text-on-accent)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}
button,.route-card a,.empty-state a,.my-routes-new-link,.my-route-open-link{background:var(--color-brand);border-radius:var(--radius-md);color:var(--color-text-on-accent);cursor:pointer;font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-4);min-height:var(--control-height-lg);padding:0 var(--space-7);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border:0;justify-content:center;display:inline-flex}button:hover,.route-card a:hover,.empty-state a:hover,.my-routes-new-link:hover,.my-route-open-link:hover{background:var(--color-brand-strong)}button:disabled{cursor:not-allowed;opacity:.68}.secondary-button{background:var(--color-surface-control);color:var(--color-text)}.secondary-button:hover{background:var(--color-surface-control-hover)}

.app-header{background:var(--color-surface-header);border-bottom:var(--border-width) solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;min-height:64px;padding:0 28px;display:flex;position:sticky;top:0}.brand,.header-actions,.main-nav,.main-nav a{align-items:center;display:flex}.brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-5)}.brand-mark{background:var(--color-text);border-radius:var(--radius-md);color:var(--color-text-on-accent);justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.main-nav{gap:var(--space-4)}.header-actions{gap:var(--space-7)}.main-nav a{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-4);min-height:var(--control-height-md);padding:0 12px}.main-nav a:hover{background:var(--color-surface-nav-hover);color:var(--color-text)}.login-link{background:var(--color-text);border-radius:var(--radius-md);color:var(--color-text-on-accent);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-4);min-height:var(--control-height-md);padding:0 12px;display:inline-flex}.login-link:hover{background:var(--color-brand-strong)}.auth-user{border-left:var(--border-width) solid var(--color-border);align-items:center;gap:var(--space-4);padding-left:14px;display:flex}.auth-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-4);white-space:nowrap;display:inline-flex}.logout-button{background:var(--color-surface-control);color:var(--color-text);min-height:var(--control-height-compact);width:36px;padding:0}.logout-button:hover{background:var(--color-surface-control-hover)}.page-shell{max-width:1180px;margin:0 auto;padding:44px 24px 64px}.catalog-heading{align-items:end;gap:var(--space-12);grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);margin-bottom:30px;display:grid}.eyebrow{color:var(--color-brand);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:uppercase;margin:0 0 8px}.catalog-heading h1,.route-detail-title h1{font-size:var(--font-size-display-lg);line-height:var(--line-height-display);max-width:780px;margin:0}.catalog-heading p:last-child,.route-detail-title p:last-child{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0}.catalog-layout{gap:var(--space-9);display:grid}.filters{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);align-items:end;gap:var(--space-6);grid-template-columns:minmax(260px,1fr) repeat(3,minmax(150px,.45fr));padding:14px;display:grid}.filters-placeholder{min-height:92px}.my-routes-page{max-width:980px;margin:0 auto;padding:32px 24px 56px}.my-routes-heading{align-items:end;gap:var(--space-12);margin-bottom:var(--space-12);justify-content:space-between;display:flex}.my-routes-heading h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin:0}.my-routes-heading p:last-child{color:var(--color-text-secondary);margin:var(--space-3) 0 0}.my-routes-new-link{flex:none}.my-routes-list{gap:var(--space-7);margin:0;padding:0;list-style:none;display:grid}.my-route-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);align-items:start;gap:var(--space-7);grid-template-columns:42px minmax(0,1fr);padding:14px;display:grid}.my-route-icon{background:var(--color-surface-chip);border-radius:var(--radius-md);color:var(--color-brand);justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.my-route-content{gap:var(--space-7);min-width:0;display:grid}.my-route-title-row{align-items:start;gap:var(--space-8);justify-content:space-between;display:flex}.my-route-title-row h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight);margin:1px 0 var(--space-3)}.my-route-title-row p{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;gap:var(--space-3);margin:0;display:flex}.my-route-shared-line{color:var(--color-text-secondary);font-size:var(--font-size-xs);align-items:center;gap:var(--space-4);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.shared-route-badge{background:color-mix(in srgb, var(--color-accent-blue) 12%, var(--color-surface));border:var(--border-width) solid color-mix(in srgb, var(--color-accent-blue) 34%, var(--color-border));border-radius:var(--radius-pill);color:var(--color-accent-blue);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-2);min-height:24px;padding:0 8px;display:inline-flex}.my-route-open-link{background:var(--color-surface-control);color:var(--color-text);min-height:var(--control-height-md)}.my-route-open-link:hover{background:var(--color-surface-control-hover)}.my-routes-empty{border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);text-align:center;align-content:center;justify-items:center;min-height:240px;padding:32px;display:grid}.my-routes-empty h2{color:var(--color-text);font-size:var(--font-size-lg);margin:var(--space-7) 0 var(--space-3)}.my-routes-empty p{margin:0}.filters label,.login-form label,.planner-title label,.date-field{gap:var(--space-4);display:grid}.filters label span,.login-form label>span:first-child,.planner-title label span,.date-field span{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.filters input,.filters select,.login-form input,.planner-title input,.date-field input,.stop-editor input{background:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-height:var(--control-height-lg);outline:none;width:100%;padding:0 12px}.filters input:focus,.filters select:focus,.login-form input:focus,.planner-title input:focus,.date-field input:focus,.stop-editor input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-focus)}.search-field{position:relative}.search-field svg{color:var(--color-text-secondary);position:absolute;top:35px;left:12px}.search-field input{padding-left:38px}.route-grid{gap:var(--space-9);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.route-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);min-width:0;display:grid;overflow:hidden}.route-card-body{gap:var(--space-7);padding:16px;display:grid}.route-card-title{gap:var(--space-4);display:grid}.route-card-title p{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-3);margin:0;display:inline-flex}.route-card h2{font-size:var(--font-size-xl);line-height:var(--line-height-tight);margin:0}.route-summary{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.route-meta,.route-stats,.planner-stats{gap:var(--space-4);flex-wrap:wrap;display:flex}.route-meta span,.route-stats span,.planner-stats span{background:var(--color-surface-chip);border-radius:var(--radius-pill);color:var(--color-text-strong-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-3);min-height:var(--control-height-sm);padding:0 10px;display:inline-flex}.planner-stats span{min-height:26px;padding:0 8px}.selection-toggle{background:var(--color-surface-chip);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-2);grid-template-columns:1fr 1fr;padding:4px;display:grid}.selection-toggle button{color:var(--color-text-secondary);background:0 0;min-height:40px}.selection-toggle button:hover,.selection-toggle button.active{background:var(--color-surface);color:var(--color-text)}.tag-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.tag-row span{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:6px 9px}.map-preview{background:var(--route-gradient);min-height:220px;position:relative;overflow:hidden}.map-preview-card{aspect-ratio:16/10}.map-preview-large{height:100%;min-height:520px}.map-grid{background-image:linear-gradient(var(--color-map-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-map-grid) 1px, transparent 1px);opacity:.75;background-size:42px 42px;position:absolute;inset:0}.map-route-line{width:100%;height:100%;position:absolute;inset:0}.map-pin{background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-pill);box-shadow:var(--shadow-marker);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);z-index:2;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.map-provider-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-surface-glass-soft);border:1px solid var(--color-glass-border-soft);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:7px 10px;position:absolute;bottom:14px;left:14px}.google-map-shell,.google-map-fallback{height:100%;min-height:inherit;position:relative;overflow:hidden}.google-map-canvas{height:100%;min-height:inherit;width:100%}.map-control-panel,.map-state-panel,.route-error-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--color-surface-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-map-control);color:var(--color-text);z-index:3;position:absolute}.map-control-panel{gap:var(--space-4);flex-wrap:nowrap;max-width:calc(100% - 36px);padding:6px;display:flex;top:18px;left:18px;overflow-x:auto}.map-all-days-toggle,.map-day-chip{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-4);min-height:var(--control-height-dense);white-space:nowrap;display:inline-flex}.map-all-days-toggle{cursor:pointer;padding:0 7px 0 5px}.map-all-days-toggle input{accent-color:var(--color-brand);width:17px;height:17px;margin:0}.map-all-days-toggle:has(input:disabled){cursor:not-allowed;opacity:.68}.map-day-chip{--day-color:var(--color-brand);background:var(--color-surface);border:2px solid var(--day-color);color:var(--color-text);min-height:var(--control-height-dense);padding:0 10px}.map-day-chip:hover{background:color-mix(in srgb, var(--day-color) 12%, var(--color-surface));color:var(--color-text)}.map-day-chip.active,.map-day-chip.active:hover{background:var(--day-color);color:var(--color-text-on-accent)}.map-key-state-panel{top:auto;bottom:18px}.map-state-panel{gap:var(--space-3);max-width:360px;padding:13px 14px;display:grid;top:18px;left:18px}.map-state-panel span{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.route-error-panel{color:var(--color-danger-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);max-width:min(520px,100% - 36px);padding:12px 14px;bottom:18px;left:18px}.map-context-menu{background:var(--color-surface-glass-strong);border:1px solid var(--color-glass-border-popover);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);z-index:5;min-width:190px;padding:5px;display:grid;position:absolute;overflow:hidden;transform:translateY(-6px)}.map-context-menu button{border-radius:var(--radius-sm);color:var(--color-text);min-height:var(--control-height-md);background:0 0;justify-content:flex-start;padding:0 10px}.map-context-menu button:hover{background:var(--color-surface-chip);color:var(--color-text)}.map-place-card{background:var(--color-surface-glass-strong);border:1px solid var(--color-glass-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);color:var(--color-text);gap:var(--space-6);z-index:5;width:340px;max-width:calc(100% - 36px);max-height:calc(100% - 48px);padding:16px;display:grid;position:absolute;bottom:24px;right:18px;overflow-y:auto}.map-place-card header{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid}.map-place-card header span,.map-place-attribution{color:var(--color-text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold)}.map-place-card h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:3px 0 0}.map-place-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.map-place-photo{background:var(--color-surface-control);border-radius:var(--radius-md);height:150px;margin:0;position:relative;overflow:hidden}.map-place-photo img{object-fit:cover;width:100%;height:100%;display:block}.map-place-photo figcaption{background:var(--color-photo-caption);color:var(--color-text-on-accent);font-size:var(--font-size-micro);line-height:var(--line-height-snug);padding:5px 7px;position:absolute;bottom:0;left:0;right:0}.map-place-photo figcaption a{color:var(--color-text-on-accent);text-decoration:underline}.map-place-card header button{color:var(--color-text-secondary);background:0 0;width:32px;min-height:32px;padding:0}.map-place-loading,.map-place-rating{align-items:center;gap:var(--space-4);display:flex}.map-place-loading{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.map-place-loading svg,.place-search-spinner{animation:.85s linear infinite places-spin}.map-place-rating svg{color:var(--color-rating);fill:var(--color-rating-fill)}.map-place-rating span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.map-place-actions{gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.map-place-actions button,.map-place-actions a{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-4);min-height:var(--control-height-md);justify-content:center;padding:0 11px;display:inline-flex}.map-place-actions a{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.map-place-error{color:var(--color-danger-strong)!important}@keyframes places-spin{to{transform:rotate(360deg)}}.planner-page,.route-detail{min-height:calc(100vh - 64px)}.planner-workspace,.route-detail{display:grid}.planner-workspace{grid-template-columns:420px minmax(0,1fr)}.route-detail{grid-template-columns:minmax(0,1fr) 420px}.planner-map-pane{grid-area:1/2;min-width:0;position:relative}.planner-map-pane,.route-detail-map{min-height:calc(100vh - 64px)}.planner-panel,.route-detail-panel{background:var(--color-surface);gap:var(--density-section-gap);max-height:calc(100vh - 64px);padding:var(--density-panel-padding);display:grid;overflow:auto}.planner-panel{border-right:var(--border-width) solid var(--color-border);font-size:var(--font-size-base);grid-area:1/1;grid-auto-rows:max-content;align-content:start}.route-detail-panel{border-left:var(--border-width) solid var(--color-border)}.planner-title{gap:var(--space-6);display:grid}.planner-title input{font-size:var(--font-size-route-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);min-height:var(--control-height-md)}.date-field{align-items:center;gap:var(--space-4);grid-template-columns:auto auto minmax(0,1fr)}.date-field input{min-height:var(--control-height-dense);grid-column:auto;padding:0 9px}.planner-actions,.share-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.planner-actions button{min-height:var(--control-height-dense)}.planner-actions.single-action{grid-template-columns:1fr}.route-collaboration-bar{background:color-mix(in srgb, var(--color-accent-blue) 8%, var(--color-surface));border:var(--border-width) solid color-mix(in srgb, var(--color-accent-blue) 28%, var(--color-border));border-radius:var(--radius-md);align-items:center;gap:var(--space-4);justify-content:space-between;min-height:38px;padding:4px 6px 4px 9px;display:flex}.route-collaboration-bar.is-editor{background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface));border-color:color-mix(in srgb, var(--color-brand) 28%, var(--color-border))}.route-editor-state{color:var(--color-text-strong-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-3);min-width:0;display:flex}.route-collaboration-bar.is-editor .route-editor-state{color:var(--color-brand-strong)}.route-participants{flex:none;display:flex}.route-participants button{background:var(--color-surface);border:2px solid var(--color-surface);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);width:28px;height:28px;min-height:28px;margin-left:-5px;padding:0}.route-participants button.active{background:var(--color-brand);color:var(--color-text-on-accent)}.route-participants button:not(:disabled):hover{border-color:var(--color-accent-warm)}.route-presence-loading{color:var(--color-text-secondary);font-size:var(--font-size-2xs)}.save-status{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:-4px 0 0}.save-status-error{color:var(--color-danger)}.day-editor-heading,.stop-editor-heading{justify-content:space-between;align-items:center;display:flex}.day-editor-heading h1,.stop-editor-heading h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.day-editor-heading button,.stop-editor-heading button{min-height:var(--control-height-dense);width:var(--control-height-dense);padding:0}.days-editor{gap:var(--density-row-gap);display:grid}.day-editor{--day-color:var(--color-brand);background:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border);border-left:4px solid var(--day-color);border-radius:var(--radius-lg);gap:var(--space-4);padding:var(--density-card-padding);display:grid}.day-editor.active{background:var(--color-surface);box-shadow:0 0 0 2px color-mix(in srgb, var(--day-color) 24%, transparent)}.day-editor:not(.active){cursor:pointer;gap:0}.day-editor:not(.active):hover{background:var(--color-surface);border-color:color-mix(in srgb, var(--day-color) 42%, var(--color-border))}.day-editor-header{align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.day-header-actions{gap:var(--space-1);grid-template-columns:repeat(2, var(--control-size-icon-dense));display:grid}.day-editor-summary{gap:var(--space-2);min-width:0;display:grid}.day-editor-title-row{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.day-editor-date{color:var(--color-text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);white-space:nowrap;text-transform:capitalize}.day-editor-header input{color:var(--color-text);font-size:var(--font-size-day-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);background:0 0;border:0;border-bottom:1px solid #0000;outline:none;width:100%;min-width:0;min-height:22px;padding:0}.day-editor-meta{color:var(--color-text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);gap:var(--space-3);line-height:var(--line-height-snug);flex-wrap:wrap;display:flex}.day-editor-meta span:not(:last-child):after{color:var(--color-text-subtle);content:"·";margin-left:var(--space-3)}.day-editor-header input:focus{border-bottom-color:var(--day-color)}.day-number{background:var(--day-color);border-radius:var(--radius-pill);color:var(--color-text-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.day-note-button,.day-delete-button{min-height:var(--control-size-icon-dense);width:var(--control-size-icon-dense);background:0 0;padding:0}.day-note-button{color:var(--color-text-secondary)}.day-note-button:hover,.day-note-button[aria-pressed=true]{background:var(--color-surface-chip);color:var(--color-text)}.day-note-button.has-note{background:color-mix(in srgb, var(--day-color) 12%, transparent);color:var(--day-color)}.day-delete-button{color:var(--color-danger)}.day-delete-button:hover{background:var(--color-danger-surface-hover)}.day-note-panel{--day-color:var(--color-brand);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--color-surface-glass-strong);border:1px solid var(--color-glass-border-strong);border-top:4px solid var(--day-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);gap:var(--space-8);z-index:6;width:min(380px,100% - 36px);max-height:calc(100% - 36px);padding:16px;display:grid;position:absolute;top:18px;right:18px;overflow-y:auto}.day-note-panel header{align-items:center;gap:var(--space-6);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.day-note-panel header>div{min-width:0}.day-note-panel header span,.day-note-panel label>span{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.day-note-panel h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight);overflow-wrap:anywhere;margin:2px 0 0}.day-note-panel header button{color:var(--color-text-secondary);background:0 0;width:32px;min-height:32px;padding:0}.day-note-panel header button:hover{background:var(--color-surface-chip);color:var(--color-text)}.day-note-panel label{gap:var(--space-4);display:grid}.day-note-panel textarea{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);line-height:var(--line-height-relaxed);resize:vertical;width:100%;min-height:180px;padding:11px 12px}.day-note-panel textarea:focus{border-color:var(--day-color);box-shadow:var(--focus-ring);outline:none}.share-access-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--color-surface-glass-strong);border:1px solid var(--color-glass-border-strong);border-top:4px solid var(--color-brand);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);gap:var(--space-8);z-index:7;width:min(410px,100% - 36px);max-height:calc(100% - 36px);padding:16px;display:grid;position:absolute;top:18px;right:18px;overflow-y:auto}.share-access-panel header{align-items:center;gap:var(--space-6);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.share-access-panel header>div{min-width:0}.share-access-panel header span,.share-access-panel label>span{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.share-access-panel h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight);margin:2px 0 0}.share-access-panel p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.share-access-section{border-top:var(--border-width) solid var(--color-border);gap:var(--space-5);padding-top:var(--space-7);display:grid}.share-access-section-heading{justify-content:space-between;align-items:center;display:flex}.share-access-section-heading h3{font-size:var(--font-size-base);margin:0}.share-access-section-heading>span{background:var(--color-surface-chip);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);padding:3px 7px}.collaborator-search{position:relative}.collaborator-search>svg{color:var(--color-text-secondary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.collaborator-search input{padding-left:32px}.collaborator-suggestions,.collaborator-list{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.collaborator-suggestions p{padding:9px 10px}.collaborator-suggestions button,.collaborator-list li{background:var(--color-surface);border:0;border-bottom:var(--border-width) solid var(--color-border);text-align:left;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:5px 8px 5px 10px;display:flex}.collaborator-suggestions button:last-child,.collaborator-list li:last-child{border-bottom:0}.collaborator-suggestions button:hover{background:var(--color-surface-subtle)}.collaborator-suggestions button>span,.collaborator-list li>span{gap:1px;display:grid}.collaborator-suggestions strong,.collaborator-list strong{font-size:var(--font-size-sm)}.collaborator-suggestions small,.collaborator-list small{color:var(--color-text-secondary);font-size:var(--font-size-2xs)}.collaborator-list button{color:var(--color-danger);background:0 0;width:30px;min-height:30px;padding:0}.collaborator-list button:hover{background:var(--color-danger-surface-hover)}.share-access-panel header button{color:var(--color-text-secondary);background:0 0;width:32px;min-height:32px;padding:0}.share-access-panel header button:hover{background:var(--color-surface-chip);color:var(--color-text)}.share-access-icon{background:var(--color-surface-chip);border-radius:var(--radius-md);justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;color:var(--color-brand)!important}.share-access-panel label{gap:var(--space-4);display:grid}.share-access-panel input{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);min-height:var(--control-height-md);width:100%;padding:0 10px}.share-access-actions{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.share-access-disable{background:var(--color-danger-surface);color:var(--color-danger-strong)}.share-access-disable:hover{background:var(--color-danger-surface-hover)}.share-access-error{font-weight:var(--font-weight-semibold);color:var(--color-danger-strong)!important}.day-editor-body{gap:var(--density-row-gap);display:grid}.stop-editor,.stop-timeline{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.stop-editor li{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;padding:10px;display:grid}.stop-editor li>svg{color:var(--color-text-subtle)}.stop-editor label{align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.stop-editor button{color:var(--color-danger);min-height:var(--control-height-compact);background:0 0;width:36px;padding:0}.stop-editor button:hover{background:var(--color-danger-surface-hover)}.day-stop-editor{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);gap:0}.day-stop-editor li{background:var(--color-surface);border:0;border-bottom:var(--border-width) solid var(--color-border);gap:var(--space-2);min-height:var(--control-height-dense-row);border-radius:0;padding:3px 4px}.day-stop-editor li:last-child{border-bottom:0}.day-stop-editor li:focus-within{box-shadow:inset 0 0 0 1px var(--color-brand)}.day-stop-editor .day-stops-empty{min-height:var(--control-height-dense-row);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:10px 8px;display:block}.place-search-field{min-width:0;position:relative}.place-search-field>svg:first-child{color:var(--color-text-secondary);pointer-events:none;z-index:1;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.place-search-field input{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:0 0;border:0;border-radius:0;min-height:32px;padding-left:27px;padding-right:26px}.place-search-field input:focus{box-shadow:none;border-color:#0000}.place-search-spinner{color:var(--color-brand);position:absolute;top:50%;right:6px;transform:translateY(-50%)}.place-suggestions{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:20;min-width:min(320px,100vw - 80px);max-height:280px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden auto}.stop-editor .place-suggestions button{border-radius:var(--radius-sm);color:var(--color-text);align-items:start;gap:var(--space-1);text-align:left;background:0 0;justify-items:start;width:100%;min-height:48px;padding:7px 9px;display:grid}.stop-editor .place-suggestions button:hover,.stop-editor .place-suggestions button.active{background:var(--color-surface-chip);color:var(--color-text)}.place-suggestions strong,.place-suggestions span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.place-suggestions strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.place-suggestions span,.place-suggestions p{color:var(--color-text-secondary);font-size:var(--font-size-2xs);margin:0}.place-suggestions p{padding:9px}.place-suggestions small{color:var(--color-text-secondary);font-size:var(--font-size-micro);text-align:right;padding:5px 9px 3px}.stop-actions{gap:var(--space-1);grid-template-columns:repeat(3, var(--control-size-icon-dense));display:grid}.stop-actions button{color:var(--color-text-secondary);min-height:var(--control-size-icon-dense);width:var(--control-size-icon-dense)}.stop-actions button:last-child{color:var(--color-danger)}.stop-actions button:hover{background:var(--color-surface-chip)}.stop-actions button:last-child:hover{background:var(--color-danger-surface-hover)}.day-add-stop-button{min-height:var(--control-height-dense);width:100%}.stop-index{background:var(--color-text);border-radius:var(--radius-pill);color:var(--color-text-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.back-link{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-4);width:fit-content;display:inline-flex}.route-detail-title{gap:var(--space-8);display:grid}.route-detail-title h1{font-size:var(--font-size-display-md);line-height:var(--line-height-display)}.shared-route-page{grid-template-columns:minmax(0,1fr) 420px;min-height:calc(100vh - 64px);display:grid}.shared-route-map{min-width:0;min-height:calc(100vh - 64px)}.shared-route-panel{background:var(--color-surface);border-left:var(--border-width) solid var(--color-border);align-content:start;gap:var(--space-10);max-height:calc(100vh - 64px);padding:20px;display:grid;overflow-y:auto}.shared-route-heading h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin:0}.shared-route-heading>p:last-child{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;gap:var(--space-3);margin:var(--space-5) 0 0;display:flex}.shared-route-days{gap:var(--space-7);display:grid}.shared-route-day{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-7);padding:12px;display:grid}.shared-route-day>header{align-items:center;gap:var(--space-6);grid-template-columns:auto minmax(0,1fr);display:grid}.shared-route-day header p,.shared-route-day header h2{margin:0}.shared-route-day header p{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.shared-route-day header h2{font-size:var(--font-size-md);line-height:var(--line-height-tight);margin-top:2px}.shared-route-day ol{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.shared-route-day li{border-top:var(--border-width) solid var(--color-border);align-items:start;gap:var(--space-4);padding-top:var(--space-6);grid-template-columns:auto minmax(0,1fr);display:grid}.shared-route-day li svg{color:var(--color-brand);margin-top:2px}.shared-route-day li div{gap:var(--space-1);display:grid}.shared-route-day li strong{font-size:var(--font-size-sm)}.shared-route-day li span,.shared-route-note,.shared-route-empty-day{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.shared-route-note,.shared-route-empty-day{white-space:pre-wrap;margin:0}.stop-timeline li{gap:var(--space-6);grid-template-columns:auto minmax(0,1fr);display:grid}.stop-timeline h2{font-size:var(--font-size-md);align-items:center;gap:var(--space-4);margin:2px 0 4px;display:flex}.stop-timeline p{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.stop-note{margin-top:8px!important}.empty-state{align-content:center;justify-items:start;max-width:560px;min-height:calc(100vh - 64px);margin:0 auto;padding:32px;display:grid}.empty-state h1{font-size:var(--font-size-display-md);margin:0 0 12px}.empty-state p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 20px}.login-page{align-items:center;min-height:calc(100vh - 64px);padding:40px 20px;display:grid}.login-panel{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-14);width:100%;max-width:460px;margin:0 auto;padding:28px;display:grid}.login-title{gap:var(--space-7);grid-template-columns:auto minmax(0,1fr);display:grid}.login-title .eyebrow{margin-bottom:5px}.login-title h1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin:0}.login-title>p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);grid-column:1/-1;margin:0}.login-icon{background:var(--color-text);border-radius:var(--radius-md);color:var(--color-text-on-accent);justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.login-form{gap:var(--space-8);display:grid}.password-field{display:block;position:relative}.password-field input{padding-right:48px}.password-visibility-button{color:var(--color-text-secondary);min-height:var(--control-height-compact);background:0 0;width:36px;padding:0;position:absolute;top:3px;right:4px}.password-visibility-button:hover{background:var(--color-surface-chip);color:var(--color-text)}.login-error{background:var(--color-danger-surface);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger-strong);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);margin:0;padding:10px 12px}@media (max-width:960px){.catalog-heading,.filters,.planner-workspace,.route-detail,.shared-route-page{grid-template-columns:1fr}.planner-map-pane,.planner-panel{grid-area:auto}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-map-pane,.route-detail-map,.shared-route-map{min-height:460px}.planner-panel,.route-detail-panel,.shared-route-panel{border-left:0;border-right:0;border-top:var(--border-width) solid var(--color-border);max-height:none}}@media (max-width:680px){.planner-page{--control-height-dense-row:44px;--control-size-icon-dense:34px;--density-panel-padding:14px}.app-header{align-items:stretch;gap:var(--space-5);flex-direction:column;padding:12px 16px;position:static}.header-actions{align-items:stretch;gap:var(--space-5);display:grid}.main-nav{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.main-nav a{background:var(--color-surface-control);justify-content:center}.login-link{justify-content:center}.auth-user{border-left:0;justify-content:space-between;padding-left:0}.page-shell{padding:28px 14px 44px}.my-routes-page{padding:24px 14px 40px}.my-routes-heading,.my-route-title-row{align-items:stretch;display:grid}.my-routes-new-link,.my-route-open-link{width:100%}.my-route-card{grid-template-columns:34px minmax(0,1fr);padding:12px}.my-route-icon{width:34px;height:34px}.catalog-heading h1{font-size:var(--font-size-display-md)}.route-grid{grid-template-columns:1fr}.planner-page,.route-detail{min-height:auto}.planner-map-pane,.route-detail-map,.map-preview-large{min-height:360px}.planner-panel,.route-detail-panel{padding:14px}.day-editor-header{grid-template-areas:"number title actions""meta meta meta"}.day-editor-header>.day-number{grid-area:number}.day-editor-summary{display:contents}.day-editor-title-row{grid-area:title}.day-editor-meta{grid-area:meta}.day-header-actions{grid-area:actions}.planner-actions,.share-row{grid-template-columns:1fr}.place-suggestions{width:min(280px,100vw - 100px);min-width:0;max-height:min(260px,45vh);inset:auto auto calc(100% + 5px) 0}.map-place-card{width:auto;max-width:none;bottom:12px;left:12px;right:12px}.day-note-panel,.share-access-panel{width:auto;max-height:calc(100% - 24px);top:12px;left:12px;right:12px}.share-access-actions{grid-template-columns:1fr}.shared-route-page{min-height:auto}.shared-route-map{min-height:360px}.shared-route-panel{max-height:none;padding:16px 14px 32px}.day-note-panel textarea{min-height:130px}.map-place-photo{height:110px}.route-detail-title h1{font-size:var(--font-size-display-sm)}.login-page{min-height:auto;padding:24px 14px}.login-panel{padding:22px 18px}}