*{box-sizing:border-box}html{background:#e6e1d6;color:#54514c;color-scheme:light}body{margin:0;padding:48px 40px 80px;font-family:"GT America","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:not(.primary){border:0;padding:0;background:none;text-align:left}a{color:inherit;text-decoration:none}button:hover,a:hover{opacity:.7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:4px}[hidden]{display:none!important}#background{position:fixed;inset:0;z-index:-1;background:url('/background-d.png') left center/cover no-repeat;pointer-events:none}#background:after{content:"";position:absolute;inset:0;background:rgba(255,250,242,.22)}html:not([data-background=d]){background:#161616;color:#d6cfc1;color-scheme:dark}html:not([data-background=d]) #background:after{background:rgba(0,0,0,.82)}html[data-background=a] #background{background-image:url('/background-a.png')}html[data-background=b] #background{background-image:url('/background-b.png')}html[data-background=c] #background{background-image:url('/background-c.png')}header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:48px}h1{font-size:22px;font-weight:500;letter-spacing:-.01em;margin:0}h2{font-size:16px;font-weight:500;margin:0 0 16px}p{line-height:1.5}#home,.muted{opacity:.6}.auth-panel,.connect-panel{max-width:340px}.auth-panel h2{margin-bottom:28px}.auth-panel label,.connect-panel label,.settings label{display:block;margin-bottom:8px}input,select{border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:0;background:color-mix(in srgb,transparent 85%,#fff);padding:12px;width:100%;min-height:44px}input{margin-bottom:20px}.password-field{position:relative}.password-field input{padding-right:65px;margin-bottom:0}.password-field button{position:absolute;right:12px;top:0;height:44px;font-size:12px;opacity:.65}.primary{border:1px solid currentColor;background:transparent;padding:12px 20px;min-height:44px;width:100%}.primary:hover{background:color-mix(in srgb,currentColor 7%,transparent)}.error{min-height:0;white-space:pre-wrap}.error:empty{display:none}.auth-panel .primary{margin-top:20px}.switch-line{margin-top:24px;opacity:.75}.switch-line button{text-decoration:underline;text-underline-offset:3px}.settings{max-width:340px;margin-bottom:44px}.settings>button{display:block;margin-top:20px;min-height:24px}.settings select{margin:4px 0 8px}.connect-panel{margin-bottom:44px}.machine{margin-bottom:48px}.machine-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:420px;margin-bottom:36px;font-size:13px}.machine-name{display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.3}.dot.online{background:#63b27e;opacity:1}.machine-time{opacity:.55}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:44px 40px}.project{min-width:0;color:var(--project-color,#d6cfc1)}html[data-background=d] .project{color:color-mix(in srgb,var(--project-color,#d6cfc1) 52%,#1a1410)}.project h2{margin:0 0 4px}.count{opacity:.55;margin-bottom:22px}.tree{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:10px;row-gap:6px;margin-bottom:24px;align-items:baseline;line-height:1.25}.branch{grid-column:span 2;font-weight:500}.fade{min-width:0;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(to right,#000 calc(100% - 12px),transparent)}.hash,.subject,.diff,.date,.dirty{opacity:.55}.hash{font-variant-numeric:tabular-nums}.diff,.date{text-align:right;white-space:nowrap}.dirty{grid-column:1/-1}.date{font-variant-numeric:tabular-nums}.minus{opacity:.6}#status{margin-bottom:32px}@media(max-width:600px){body{padding:28px 20px 60px}header{margin-bottom:40px}.auth-panel,.connect-panel,.settings{max-width:100%}.projects{gap:36px}.tree{column-gap:8px;font-size:12px}.date{font-size:11px}.machine-heading{max-width:none}}
html[data-upside-down=true] #background{transform:rotate(180deg)}
.settings .orientation-choice{display:flex;align-items:center;gap:8px;min-height:44px;margin:8px 0}
.orientation-choice input{width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:currentColor}

/* Homepage: Design system 1 components and Ezo's compact authentication rhythm. */
@font-face{font-family:"Worktrees DS1";src:url('/GT-America-Standard-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.auth-panel{
  --typeface-regular:"Worktrees DS1","Helvetica Neue",Helvetica,Arial,sans-serif;
  --type-size-default:calc(14px * var(--sf));
  --type-weight-default:400;
  --type-lineheight-default:16px;
  --type-letterspacing-default:-.4px;
  --text-transform-default:none;
  --text-decoration-default:none;
  --accent-color:light-dark(#54514c,#d6cfc1);
  --button-background-color-secondary:light-dark(#e8e8e8,#303030);
  --button-text-color-secondary:light-dark(#2a2a2a,#f5f5f5);
  --button-text-color:currentColor;
  display:grid;
  grid-template-areas:"heading" "pairing" "form" "switch";
  grid-template-columns:minmax(0,1fr);
  width:calc(18 * var(--ds-grid-unit));max-width:100%;
  font-size:var(--type-size-default);font-weight:400;
  line-height:var(--ds-grid-unit);letter-spacing:var(--type-letterspacing-default);
}
body:has(#auth:not([hidden])){font-family:"Worktrees DS1","Helvetica Neue",Helvetica,Arial,sans-serif;padding:calc(2 * var(--ds-grid-unit)) calc(2 * var(--ds-grid-unit)) calc(4 * var(--ds-grid-unit))}
body:has(#auth:not([hidden])) header{min-height:calc(2 * var(--ds-grid-unit));margin-bottom:calc(2 * var(--ds-grid-unit));align-items:baseline}
body:has(#auth:not([hidden])) h1{font-weight:400;font-size:20px;line-height:calc(2 * var(--ds-grid-unit))}
.auth-panel h2{grid-area:heading;font:inherit;margin:0 0 var(--ds-grid-unit);min-height:var(--ds-grid-unit)}
.auth-panel #pairing-note{grid-area:pairing;margin:0 0 var(--ds-grid-unit);line-height:var(--ds-grid-unit)}
#auth-form{grid-area:form;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-grid-unit)}
.auth-field{display:grid;grid-template-rows:repeat(2,var(--ds-grid-unit));min-width:0}
.auth-panel ds-row{display:flex;height:var(--ds-grid-unit);min-height:var(--ds-grid-unit);align-items:end}
.auth-panel label{margin:0;font:inherit;line-height:calc(16px * var(--sf));cursor:text}
.auth-panel ds-input{display:block;box-sizing:border-box;width:100%;height:var(--ds-grid-unit);min-height:var(--ds-grid-unit)}
.auth-panel ds-button{max-width:100%;height:calc(16px * var(--sf));align-self:end}
.auth-panel .auth-action{margin-top:0}
.auth-panel .switch-line{grid-area:switch;margin:var(--ds-grid-unit) 0 0;opacity:1;line-height:calc(16px * var(--sf))}
#switch-prompt{opacity:.6}
#switch-flow{text-decoration:underline;text-underline-offset:2px}
.auth-panel .error{margin:0;line-height:var(--ds-grid-unit);color:light-dark(#a52a2a,#ffaaaa)}
@media(max-width:600px){body:has(#auth:not([hidden])){font-family:"Worktrees DS1","Helvetica Neue",Helvetica,Arial,sans-serif;padding:var(--ds-grid-unit)}.auth-panel{width:calc(16 * var(--ds-grid-unit))}}
@media(max-width:359px){.auth-panel{width:calc(14 * var(--ds-grid-unit))}}
/* The shared sign-in screen (web/signIn) in the account panel: its tokens are the page's, its rows one square, its type the page's. */
.auth-panel sign-in-screen{--1:var(--ds-grid-unit);--text-color:currentColor;--base-darker-grey:color-mix(in srgb,currentColor 55%,transparent);--tuned-red:light-dark(#a52a2a,#ffaaaa);display:block;width:100%;margin:0}
.auth-panel sign-in-screen form{margin-top:0}
.auth-panel sign-in-screen label,.auth-panel sign-in-screen .sign-in-row,.auth-panel sign-in-screen input,.auth-panel sign-in-screen button{height:var(--ds-grid-unit);line-height:var(--ds-grid-unit);font-size:inherit}
.auth-panel sign-in-screen input{border:0;background:transparent;padding:0;margin:0;min-height:0}
.auth-panel sign-in-screen .sign-in-step+.sign-in-step,.auth-panel sign-in-screen .sign-in-providers{margin-top:var(--ds-grid-unit)}