.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):not(:has(.is-continuing))>: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{--account-face-height: 56px;display:block;flex:1;min-width:0;height:var(--account-face-height);padding:0;color:inherit;border:0;background:transparent;text-align:left;perspective:800px}.account-choice-cube{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 50%;transform:translateZ(calc(var(--account-face-height) / -2));transition:transform .85s cubic-bezier(.17,.67,.14,.93);pointer-events:none}.account-choice-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:12px;padding:10px 12px;backface-visibility:hidden}.account-choice-front{transform:translateZ(calc(var(--account-face-height) / 2))}.account-choice-top{justify-content:center;gap:10px;color:#d0d0d0;font-size:13px;font-weight:500;transform:rotateX(90deg) translateZ(calc(var(--account-face-height) / 2))}.account-choice-top svg{width:16px;height:16px}.account-continue-label{display:flex;align-items:center;gap:10px;transition:opacity .15s ease}.account-continue-marquee{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;overflow:hidden;opacity:0;transition:opacity .15s ease}.account-continue-track{display:flex;flex:0 0 auto;width:max-content;animation:account-continue-marquee .9s linear infinite paused}.account-continue-track>span{flex:0 0 7em;width:7em;text-align:center;font-size:13px;font-weight:500;letter-spacing:.06em}.account-choice.is-continuing .account-continue-label{opacity:0}.account-choice.is-continuing .account-continue-marquee{opacity:1}.account-choice.is-continuing .account-continue-track{animation-play-state:running}.account-choice:is(:focus-visible,.is-continuing) .account-choice-cube{transform:translateZ(calc(var(--account-face-height) / -2)) rotateX(-90deg)}@keyframes account-continue-marquee{0%{transform:translate(-7em)}to{transform:translate(0)}}@media(hover:hover){.account-choice:hover .account-choice-cube{transform:translateZ(calc(var(--account-face-height) / -2)) rotateX(-90deg)}}.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-add:is(:hover,:focus-visible) .account-row-arrow{opacity:1;transform:translate(0)}.account-options-toggle{position:relative;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:is(:hover,:focus-visible,[aria-expanded=true]){color:#ddd}.account-options-toggle svg{width:18px;height:18px}.account-options-toggle .account-options-ring{position:absolute;top:50%;left:50%;width:calc(100% - 2px);height:auto;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}.account-options-ring circle{stroke:#999;stroke-width:1;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .4s ease-in}.account-options-toggle:is(:hover,:focus-visible,[aria-expanded=true]) .account-options-ring circle{stroke-dashoffset:0;transition-timing-function:ease-out}.account-options{position:absolute;right:0;top:calc(100% - 6px);z-index:5;width:224px;padding:10px 1px 1px;visibility:hidden;pointer-events:none;transition:visibility 0s .4s}.account-options[data-open=true]{visibility:visible;pointer-events:auto;transition-delay:0s}.account-options-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 8px 14px #0008)}.account-options-fill{fill:#191919;fill-opacity:0;transition:fill-opacity .32s 40ms cubic-bezier(.4,0,.2,1)}.account-options-border{fill:none;stroke:#555;stroke-width:1;stroke-linejoin:miter;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1)}.account-options[data-open=true] .account-options-fill{fill-opacity:1}.account-options[data-open=true] .account-options-border{stroke-dashoffset:0}.account-options-contents{position:relative;opacity:0;transform:translateY(-3px);transition:opacity .16s ease,transform .24s ease}.account-options[data-open=true] .account-options-contents{opacity:1;transform:translateY(0);transition:opacity .24s .1s ease,transform .3s 60ms cubic-bezier(.4,0,.2,1)}.account-options button{display:block;width:100%;height:38px;border:0;padding:0 10px 0 16px;background:transparent;color:#bcbcbc;text-align:left;font-size:12px}.account-options button+button{border-top:1px solid #303030}.account-options button:is(:hover,:focus-visible){background:#2a2a2a;color:#eee}.account-card .account-options button:focus-visible{outline-offset:-2px}.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:linear-gradient(to bottom,#1e1e1e,#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-face{gap:10px;padding-inline:8px}.account-email{font-size:12px}.account-options-toggle{flex-basis:30px;width:30px}.account-options{right:-3px}}@media(prefers-reduced-motion:reduce){.account-row>:is(.account-choice,.account-options-toggle),.account-row-arrow,.account-add{transition:none}.account-choice-cube{transition:none}.account-options-ring circle{transition:none}.account-options,.account-options-fill,.account-options-border,.account-options-contents,.account-options[data-open=true] .account-options-contents,.account-continue-label,.account-continue-marquee{transition:none}.account-continue-track{animation:none}.account-choice.is-continuing .account-continue-label{opacity:1}.account-choice.is-continuing .account-continue-marquee{opacity:0}}.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:linear-gradient(#0002,#0002),#191919 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}