:root{--color-ink: #111111;--color-ink-soft: #555555;--color-ink-mute: #9a9a9a;--color-paper: #ffffff;--color-tile: #fafafa;--color-tile-hover: #f3f3f3;--color-line: #ececec;--ease: cubic-bezier(.22, 1, .36, 1);font-family:Outfit,ui-sans-serif,system-ui,sans-serif;font-size:15px;letter-spacing:-.005em;color:var(--color-ink)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--color-paper)}h1{margin:0;font-weight:400;letter-spacing:-.015em}p{margin:0}.wordmark{font-size:18px;letter-spacing:-.015em}.wordmark span{margin-left:8px;font-size:13px;color:var(--color-ink-mute)}body[data-view=sign-in]{background:#0a0a0a;color:#fff}.sign-in{min-height:100%;display:grid;place-items:center;padding:64px 24px}.sign-in-box{width:100%;max-width:380px}.sign-in h1{margin-top:64px;font-size:32px;font-weight:500;letter-spacing:-.01em}.sign-in .hint{margin-top:8px;font-size:14px;color:#a3a3a3}.sign-in form{margin-top:40px;display:grid;gap:12px}.sign-in label span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sign-in input{width:100%;padding:12px 20px;font:inherit;font-size:14px;color:#fff;background:transparent;border:1px solid #404040;border-radius:9999px}.sign-in input::placeholder{color:#737373}.sign-in input:focus{outline:none;border-color:#a3a3a3}.sign-in button{padding:12px;font:inherit;font-size:14px;font-weight:500;color:#000;background:#fff;border:0;border-radius:9999px;cursor:pointer;transition:opacity .25s var(--ease)}.sign-in button:hover{opacity:.9}.sign-in button:disabled{opacity:.6;cursor:default}.sign-in button:focus-visible{outline:2px solid #fff;outline-offset:3px}.error{min-height:20px;padding:0 4px;font-size:13px;color:#f87171}body[data-view=tools] #app{display:flex;flex-direction:column}header{height:64px;flex:none;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-line)}.account{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--color-ink-soft)}.badge{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-ink-mute)}.link{padding:0;font:inherit;color:var(--color-ink);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.tools{flex:1;min-height:0;display:flex}.panels{flex:1;display:grid;grid-template-columns:.5fr repeat(3,1fr) .5fr;border-left:1px solid var(--color-line)}.panels:before,.panels:after{content:"";background:var(--color-tile)}.panels:before{border-right:1px solid var(--color-line)}.panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;padding:32px;color:inherit;text-decoration:none;border-right:1px solid var(--color-line);transition:background-color .5s var(--ease)}.panel:hover{background:var(--color-tile-hover)}.panel:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.number{font-size:10px;letter-spacing:.22em;color:var(--color-ink-mute)}.panel-text{display:grid;gap:10px}.name{font-size:32px;letter-spacing:-.015em}.summary{max-width:26ch;min-height:2.8em;font-size:14px;line-height:1.4;color:var(--color-ink-soft)}.open{align-self:flex-start;font-size:14px;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .25s var(--ease)}.panel:hover .open,.panel:focus-visible .open{background-size:100% 1px}@media(max-width:800px){header{padding:0 24px}.email{display:none}.tools{display:block}.panels{grid-template-columns:1fr;border-left:0}.panels:before,.panels:after{display:none}.summary{min-height:0}.panel{min-height:180px;padding:24px;gap:20px;border-right:0;border-bottom:1px solid var(--color-line)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}