.account-card{max-width:420px;padding:28px 24px 20px}.account-header{display:flex;flex-direction:column;align-items:center;margin-bottom:28px;text-align:center}.account-header .keepitdev-logo{height:44px;margin-bottom:20px}.account-header h1{color:#d0d0d0;font-size:18px;font-weight:500;letter-spacing:-.025em}.account-header p{margin-top:7px;font-size:12px;color:#888;line-height:1.5}.account-list{list-style:none;margin:0;padding:0}.account-row{position:relative;display:flex;align-items:stretch}.account-row>:is(.account-choice,.account-options-toggle){transition:opacity .18s ease}.account-list:has(.is-current) .account-row:not(.is-current):not(:hover):not(:focus-within)>:is(.account-choice,.account-options-toggle){opacity:.55}.account-card button{border-radius:0;cursor:pointer}.account-card button:focus-visible{outline:1px solid #999;outline-offset:3px;z-index:2}.account-choice{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:10px 0 10px 12px;color:inherit;border:0;background:transparent;text-align:left}.account-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #3a3a3a;background:#252525;color:#bcbcbc;font-size:14px}.account-identity{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3}.account-status{display:flex;align-items:center;gap:5px;color:gray;font-size:11px;line-height:1.3}.account-status-dot{width:4px;height:4px;background:#b5b5b5;border-radius:50%}.is-signed-out .account-avatar{background:transparent;color:#777;border-style:dashed}.is-signed-out .account-email{color:#999}.account-row-arrow{display:flex;flex:0 0 16px;width:16px;height:16px;opacity:0;transform:translate(-5px);transition:opacity .18s ease,transform .18s ease;color:#bcbcbc}.account-choice:is(:hover,:focus-visible) .account-row-arrow,.account-add:is(:hover,:focus-visible) .account-row-arrow{opacity:1;transform:translate(0)}.account-options-toggle{display:flex;align-items:center;justify-content:center;width:36px;flex:0 0 36px;padding:8px;border:0;background:transparent;color:#777}.account-options-toggle:hover,.account-options-toggle[aria-expanded=true]{color:#ddd}.account-options-toggle svg{width:18px;height:18px}.account-options{position:absolute;right:0;top:calc(100% - 8px);z-index:5;width:206px;padding:4px;border:1px solid #3b3b3b;background:#191919;box-shadow:0 8px 28px #0008}.account-options button{width:100%;border:0;padding:10px;background:transparent;color:#bcbcbc;text-align:left;font-size:12px}.account-options button:is(:hover,:focus-visible){background:#2a2a2a;color:#eee}.account-add{display:flex;align-items:center;gap:12px;width:100%;padding:15px 12px;margin-top:10px;border:1px solid transparent;background:transparent;color:#bbb;font-size:12px;text-align:left;transition:background .18s ease,border-color .18s ease}.account-add:is(:hover,:focus-visible){background:#202020;border-color:#333}.account-add-icon{display:grid;place-items:center;width:36px;flex:0 0 36px}.account-add-icon svg{width:19px;height:19px}.account-add .account-row-arrow{margin-left:auto}.account-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid #292929;color:#707070;font-size:10px}.account-footer button,.account-back{padding:4px 0;border:0;background:transparent;color:#999;font-size:11px}.account-footer button:hover,.account-back:hover{color:#ddd}.account-empty{padding:20px 0 24px;text-align:center;border-block:1px solid #292929}.account-empty p{color:#aaa;font-size:13px}.account-empty span{display:block;margin-top:7px;color:#777;font-size:12px}.account-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px}.account-back svg{width:14px;height:14px;transform:rotate(180deg)}.account-preview-notice{position:fixed;bottom:56px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:10px 16px;border:1px solid #3a3a3a;background:#151515;color:#bbb;font-size:12px;text-align:center;overflow-wrap:anywhere}.account-preview-tools{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;background:#0f0f0ff0;color:#888;font-size:10px}.account-preview-tools button{border:0;padding:4px 0;background:transparent;color:#bbb;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.account-preview-page{padding-bottom:76px}.account-screen{position:relative;display:grid;width:100%;max-width:420px;border:1px solid #333;background:#0f0f0f;overflow:clip}.account-logo-placeholder{opacity:0}.account-shared-logo{position:absolute;z-index:2;height:44px;transform-origin:top left;pointer-events:none}.account-pane{grid-area:1 / 1;min-width:0}.account-pane[data-active=false]{visibility:hidden}.account-pane .account-card{max-width:none;margin-top:0;border:0;background:transparent}.account-form-note{margin-top:16px;color:#777;font-size:11px;line-height:1.5}@media(max-width:440px){.account-screen{margin-top:6vh}.account-card{padding:24px 16px 18px;margin-top:6vh}.account-choice{gap:10px;padding-left:8px}.account-email{font-size:12px}.account-options-toggle{flex-basis:30px;width:30px}}@media(prefers-reduced-motion:reduce){.account-row>:is(.account-choice,.account-options-toggle),.account-row-arrow,.account-add{transition:none}}.account-loading .account-pane,.account-loading .account-shared-logo{visibility:hidden}.account-loading-label{position:absolute;inset:40% 0 auto;text-align:center;font-size:12px;color:#888}.account-request-error{grid-row:2;padding:0 24px 20px;display:grid;gap:10px}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#d0d0d0;background:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#1d1d1d url(/assets/zigzag-background-CMOnXMpV.svg?neutral) repeat;background-size:400px 600px;-webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:wallpaper-drift 120s linear infinite,page-reveal 1.3s cubic-bezier(.4,0,.6,1) 80ms backwards}@keyframes page-reveal{0%{-webkit-mask-image:url(/assets/page-reveal-mask-BOSJ8ULi.svg?fine-waves);mask-image:url(/assets/page-reveal-mask-BOSJ8ULi.svg?fine-waves);-webkit-mask-position:80% 80%;mask-position:80% 80%}to{-webkit-mask-image:url(/assets/page-reveal-mask-BOSJ8ULi.svg?fine-waves);mask-image:url(/assets/page-reveal-mask-BOSJ8ULi.svg?fine-waves);-webkit-mask-position:20% 20%;mask-position:20% 20%}}@keyframes wallpaper-drift{0%{background-position:0 0}to{background-position:800px 600px}}@media(prefers-reduced-motion:reduce){.login-page{animation:none}}.login-card{width:100%;max-width:380px;padding:20px 24px;border:1px solid #333;background:#0f0f0f}.login-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px}.keepitdev-logo{width:auto;height:48px}h1,h2,p{margin:0}h1{color:#888;font-size:14px;font-weight:400}.form{display:flex;flex-direction:column;gap:12px}.form label{margin-bottom:-8px;color:#888;font-size:12px}.form input{width:100%;height:36px;padding:0 12px;border:1px solid #333;outline:none;background:#0f0f0f;color:#d0d0d0;font-size:13px;transition:border-color .15s ease}.form input::placeholder{color:#666}.form input:focus{border-color:#555}.help-text{color:#666;font-size:11px;line-height:1.45}.step-description{color:#888;font-size:12px;line-height:1.55;text-align:center;margin-bottom:4px}.form button[type=submit],.form button.arrow-button,.form button.secondary-button{width:100%;height:36px;border:1px solid #333;background:#282828;color:#eee;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.form button[type=submit]:not(.arrow-button):hover:not(:disabled),.form button.secondary-button:hover:not(:disabled){background:#333}.form button.arrow-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;height:36px;padding:0 36px;border:1px solid #333;border-radius:0;background:#282828;color:#eee;transition:background .2s ease,border-color .2s ease,transform .2s ease}.arrow-button .button-label{transition:transform .22s ease}.button-arrow{position:absolute;right:20px;width:17px;height:17px;opacity:0;transform:translate(-8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.form button.arrow-button:is(:hover,:focus-visible):not(:disabled){background:#333;border-color:#333}.arrow-button:is(:hover,:focus-visible):not(:disabled) .button-label{transform:translate(-8px)}.arrow-button:is(:hover,:focus-visible):not(:disabled) .button-arrow{opacity:1;transform:translate(0)}.arrow-button:active:not(:disabled){transform:scale(.985)}.arrow-button:focus-visible{outline:2px solid #aaa;outline-offset:4px}.button-spinner{width:13px;height:13px;flex-shrink:0;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .75s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.form button.arrow-button,.arrow-button .button-label,.button-arrow{transition:none}.button-spinner{animation:none}}button:disabled{cursor:not-allowed!important;opacity:.55}.error{padding:8px 12px;background:#ef44441a;color:#ef4444;font-size:12px;line-height:1.4}.verification-step{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0}.mail-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #333;background:#282828;font-size:20px}.verification-step h2{color:#eee;font-size:14px;font-weight:500}.verification-intro{color:#888;font-size:13px;line-height:1.45;text-align:center}.verification-intro strong{color:#d0d0d0;font-weight:400}.dev-code{width:100%;padding:8px 12px;border:1px solid #554400;background:#1a1a0a;text-align:center}.dev-code span{display:block;color:#980;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.dev-code code{display:block;margin-top:4px;color:#fc0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:18px;font-weight:700;letter-spacing:.3em;-webkit-user-select:all;user-select:all}.verification-form{width:100%;margin-top:8px}.text-button{border:0;background:transparent;color:#3ea6ff;font-size:12px;cursor:pointer;transition:color .15s ease}.text-button:hover:not(:disabled){color:#65b8ff}@media(max-width:440px){.login-page{align-items:flex-start;padding:16px}.login-card{margin-top:10vh}}.recovery-key{display:block;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:12px;border:1px solid #333;background:#111;font-size:12px;line-height:1.6}.form .checkbox-label{display:flex;align-items:flex-start;gap:8px;margin:0;line-height:1.5;color:#aaa}.form input[type=checkbox]{width:14px;height:14px;flex-shrink:0;margin:2px 0 0;accent-color:#aaa}.form button.secondary-button{background:#161616;color:#bbb;border-radius:0}.secondary-button:focus-visible{outline:2px solid #aaa;outline-offset:3px}