:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel-bg:#fbfbfa;--panel-border:#dedcd6;--sidebar-bg:#f7f6f3;--sidebar-hover:#f0eeeb;--sidebar-selected:#e8e6e1;--text-primary:#1a1d1f;--text-secondary:#4a4e52;--text-muted:#626660;--accent-blue:#84622d;--status-active:#346538;--status-active-bg:#edf3ec;--status-pending:#956400;--status-pending-bg:#fbf3db;--status-review:#9f4a26;--status-review-bg:#fdebec;--card-bg:#fff;--hover:#f0eeeb;--background:#fbfbfa;--primary:#1a1d1f;--primary-foreground:#fff;--ring:#84622d;--radius:.375rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel-bg:#191919;--panel-border:#41403b;--sidebar-bg:#202020;--sidebar-hover:#33312e;--sidebar-selected:#3a3833;--text-primary:#f0efec;--text-secondary:#c7c3bb;--text-muted:#aaa7a1;--accent-blue:#c9a96e;--status-active:#7cc9a8;--status-active-bg:#7cc9a81a;--status-pending:#d4be7e;--status-pending-bg:#d4be7e1a;--status-review:#d4977a;--status-review-bg:#d4977a1a;--card-bg:#272727;--hover:#33312e;--background:#191919;--primary:#f0efec;--primary-foreground:#191919;--ring:#c9a96e}}*{box-sizing:border-box}body{background:var(--panel-bg);color:var(--text-primary);margin:0;font:16px/1.5 ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{transition:color .15s,background-color .15s,border-color .15s}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shell{max-width:1440px;margin:auto;padding:24px 32px}.brand{border-bottom:1px solid var(--panel-border);align-items:center;gap:8px;min-height:36px;padding-bottom:16px;font-size:14px;font-weight:600;display:flex}.brand-mark{background:var(--primary);width:24px;height:24px;color:var(--primary-foreground);border-radius:.25rem;place-items:center;font-size:12px;font-weight:600;display:grid}.eyebrow{letter-spacing:0;color:var(--text-muted);margin:0;font-size:12px;font-weight:500}.brand .eyebrow{margin-left:16px;font-weight:500}.session-badge,.count-badge{background:var(--sidebar-bg);color:var(--text-secondary);border-radius:.25rem;align-items:center;gap:8px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.session-badge{margin-left:auto}.tiny-dot{background:var(--status-active);border-radius:.25rem;width:8px;height:8px}h1,h2,h3{letter-spacing:-.02em;color:var(--text-primary);font-weight:600}h1{margin:8px 0;font-size:28px;line-height:1.3}h2{letter-spacing:0;margin:0;font-size:14px}h3{margin:0 0 4px;font-size:14px}p{color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.page-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin:24px 0;display:flex}.page-heading p:last-child{margin:0;font-size:14px}.notice,.policy{max-width:42rem;padding-top:24px}.workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:16px;display:grid}.side-panel{background:var(--card-bg);border:1px solid var(--panel-border);border-radius:var(--radius);min-width:0;padding:16px}.panel-label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.list-toggle,.text-button{min-height:36px;color:var(--text-secondary);text-underline-offset:4px;background:0 0;border:0;padding:0 8px;font-size:14px;font-weight:500;text-decoration:underline}.list-toggle{display:none}.text-button:hover,.list-toggle:hover{background:var(--hover);border-radius:.25rem}.office-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.office-card{text-align:left;width:100%;min-height:44px;color:var(--text-primary);border-radius:var(--radius);background:0 0;border:1px solid #0000;align-items:flex-start;gap:12px;padding:8px 12px;display:flex}.office-card:hover:not(:disabled){background:var(--hover)}.office-card.selected,.office-card.selected:hover{background:var(--sidebar-selected)}.office-card:disabled{cursor:default;color:var(--text-secondary)}.office-index{background:var(--sidebar-bg);color:var(--text-secondary);border-radius:.25rem;padding:2px 6px;font-size:12px;font-weight:500;line-height:1.4}.selected .office-index{background:var(--primary);color:var(--primary-foreground)}.office-copy{min-width:0}.office-title{margin:0 0 2px;font-size:14px;font-weight:500;display:block}.office-copy p,.office-action,.unavailable{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.starting-point,.destination-summary{align-items:flex-start;gap:12px;display:flex}.starting-point{border-top:1px solid var(--panel-border);margin-top:16px;padding-top:16px}.starting-point p,.destination-summary p{color:var(--text-muted);margin:0 0 4px;font-size:12px}.point-label{background:var(--accent-blue);color:#fff;border-radius:.25rem;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:grid}.point-label.destination{background:var(--primary);color:var(--primary-foreground)}.map-frame{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--sidebar-bg);width:100%;min-width:0;height:580px;min-height:360px;position:relative;overflow:hidden}.google-map{width:100%;height:100%}.map-help{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--card-bg);max-width:calc(100% - 32px);color:var(--text-secondary);pointer-events:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute;top:16px;left:16px}.map-notice{background:var(--sidebar-bg);text-align:left;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.map-notice h3{margin:0 0 8px}.map-notice p{max-width:28rem;font-size:14px}.map-office-pin,.map-origin-pin{border:1px solid var(--panel-border);box-shadow:none;border-radius:.25rem;font-size:12px;font-weight:600}.map-office-pin{background:var(--card-bg);min-width:28px;color:var(--text-primary);padding:4px 8px}.map-office-pin.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.map-origin-pin{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);place-items:center;width:28px;height:28px;display:grid}footer{border-top:1px solid var(--panel-border);color:var(--text-muted);justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;font-size:12px;line-height:1.5;display:flex}footer>span{max-width:42rem}footer>div{gap:16px;display:flex}.policy h1{margin-top:24px}.policy p{font-size:16px}.commute-panel{border-top:1px solid var(--panel-border);margin-top:16px;padding-top:16px}.destination-summary{margin-bottom:16px}.mode-picker{background:var(--sidebar-bg);border-radius:var(--radius);border:0;gap:4px;margin:0 0 12px;padding:4px;display:flex}.mode-picker legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mode-picker label{min-height:36px;color:var(--text-secondary);cursor:pointer;border-radius:.25rem;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:14px;font-weight:500;display:flex}.mode-picker label.active{background:var(--card-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--panel-border)}.mode-picker input{accent-color:var(--accent-blue);margin:0}.confirm-button{border-radius:var(--radius);background:var(--primary);width:100%;min-height:36px;color:var(--primary-foreground);text-align:left;border:1px solid #0000;padding:8px 16px;font-size:14px;font-weight:500}.confirm-button:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 90%, white)}.confirm-button:disabled{opacity:.5;cursor:default}.panel-hint{color:var(--text-muted);margin:8px 0 0;font-size:12px}.commute-result{border-radius:var(--radius);background:var(--sidebar-bg);margin-top:16px;padding:12px}.commute-result strong{letter-spacing:-.02em;color:var(--text-primary);margin:4px 0;font-size:24px;font-weight:600;display:block}.commute-result p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.commute-result .result-time{color:var(--text-muted);font-size:12px}.google-attribution{color:var(--text-muted);margin-top:8px;font-size:12px;display:inline-block}.commute-error{border-radius:var(--radius);background:var(--status-review-bg);color:var(--status-review);margin-top:16px;padding:12px;font-size:14px;line-height:1.5}@media (max-width:950px){.workspace{grid-template-columns:280px minmax(0,1fr)}}@media (max-width:720px){.shell{padding:16px}h1{font-size:24px}.brand .eyebrow{display:none}.page-heading{align-items:flex-start}.workspace{flex-direction:column;display:flex}.list-toggle{align-items:center;display:inline-flex}.list-toggle,.text-button,.confirm-button,.mode-picker label{min-height:44px}.office-list{max-height:230px;overflow:auto}.map-frame{height:390px;min-height:330px}.map-help{font-size:12px}footer{display:block}footer>div{margin-top:8px}}
