:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #2b2b2d;--paper: #ffffff;--line: rgba(43, 43, 45, .14);--secondary: rgba(43, 43, 45, .62);--surface: #f5f5f4;--background: 0 0% 100%;--foreground: 240 2% 17%;--border: 240 3% 89%;--input: 240 3% 89%;--ring: 240 2% 17%;--primary: 240 2% 17%;--primary-foreground: 0 0% 100%;--radius: .5rem}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(43,43,45,.45);outline-offset:2px}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);background:var(--paper)}.auth-aside{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(28px,5vw,72px);background:#fff;color:#2b2b2d}.wordmark{font-size:23px;letter-spacing:-.06em;font-weight:700}.aside-note{max-width:500px;margin:auto 0;padding:72px 0}.aside-note h1{max-width:480px;margin:0;font-size:clamp(42px,5.2vw,76px);line-height:.99;letter-spacing:-.055em;font-weight:600}.aside-note p{max-width:350px;margin:24px 0 0;color:#2b2b2dad;font-size:17px;line-height:1.5}.aside-foot{color:#2b2b2d7a;font-size:13px}.auth-main{display:flex;align-items:center;justify-content:center;padding:32px;background:#2b2b2d;color:#fff}.auth-form{width:100%;max-width:360px}.auth-form h2{margin:0;font-size:28px;letter-spacing:-.04em;font-weight:650}.auth-intro{margin:9px 0 30px;color:#ffffffad;font-size:15px;line-height:1.5}.field-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}.email-field{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:15px}.email-field::placeholder{color:#2b2b2d66}.auth-button{width:100%;min-height:48px;padding:0 16px;border:1px solid #fff;border-radius:9px;background:#fff;color:#2b2b2d;cursor:pointer;font-weight:600;transition:opacity .16s ease,transform .16s ease}.auth-button:hover:not(:disabled){opacity:.87}.auth-button:active:not(:disabled){transform:translateY(1px)}.auth-button:disabled{opacity:.55;cursor:wait}.auth-main button:focus-visible{outline-color:#ffffffe6}.auth-secondary{margin-top:11px;background:transparent;color:#fff;border-color:#ffffff8c}.auth-divider{display:flex;align-items:center;gap:13px;margin:21px 0;color:#ffffff94;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#ffffff3d}.form-message{margin:16px 0 0;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.45}.form-message.error{border-color:#be362b52;background:#fff6f4;color:#9c2e25}.auth-switch{margin-top:22px;color:#ffffff8c;font-size:13px;line-height:1.5}.auth-switch a{display:inline-block;margin-top:8px;color:#fff;text-underline-offset:3px}.shell-loading,.shell-error{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5f5f4}.loading-box,.error-box{width:min(100%,420px);padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}.skeleton{height:12px;margin:12px 0;border-radius:5px;background:#ededec;animation:pulse 1.4s ease-in-out infinite alternate}.skeleton.short{width:56%}@keyframes pulse{to{opacity:.55}}.shell-brand{margin:0 0 16px;font-size:18px;font-weight:700;letter-spacing:-.04em}.error-box h1{margin:0 0 8px;font-size:20px}.error-box p{margin:0 0 17px;color:var(--secondary);line-height:1.5;font-size:14px}.plain-action{border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}.editor-frame{display:block;width:100%;height:100dvh;border:0;background:#fff}@media(max-width:760px){.auth-screen{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-aside{min-height:0;padding:24px}.aside-note{margin:48px 0 4px;padding:0}.aside-note h1{max-width:400px;font-size:clamp(38px,10vw,54px)}.aside-note p{margin-top:14px;font-size:15px}.aside-foot{display:none}.auth-main{align-items:flex-start;padding:36px 24px 52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
