:root{--color-page:#fafafa;--color-surface:#fff;--color-surface-soft:#f7f8fd;--color-route:#eef2ff;--color-route-strong:#dde5ff;--color-route-stage:#f4f6ff;--color-route-spine:#4254c7;--color-route-move:#2f68b8;--color-route-buffer:#b56b00;--color-route-destination:#1f7a4d;--color-route-annotation:#f8faff;--color-capture-rail:#f7f8fe;--color-dock-tint:#f3f6fc;--color-border:#d9e2ef;--color-border-strong:#b8c4d8;--color-text-strong:#182033;--color-text-primary:#2f3748;--color-text-secondary:#5f6b80;--color-text-tertiary:#7a8496;--color-accent:#3949ab;--color-accent-strong:#273683;--color-accent-tint:#eef1ff;--color-success:#1f7a4d;--color-warning:#9a5b00;--color-warning-tint:#fff6df;--color-danger:#b42318;--color-focus-ring:#1e40af;--radius-sm:8px;--radius-control:12px;--radius-flow:18px;--radius-sheet:20px;--radius-full:999px;--shadow-soft:0 1px 3px #191d2d0a;--shadow-route:0 12px 32px #191d2d1a;--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}.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-6);border-radius:var(--radius-flow);background:var(--color-surface);box-shadow:var(--shadow-soft);grid-area:capture;display:grid;position:sticky}.capture-port--compact{padding:var(--space-4);gap:var(--space-3);border-radius:var(--radius-flow);background:var(--color-capture-rail);box-shadow:none;border-top:0;border-left:4px solid var(--color-route-spine)}.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{gap:var(--space-4);grid-area:route;min-width:0;display:grid}.route-composition__gateway,.route-composition__path-stage,.route-composition__support{min-width:0}.route-composition__path-stage,.route-composition__support{gap:var(--space-4);display:grid}.now-command{gap:var(--space-4);background:var(--color-route-stage);box-shadow:var(--shadow-route);border-radius:22px;padding:30px 32px 28px 46px;display:grid;position:relative;overflow:hidden}.now-command:before{content:"";border-radius:var(--radius-full);background:var(--color-route-spine);width:6px;position:absolute;top:28px;bottom:28px;left:22px}.now-command:after{content:"";border:4px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-route-spine);width:20px;height:20px;box-shadow:var(--shadow-station);position:absolute;top:31px;left:15px}.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 h2{max-width:780px;font-size:38px;line-height:1.16}.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{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.timepath{gap:var(--space-5);padding:var(--space-6);background:var(--color-surface);border-radius:22px;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-4) 0 var(--space-4) var(--space-4);border-left:4px solid var(--color-route-strong);background:var(--color-route-annotation);grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);align-items:start;display:grid}.friction-hint h2{font-size:22px}.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:2px solid var(--color-route-strong);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:2px solid var(--color-route-strong);grid-column:2}.path-state-panel{gap:var(--space-3);padding:var(--space-4) 0 var(--space-4) var(--space-4);border-left:4px solid var(--color-route-spine);background:var(--color-route-annotation);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) var(--space-4);border:1px solid var(--color-border);border-left:4px solid var(--color-route-strong);border-radius:var(--radius-flow);background:var(--color-dock-tint);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}.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:34px}}@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{gap:var(--space-3)}.capture-port{padding:var(--space-4)}.now-command{gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-4) 34px;border-radius:var(--radius-flow)}.now-command:before{top:var(--space-4);bottom:var(--space-4);width:4px;left:16px}.now-command:after{border-width:3px;width:16px;height:16px;top:19px;left:10px}.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:25px}.now-command__reason{font-size:15px}.now-command__risk{font-size:14px;line-height:1.45}.timepath{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-flow)}.timepath__header h2{font-size:21px}.timepath__destination{white-space:normal}.now-command__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.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-3) 0 var(--space-3) 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}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}