:root{--panel-open-dur:.4s;--panel-close-dur:.35s;--panel-translate-y:100px;--panel-blur:2px;--panel-ease:cubic-bezier(.22, 1, .36, 1)}.t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease), opacity var(--panel-close-dur) var(--panel-ease), filter var(--panel-close-dur) var(--panel-ease);will-change:transform, opacity, filter}.t-panel-slide[data-open=true]{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease), opacity var(--panel-open-dur) var(--panel-ease), filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.t-panel-slide{transition:none!important}}.login-screen{min-height:100dvh;color:var(--folio-ink);background:var(--folio-canvas);font:14px/1.6 var(--folio-font-body);flex-direction:column;display:flex}.login-header{justify-content:space-between;align-items:center;gap:24px;width:min(1240px,100%);margin-inline:auto;padding:22px 40px;display:flex}.login-header .wordmark{font:700 30px/1 var(--folio-font-display);letter-spacing:-.04em;align-items:center;gap:8px;display:inline-flex}.login-header .wordmark .folio-mark{width:23px;height:23px}.login-header>div{align-items:center;gap:22px;display:flex}.login-header>div>a{min-height:44px;color:var(--folio-text-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.login-header .dashboard-appearance{min-width:44px;min-height:44px;color:var(--folio-text-secondary);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;display:inline-flex}.login-header .dashboard-appearance:hover{background:var(--folio-surface-muted)}.login-layout{grid-template-columns:minmax(0,400px) minmax(0,400px);justify-content:space-between;align-items:center;gap:100px;width:min(1080px,100%);margin:auto;padding:48px 40px 60px;display:grid}.login-form-panel{min-width:0}.login-form{width:100%}.login-kicker{color:var(--folio-text-secondary);margin-bottom:12px;font-size:12px;display:block}.login-form-panel h1{font:500 34px/1.2 var(--folio-font-display);letter-spacing:-.035em;margin:0 0 12px}.login-form-panel>p:first-of-type{color:var(--folio-text-secondary);margin-bottom:30px;font-size:15px}.login-form>label{margin-top:20px;font-size:13px;font-weight:500;display:block}.login-form input{border:1px solid var(--folio-edge-strong);background:var(--folio-surface);width:100%;min-width:0;height:50px;color:var(--folio-ink);font:400 16px/1.5 var(--folio-font-body);border-radius:8px;margin-top:7px;padding:12px 14px;display:block}.login-form input:focus-visible{outline:2px solid var(--folio-focus);outline-offset:2px}.login-password{min-width:0;display:flex;position:relative}.login-password input{padding-right:50px}.login-password-toggle{min-width:44px;height:44px;color:var(--folio-text-secondary);border-radius:6px;place-items:center;display:grid;position:absolute;bottom:3px;right:3px}.login-password-toggle:hover{color:var(--folio-ink);background:var(--folio-surface-muted)}.login-form>.button{border-radius:8px;width:100%;min-height:48px;margin-top:24px;font-size:14px;font-weight:500;display:flex}.login-providers{gap:10px;display:grid}.login-providers:empty{display:none}.login-providers>.button{border-radius:8px;width:100%;min-height:46px;font-size:14px;font-weight:500}.login-divider{color:var(--folio-text-secondary);align-items:center;gap:12px;margin:24px 0 20px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--folio-edge);flex:1;height:1px}.login-form .login-account-switch{color:var(--folio-text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;column-gap:6px;margin-top:12px;font-size:13px;display:flex}.login-account-switch button{min-height:44px;font:inherit;color:var(--folio-ink);text-underline-offset:3px;font-weight:500;text-decoration:underline}.login-form-panel .login-privacy{color:var(--folio-text-secondary);justify-content:center;align-items:flex-start;gap:7px;margin-top:18px;font-size:12px;display:flex}.login-privacy svg{margin-top:2px}.login-form .form-error{overflow-wrap:anywhere;margin-top:14px;font-size:13px;line-height:1.6}.login-art{min-width:0}.login-art img{aspect-ratio:4/5;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.login-art>div{color:var(--folio-text-secondary);justify-content:space-between;gap:16px;margin-top:12px;font-size:12px;display:flex}.login-footer{width:min(1240px,100%);color:var(--folio-text-secondary);justify-content:space-between;gap:16px;margin-inline:auto;padding:16px 40px 22px;font-size:12px;display:flex}.login-footer a{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.login-footer>span{align-self:center}@media (max-width:1000px){.login-layout{gap:50px}}@media (max-width:800px){.login-header{padding:16px 24px}.login-header>div{gap:10px}.login-header .dashboard-appearance span{display:none}.login-layout{max-width:448px;margin-block:0 auto;padding:44px 24px 36px;display:block}.login-art{display:none}.login-form-panel h1{font-size:30px}.login-footer{padding:12px 24px 20px}.login-footer>span{display:none}}@media (max-width:360px){.login-header{gap:8px;padding-inline:20px}.login-header>div{gap:4px}.login-header>div>a{font-size:12px}.login-layout{padding-inline:20px}}.login-form-panel{border:1px solid var(--folio-edge);background:var(--folio-surface);border-radius:22px;padding:30px}.login-layout{grid-template-columns:minmax(0,440px) minmax(0,400px);gap:80px}.login-choice{border:1px solid var(--folio-edge-strong);width:100%;min-height:58px;color:var(--folio-ink);background:var(--folio-surface);font:500 15px/1.4 var(--folio-font-body);transition:transform var(--folio-press-return) var(--folio-press-ease), background-color .15s ease, border-color .15s ease;border-radius:18px;align-items:center;gap:13px;padding:14px 17px;display:flex}.login-choice>span{text-align:left;flex:1}.login-choice-email{color:var(--folio-on-accent);background:var(--folio-accent);border-color:var(--folio-accent)}@media (hover:hover){.login-choice:hover:not(:disabled){transform:translateY(-1px)scale(1.008)}}.login-choice:active:not(:disabled){transition-duration:.1s;transform:translateY(2px)scale(.98,.91)}.login-form-panel>.login-providers{gap:12px}.login-form-panel>.login-privacy{color:var(--folio-text-secondary);justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:12px;display:flex}.login-form-panel>.login-providers>.login-account-switch{text-align:center;color:var(--folio-text-secondary);font-size:13px}.login-back{min-height:44px;color:var(--folio-text-secondary);align-items:center;gap:7px;margin:-8px 0 2px;font-size:12px;display:inline-flex}.login-other-method{text-align:center;color:var(--folio-text-secondary);font-size:12px}.login-other-method summary{cursor:pointer;width:fit-content;min-height:44px;margin-inline:auto;padding-block:12px}.login-github{text-underline-offset:3px;min-height:44px;margin:auto;text-decoration:underline;display:block}.login-email-panel{--panel-translate-y:12px}@starting-style{.login-email-panel[data-open=true]{opacity:0;transform:translateY(var(--panel-translate-y));filter:blur(var(--panel-blur))}}.login-form>.button{transition:transform var(--folio-press-return) var(--folio-press-ease), background-color .15s ease}.login-form>.button:active:not(:disabled){transform:scale(.98,.91)}@media (max-width:800px){.login-form-panel{padding:24px}.login-layout{max-width:470px;padding-top:26px}}@media (max-width:360px){.login-form-panel{padding:20px}.login-layout{padding-inline:16px}.login-choice{padding-inline:13px;font-size:14px}}@media (prefers-reduced-motion:reduce){.login-choice,.login-form>.button{transition:none!important;transform:none!important}}.login-form-panel>.form-error,.login-social-status{color:var(--folio-text-secondary);margin-top:14px;font-size:13px}@media (max-width:800px){.login-layout{flex-direction:column;gap:22px;display:flex}.login-form-panel{width:100%}.login-art{border-radius:14px;order:-1;width:100%;display:block;overflow:hidden}.login-art img{aspect-ratio:auto;object-position:50% 62%;border-radius:14px;height:115px}.login-art>div,.login-screen[data-login-method=email] .login-art{display:none}}