:root{--color-page:#f8f7f3;--color-surface:#fff;--color-surface-soft:#f8f8f5;--color-route:#f2f3f8;--color-route-strong:#d8dee8;--color-route-stage:#fff;--color-route-spine:#3046b8;--color-route-move:#2f68b8;--color-route-buffer:#a15c00;--color-route-destination:#1f7a4d;--color-route-annotation:#fafaf7;--color-capture-rail:#fbfbf8;--color-dock-tint:#fafaf7;--color-border:#d8dee8;--color-border-strong:#b8c4d8;--color-text-strong:#141a2a;--color-text-primary:#2f3748;--color-text-secondary:#667085;--color-text-tertiary:#7a8496;--color-accent:#3046b8;--color-accent-strong:#1f2f8f;--color-accent-tint:#eef1ff;--color-startline:#3046b8;--color-startline-dark:#1f2f8f;--color-success:#1f7a4d;--color-warning:#a15c00;--color-warning-tint:#fff6df;--color-danger:#b42318;--color-focus-ring:#1e40af;--radius-sm:8px;--radius-control:10px;--radius-flow:16px;--radius-sheet:20px;--radius-full:999px;--shadow-soft:0 1px 3px #191d2d0a;--shadow-route:0 1px 8px #191d2d0d;--shadow-station:0 6px 14px #2736832e;--shadow-sheet:0 18px 48px #191d2d2e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--motion-fast:.14s;--motion-base:.2s}*{box-sizing:border-box}html{background:var(--color-page);min-width:0;color:var(--color-text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--color-page);min-width:0;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.skip-link{z-index:30;border-radius:var(--radius-control);background:var(--color-surface);min-height:44px;color:var(--color-accent-strong);box-shadow:var(--shadow-sheet);transition:transform var(--motion-base) ease;padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-140%)}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}.app-shell{width:min(1180px,100%);padding:var(--space-6);margin:0 auto}.app-shell--utility-open .timepath-shell{pointer-events:none}.app-shell--utility-open .timepath-shell :focus,.app-shell--utility-open .timepath-shell :focus-visible{box-shadow:none;outline:0}.service-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);padding:var(--space-4) 0 var(--space-6);display:flex}.identity-lockup{max-width:640px}.eyebrow{margin:0 0 var(--space-1);color:var(--color-accent-strong);letter-spacing:0;text-transform:none;word-break:keep-all;overflow-wrap:break-word;font-size:13px;font-weight:760;line-height:1.35}.service-header h1,.capture-port h2,.now-command h2,.timepath h2,.friction-hint h2,.path-state-panel h2,.utility-sheet h2,.utility-sheet h3,.signed-out-gate h2{color:var(--color-text-strong);letter-spacing:0;word-break:keep-all;overflow-wrap:break-word;margin:0;font-weight:820;line-height:1.16}.service-header h1{font-size:30px}.product-promise,.muted,.capture-port p,.now-command p,.timepath p,.friction-hint p,.path-state-panel p,.utility-sheet p,.signed-out-gate p,.account-protection p,.integration-policy-surface p,label,li{word-break:keep-all;overflow-wrap:break-word}.product-promise,.muted{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:15px;line-height:1.6}.top-actions{align-items:center;gap:var(--space-3);display:flex}.today-status{color:var(--color-text-secondary);white-space:nowrap;margin:0;font-size:13px}.settings-label--short{display:none}.primary-button,.secondary-button,.ghost-button,.link-button{border-radius:var(--radius-control);letter-spacing:0;min-height:44px;transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion-fast) ease;word-break:keep-all;border:1px solid #0000;padding:11px 16px;font-weight:760;line-height:1.2;text-decoration:none}.primary-button,.secondary-button,.ghost-button{white-space:nowrap}.primary-button{background:var(--color-accent);color:var(--color-surface)}.primary-button:hover:not(:disabled){background:var(--color-accent-strong)}.secondary-button{background:var(--color-surface);border-color:var(--color-border);color:var(--color-accent-strong)}.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.link-button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-strong)}.ghost-button,.link-button{border-color:var(--color-border);color:var(--color-text-primary);background:0 0}.link-button{min-height:44px;padding:8px 12px}.timepath-shell{grid-template-columns:minmax(280px,.72fr) minmax(0,1.68fr);grid-template-areas:"capture route";align-items:start;gap:28px;display:grid}.timepath-shell--path-ready{gap:var(--space-8);grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.capture-port{top:var(--space-4);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-flow);background:var(--color-surface);box-shadow:none;grid-area:capture;display:grid;position:sticky}.capture-port--compact{padding:var(--space-4) 0 var(--space-4) var(--space-4);gap:var(--space-3);box-shadow:none;border-color:currentColor #0000 #0000;border-top-style:none;border-top-width:0;border-left:2px solid var(--color-border);background:0 0;border-radius:0}.capture-port--compact .capture-port__copy{gap:var(--space-1);display:grid}.capture-port--compact .capture-port__copy h2{font-size:18px}.capture-port--compact .capture-form{gap:var(--space-2)}.capture-port--compact textarea{resize:none;min-height:50px}.capture-port--compact .capture-helper{display:none}.capture-form,.profile-form{gap:var(--space-3);display:grid}.capture-form label,.profile-form label,.path-state-panel label{color:var(--color-text-strong);font-size:14px;font-weight:730}textarea,input{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text-strong);font-size:15px;line-height:1.55}textarea{resize:vertical;min-height:78px;padding:13px 14px}input{min-height:44px;padding:10px 12px}.capture-actions,.button-row,.recovery-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.capture-helper,.live-message,.utility-note{border-radius:var(--radius-control);background:var(--color-surface-soft);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);font-size:14px;line-height:1.55}.route-composition{min-width:0;padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-flow);background:var(--color-surface);box-shadow:var(--shadow-route);grid-area:route;gap:0;display:grid}.route-composition__gateway,.route-composition__path-stage,.route-composition__support{min-width:0}.route-composition__gateway{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.route-composition__path-stage,.route-composition__support{gap:var(--space-4);display:grid}.route-composition__path-stage{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.route-composition__support{padding-top:var(--space-4)}.now-command{gap:var(--space-4);padding:var(--space-2) 0 var(--space-2) 30px;box-shadow:none;background:0 0;border-radius:0;display:grid;position:relative;overflow:visible}.now-command:before{content:"";top:var(--space-2);bottom:var(--space-2);border-radius:var(--radius-full);background:var(--color-route-spine);width:4px;position:absolute;left:7px}.now-command:after{content:"";border:4px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-route-spine);width:18px;height:18px;box-shadow:var(--shadow-station);position:absolute;top:11px;left:0}.now-command__anchor p{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);flex-wrap:wrap;margin:0;font-size:14px;display:flex}.now-command__anchor .eyebrow{color:var(--color-accent-strong)}.now-command__anchor strong{color:var(--color-text-strong)}.now-command__reason{max-width:720px;color:var(--color-text-primary);margin:0;font-size:18px;line-height:1.55}.now-command__risk{color:var(--color-route-buffer);margin:0;font-size:15px;line-height:1.55}.now-command__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.now-command__actions .secondary-button:hover:not(:disabled){background:var(--color-surface-soft);border-color:var(--color-border)}.timepath{gap:var(--space-5);background:0 0;border-radius:0;padding:0;display:grid;position:relative}.timepath__header{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.timepath__header h2{font-size:24px;line-height:1.25}.timepath__summary,.timepath__destination{color:var(--color-text-secondary);margin:0;font-size:14px}.timepath__summary{margin-top:var(--space-1)}.timepath__destination{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-route-annotation);color:var(--color-accent-strong);white-space:nowrap;font-weight:730}.timepath-route{gap:var(--space-4);padding:var(--space-6) 0 0;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;list-style:none;display:grid;position:relative}.timepath-route:before{content:"";border-radius:var(--radius-full);background:var(--color-route-spine);height:6px;position:absolute;top:32px;left:22px;right:22px}.path-marker{gap:var(--space-2);align-content:start;min-width:0;padding-top:28px;display:grid;position:relative}.path-marker__node{border-radius:var(--radius-full);border:4px solid var(--color-surface);background:var(--color-accent);width:30px;height:30px;box-shadow:var(--shadow-station);position:absolute;top:0;left:0}.path-marker--current .path-marker__node{background:var(--color-route-spine)}.path-marker--prep .path-marker__node{background:var(--color-accent)}.path-marker--move .path-marker__node{background:var(--color-route-move)}.path-marker--arrival .path-marker__node{background:var(--color-route-destination)}.path-marker--buffer .path-marker__node{background:var(--color-route-buffer)}.path-marker time{color:var(--color-accent-strong);letter-spacing:0;font-size:22px;font-weight:830}.path-marker--move time{color:var(--color-route-move)}.path-marker--buffer time{color:var(--color-route-buffer)}.path-marker--arrival time{color:var(--color-route-destination)}.path-marker__body{gap:var(--space-1);min-width:0;display:grid}.path-marker__body span{color:var(--color-text-tertiary);font-size:13px;font-weight:730}.path-marker__body strong{color:var(--color-text-strong);font-size:15px;line-height:1.4}.path-marker__body p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.45}.friction-hint{gap:var(--space-5);padding:var(--space-2) 0 var(--space-3);background:0 0;border-left:0;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);align-items:start;display:grid}.friction-list{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.signed-out-gate,.account-protection,.profile-settings,.integration-policy-surface{border:1px solid var(--color-border);border-radius:var(--radius-flow);background:var(--color-surface);box-shadow:var(--shadow-soft)}.friction-list li{gap:var(--space-1);min-height:0;padding:0 0 0 var(--space-3);border-left:1px solid var(--color-border);display:grid}.friction-list strong{color:var(--color-text-strong);font-size:14px}.friction-list span{color:var(--color-text-secondary);font-size:14px;line-height:1.45}.pattern-suggestion{padding:var(--space-3) 0 0 var(--space-3);border-left:1px solid var(--color-border);grid-column:2}.path-state-panel{gap:var(--space-3);padding:var(--space-4) 0 var(--space-4) var(--space-4);border-left:3px solid var(--color-route-spine);background:0 0;display:grid}.path-state-panel h2{font-size:22px}.path-state-panel p{color:var(--color-text-secondary);margin:0;line-height:1.55}.path-state-panel--loading{border-left-color:var(--color-route-spine)}.path-skeleton{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}.path-skeleton span{border-radius:var(--radius-full);background:var(--color-route-strong);height:8px}.compact-list{padding-left:var(--space-5);margin:0}.recovery-dock{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0 0;border:0;border-top:1px solid var(--color-border);background:0 0;border-radius:0;display:flex}.recovery-dock p{color:var(--color-text-secondary);margin:0}.live-message{border:0}.warning-list,.protection-list,.policy-list{padding-left:var(--space-5);color:var(--color-text-secondary);margin:0;line-height:1.6}.signed-out-gate{gap:var(--space-4);max-width:680px;margin:var(--space-10) auto;padding:var(--space-8);display:grid}.signed-out-gate h2{font-size:30px}.utility-sheet{z-index:20;top:var(--space-4);right:var(--space-4);bottom:var(--space-4);align-content:start;gap:var(--space-5);width:min(520px,100% - 32px);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-sheet);background:var(--color-surface);box-shadow:var(--shadow-sheet);display:grid;position:fixed;overflow:auto}.close-button{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:44px;height:44px;color:var(--color-text-strong);justify-self:end;font-size:24px;line-height:1}.account-protection,.profile-settings,.integration-policy-surface{gap:var(--space-4);padding:var(--space-4);display:grid}.integration-policy-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.integration-policy-item{gap:var(--space-1);border-radius:var(--radius-control);background:var(--color-surface-soft);min-width:0;padding:var(--space-3);display:grid}.integration-policy-item span{color:var(--color-text-tertiary);font-size:13px}.integration-policy-item strong{color:var(--color-text-strong)}@media (width<=1023px){.app-shell{padding:var(--space-5)}.timepath-shell{grid-template-columns:1fr;grid-template-areas:"capture""route"}.timepath-shell--path-ready{grid-template-areas:"route""capture"}.timepath-shell--path-ready .capture-port--compact{border-top:1px solid var(--color-border);border-left:0;padding-left:0}.capture-port{position:static}.timepath-route{padding-bottom:var(--space-3);grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto}.now-command h2{font-size:30px}}@media (width<=760px){.app-shell{padding:var(--space-4)}.service-header{align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-3)}.service-header h1{font-size:25px}.identity-lockup{flex:auto;min-width:0}.product-promise,.today-status,.capture-port--compact .muted{display:none}.top-actions{flex-shrink:0}.top-actions .secondary-button{padding:10px 12px}.settings-label--full{display:none}.settings-label--short{display:inline}.timepath-shell{gap:var(--space-4)}.route-composition{padding:var(--space-4);gap:0}.route-composition__gateway{padding-bottom:var(--space-4)}.route-composition__path-stage{padding:var(--space-4) 0}.route-composition__support{padding-top:var(--space-3)}.capture-port{padding:var(--space-4)}.now-command{gap:var(--space-2);padding:var(--space-1) 0 var(--space-2) 28px;border-radius:0}.now-command:before{top:var(--space-1);bottom:var(--space-2);width:4px;left:6px}.now-command:after{border-width:3px;width:16px;height:16px;top:6px;left:-1px}.capture-port--compact{gap:var(--space-2);padding:var(--space-3) 0 0;background:0 0;border-radius:0}.capture-port--compact .capture-port__copy,.capture-port--compact .capture-helper{display:none}.capture-port--compact .capture-form label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.capture-port--compact textarea{height:44px;min-height:44px;max-height:44px;padding:10px 12px;overflow:hidden}textarea{min-height:66px}.capture-port--compact textarea{min-height:44px}.now-command h2{font-size:23px;line-height:1.28}.now-command__reason{font-size:15px}.now-command__risk{display:none}.timepath{gap:var(--space-3);border-radius:0;padding:0}.timepath__header h2{font-size:21px}.timepath__destination{white-space:normal}.now-command__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.friction-list,.integration-policy-grid,.path-skeleton{grid-template-columns:1fr}.timepath__header,.recovery-dock{flex-direction:column}.timepath__header{align-items:flex-start}.timepath-route{gap:var(--space-4);grid-template-columns:1fr;padding-left:38px;display:grid;overflow:visible}.timepath-route:before{width:4px;height:auto;inset:28px auto 28px 12px}.path-marker{padding-top:0}.path-marker__node{left:-38px}.path-marker time{font-size:19px}.friction-hint{gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);grid-template-columns:1fr}.pattern-suggestion{grid-column:auto}.recovery-actions,.capture-actions{grid-template-columns:1fr;width:100%;display:grid}.capture-port--compact .capture-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-sheet{inset:var(--space-3);width:auto;padding:var(--space-4)}}@media (width<=420px){.app-shell{padding:var(--space-3)}.service-header h1{font-size:23px}.secondary-button,.primary-button,.ghost-button,.link-button{padding-left:12px;padding-right:12px}}.app-shell{width:min(1160px,100%);padding:var(--space-6) var(--space-8)}.service-header{min-height:64px;padding:var(--space-3) 0 var(--space-5);align-items:center}.identity-lockup{gap:var(--space-1);display:grid}.service-header h1{font-size:21px;line-height:1.2}.product-promise{max-width:620px;margin-top:0}.timepath-shell--path-ready{gap:var(--space-5);grid-template-columns:1fr;grid-template-areas:"route""capture"}.start-surface,.route-composition{padding:var(--space-3) 0 0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:route}.start-surface__cue,.route-composition__gateway{padding:0 0 var(--space-6);border-bottom:1px solid var(--color-border)}.start-surface__checkpoints,.route-composition__path-stage{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.start-surface__support,.route-composition__support{padding-top:var(--space-4)}.start-cue,.now-command{gap:var(--space-3);border-radius:0;padding:0}.now-command:before,.now-command:after{display:none}.now-command__anchor p{gap:var(--space-3);font-size:15px}.now-command h2{max-width:880px;font-size:42px;line-height:1.25}.now-command__reason{max-width:820px;font-size:17px}.now-command__risk{color:var(--color-warning)}.now-command__actions{gap:var(--space-2) var(--space-3)}.now-command__actions .primary-button{min-width:148px}.now-command__actions .secondary-button{color:var(--color-text-secondary);background:0 0;border-color:#0000}.checkpoint-sequence,.timepath{gap:var(--space-4)}.timepath__header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);align-items:flex-start}.timepath__header h2{font-size:25px}.timepath__summary{color:var(--color-text-primary)}.timepath__destination{border-left:2px solid var(--color-border);background:0 0;border-radius:0}.checkpoint-list,.timepath-route{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));padding:0}.timepath-route:before{display:none}.checkpoint-row,.path-marker{padding:0 0 0 var(--space-3);border-left:1px solid var(--color-border)}.checkpoint-row__rule,.path-marker__node{display:none}.path-marker time{font-size:21px;line-height:1.2}.path-marker__body span{color:var(--color-text-secondary)}.path-marker__body strong{font-size:15px}.path-marker__body p{display:none}.dont-miss,.friction-hint{gap:var(--space-4);grid-template-columns:minmax(150px,.35fr) minmax(0,1.65fr);padding:0}.friction-hint h2{font-size:20px}.friction-list{gap:var(--space-4);flex-wrap:wrap;display:flex}.friction-list li{min-width:min(180px,100%);padding-left:var(--space-3)}.adjust-line,.recovery-dock{padding-top:var(--space-3);align-items:flex-start}.recovery-actions .secondary-button{color:var(--color-text-secondary);background:0 0;border-color:#0000}.capture-port--compact{align-items:end;gap:var(--space-4);padding:var(--space-4) 0 0;border-top:1px solid var(--color-border);border-left:0;grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);display:grid;position:static}.capture-port--compact .capture-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}.capture-port--compact .capture-form label{grid-column:1/-1}.capture-port--compact textarea{height:44px;min-height:44px;overflow:hidden}.capture-port--compact .capture-actions{display:contents}.path-state-panel{padding:var(--space-3) 0 var(--space-3) var(--space-3);border-left:2px solid var(--color-startline)}.utility-sheet>.eyebrow{display:none}@media (width<=1023px){.app-shell{padding:var(--space-5) var(--space-6)}.timepath-shell{grid-template-columns:1fr}.timepath-shell--path-ready{grid-template-areas:"route""capture"}.checkpoint-list,.timepath-route{gap:var(--space-3);grid-template-columns:1fr;overflow:visible}.dont-miss,.friction-hint,.capture-port--compact{grid-template-columns:1fr}.capture-port--compact .capture-form{grid-template-columns:minmax(0,1fr) auto auto}}@media (width<=760px){.app-shell{padding:var(--space-3)}.service-header{min-height:56px;padding:var(--space-2) 0 var(--space-3)}.service-header h1{font-size:19px}.identity-lockup .eyebrow{margin:0}.timepath-shell{gap:var(--space-3)}.route-composition{padding:0}.route-composition__gateway{padding-bottom:var(--space-4)}.route-composition__path-stage{padding:var(--space-3) 0}.route-composition__support{padding-top:var(--space-2)}.now-command{gap:var(--space-2);padding:0}.now-command h2{font-size:25px;line-height:1.22}.now-command__reason{font-size:14px;line-height:1.5}.now-command__actions{flex-wrap:wrap;display:flex}.now-command__actions .primary-button{flex:0 0 100%}.now-command__actions .secondary-button{flex:auto;padding-left:10px;padding-right:10px}.timepath__header{gap:var(--space-2);padding-bottom:var(--space-2)}.timepath__header h2{font-size:20px}.timepath__summary,.timepath__destination{display:none}.timepath-route{padding-left:0}.path-marker{min-height:48px;padding-left:var(--space-3)}.path-marker time{font-size:18px}.path-marker__body strong{font-size:14px}.friction-list,.recovery-dock{gap:var(--space-2)}.recovery-actions{flex-wrap:wrap;width:100%;display:flex}.capture-port--compact{padding-top:var(--space-3)}.capture-port--compact .capture-form{grid-template-columns:1fr}.capture-port--compact .capture-actions{grid-template-columns:1fr 1fr;display:grid}}@media (width<=420px){.app-shell{padding:var(--space-3)}.service-header{min-height:54px}.service-header h1{font-size:18px}.now-command h2{font-size:24px}.now-command__actions .secondary-button{flex-basis:auto;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
