.auth-page.auth-split{min-height:100svh;color:var(--ui-text);background:linear-gradient(#dfe8f0 0%,#edf1f3 48%,#f5f6f5 100%);grid-template-columns:minmax(380px,43%) minmax(0,1fr);padding:0;display:grid;position:relative}.auth-page.auth-split[data-auth-stage]{background:linear-gradient(#dfe8f0 0%,#edf1f3 48%,#f5f6f5 100%)}.auth-split[data-auth-stage] .auth-entry{justify-content:flex-start;padding-top:clamp(64px,17svh,180px)}.auth-split[data-auth-stage] .auth-header{margin-bottom:44px}.auth-stage{outline:none;min-width:0;animation:.18s ease-out both auth-stage-in}.auth-inline-actions{justify-content:center;margin-top:16px;display:flex}.auth-split[data-auth-stage=profile] .auth-form-wrap h1,.auth-split[data-auth-stage=status] .auth-form-wrap h1{margin-bottom:18px}.auth-split[data-auth-stage=profile] .auth-form-wrap h1{font-size:30px}.auth-split[data-auth-stage=status] .auth-stage{text-align:center}.auth-split[data-auth-stage] .google-sign-in,.auth-split[data-auth-stage] .field-label input{background:#fff9}@keyframes auth-stage-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.auth-split .auth-entry{flex-direction:column;justify-content:center;min-width:0;padding:64px clamp(32px,5.5vw,88px);display:flex}.auth-split .auth-header{justify-content:center;width:100%;max-width:360px;height:auto;min-height:0;margin:0 auto 66px;padding:0;display:flex}.auth-split .auth-header .auth-brand{aspect-ratio:178/38;flex:none;width:146px;display:block}.auth-split .auth-brand-ink{background:var(--ui-action);width:100%;height:100%;display:block;-webkit-mask:url(/knotocol-wordmark.svg) 50%/contain no-repeat;mask:url(/knotocol-wordmark.svg) 50%/contain no-repeat}.auth-split .auth-cover-tones{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.auth-split .auth-form-wrap{width:100%;max-width:360px;margin:0 auto;padding:0}.auth-split .auth-form-wrap h1{letter-spacing:-1.15px;text-align:center;color:var(--ui-text);margin:0 0 36px;font-size:clamp(28px,2.5vw,36px);font-weight:600;line-height:1.2}.auth-split .auth-description{color:var(--ui-text-secondary);text-align:center;margin:-16px 0 28px;font-size:14px;line-height:1.65}.auth-split .auth-cover{background:var(--ui-cover-paper);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:24px;justify-content:center;align-items:center;min-width:0;min-height:calc(100svh - 32px);margin:16px 16px 16px 0;display:flex;position:relative;overflow:hidden}.auth-split .auth-cover-art{aspect-ratio:2742/1568;flex:none;width:auto;max-width:none;height:calc(100svh - 32px);margin:0;position:relative}.auth-split .auth-cover-still{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%;display:block}.auth-split :is(.auth-mobile-cover,.auth-mobile-copy,.auth-header-context,.auth-verify-back){display:none}.auth-split .auth-cover-art:has(iframe[data-ready=true]) .auth-cover-still{opacity:0}.auth-split .auth-cover-art iframe{aspect-ratio:2742/1568;pointer-events:none;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.auth-split .google-sign-in{background:var(--ui-surface);border:1px solid var(--ui-border);width:100%;min-height:52px;color:var(--ui-text);border-radius:var(--ui-radius-full);box-shadow:none;justify-content:center;gap:12px;font-size:17px;font-weight:500}.auth-split .google-sign-in svg{flex:none;width:22px;height:22px}.auth-split .google-sign-in:hover:not(:disabled){background:var(--ui-surface-hover);border-color:var(--ui-border-strong)}.auth-split .auth-divider{color:var(--ui-text-secondary);align-items:center;gap:16px;margin:28px 0;font-size:15px;display:flex}.auth-split .auth-divider:before,.auth-split .auth-divider:after{content:"";background:var(--ui-surface-hover);flex:1;height:1px}.auth-split .form-stack{gap:16px}.auth-split .field-label{color:var(--ui-text);gap:8px;font-size:13px;font-weight:500}.auth-split .field-label input{background:var(--ui-surface-soft);width:100%;min-height:54px;color:var(--ui-text);box-shadow:none;border:1px solid #0000;border-radius:16px;padding:14px 17px;font-size:17px;font-weight:400}.auth-split .field-label input::placeholder{color:var(--ui-text-secondary);opacity:1}.auth-split .field-label input:focus{border-color:var(--ui-focus);outline:2px solid var(--ui-focus);outline-offset:-2px}.auth-split .field-label input:-webkit-autofill{caret-color:var(--ui-text);filter:none;border-color:#0000;transition:background-color 99999s ease-out;-webkit-text-fill-color:var(--ui-text)!important;box-shadow:0 0 0 1000px var(--ui-surface-soft) inset!important;background-color:var(--ui-surface-soft)!important;background-image:none!important}.auth-split .field-label input:-webkit-autofill:hover{caret-color:var(--ui-text);filter:none;border-color:#0000;transition:background-color 99999s ease-out;-webkit-text-fill-color:var(--ui-text)!important;box-shadow:0 0 0 1000px var(--ui-surface-soft) inset!important;background-color:var(--ui-surface-soft)!important;background-image:none!important}.auth-split .field-label input:-webkit-autofill:focus{caret-color:var(--ui-text);filter:none;border-color:#0000;transition:background-color 99999s ease-out;-webkit-text-fill-color:var(--ui-text)!important;box-shadow:0 0 0 1000px var(--ui-surface-soft) inset!important;background-color:var(--ui-surface-soft)!important;background-image:none!important}.auth-split .field-label input:-webkit-autofill:active{caret-color:var(--ui-text);filter:none;border-color:#0000;transition:background-color 99999s ease-out;-webkit-text-fill-color:var(--ui-text)!important;box-shadow:0 0 0 1000px var(--ui-surface-soft) inset!important;background-color:var(--ui-surface-soft)!important;background-image:none!important}.auth-split .field-label input:focus-visible{outline-color:var(--ui-focus)}.auth-split .password-field input{padding-right:48px}.auth-split .password-field .icon-button{color:var(--ui-text-secondary);top:10px;right:8px}.auth-split .auth-submit{border-radius:var(--ui-radius-full);background:var(--ui-action);border-color:var(--ui-focus);width:100%;min-height:52px;color:var(--ui-surface);justify-content:center;margin-top:0;font-size:17px;font-weight:500}.auth-split .auth-submit:hover:not(:disabled){background:var(--ui-action-hover);border-color:var(--ui-focus)}.auth-split button:focus-visible,.auth-split a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px}.auth-split button:disabled{opacity:.55;cursor:wait}.auth-split .field-hint{color:var(--ui-text-secondary);font-size:12px;font-weight:400}.auth-split .auth-switch{color:var(--ui-text-secondary);text-align:center;margin:32px 0 0;font-size:14px;line-height:1.6}.auth-split .auth-switch a{color:var(--ui-action);text-underline-offset:3px;font-weight:500}.auth-split .auth-switch a:hover{color:var(--ui-action)}.auth-split .auth-error{text-align:left;overflow-wrap:anywhere;margin:0 0 20px;font-size:13px}.auth-split .auth-email-summary{color:var(--ui-text-secondary);justify-content:center;align-items:center;gap:12px;margin:-20px 0 28px;font-size:14px;display:flex}.auth-email-summary span{overflow-wrap:anywhere;min-width:0}.auth-email-summary button{text-underline-offset:3px;color:var(--ui-text);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:4px;text-decoration:underline}.auth-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1024px){.auth-page.auth-split{grid-template-columns:minmax(340px,46%) minmax(0,1fr)}.auth-split .auth-entry{padding:48px 36px}.auth-split .auth-cover-art{width:auto;height:calc(100svh - 32px);margin:0}}@media (max-width:760px){.auth-page.auth-split{padding:calc(28px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--ui-canvas);flex-direction:column;justify-content:flex-start;display:flex}.auth-split .auth-entry{justify-content:flex-start;width:100%;max-width:390px;margin:0 auto;padding:0}.auth-split .auth-header{justify-content:space-between;align-items:center;gap:16px;max-width:none;margin-bottom:24px}.auth-split .auth-header .auth-brand{width:128px}.auth-split .auth-header-context{color:var(--ui-text-secondary);white-space:nowrap;font-size:12px;display:block}.auth-split .auth-cover{display:none}.auth-split .auth-mobile-cover{background:var(--ui-cover-paper);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:12px;height:112px;margin:0 0 26px;display:block;position:relative;overflow:hidden}.auth-split .auth-mobile-cover .auth-cover-art{aspect-ratio:2742/1568;width:100%;height:auto;position:absolute;top:62%;left:0;transform:translateY(-62%)}.auth-split .auth-desktop-copy{display:none}.auth-split .auth-mobile-copy{display:inline}.auth-split .auth-form-wrap{max-width:none}.knotocol-app .auth-split .auth-form-wrap h1{letter-spacing:-1px;text-align:left;margin:0 0 10px;font-size:30px;font-weight:600;line-height:1.2}.auth-split .auth-description{text-align:left;overflow-wrap:anywhere;margin:0 0 26px;font-size:14px;line-height:1.5}.knotocol-app .auth-split .google-sign-in{border-radius:12px;min-height:50px;font-size:15px}.auth-split .google-sign-in svg{width:20px;height:20px}.auth-split .auth-divider{gap:12px;margin:20px 0;font-size:12px}.auth-split .auth-divider:before,.auth-split .auth-divider:after{background:var(--ui-border)}.auth-split .auth-email-label{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.auth-split .field-label{gap:8px}.knotocol-app .auth-split .auth-form-wrap input{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:12px;min-height:52px;padding:13px 14px;font-size:16px}.knotocol-app .auth-split .auth-form-wrap input:-webkit-autofill{box-shadow:0 0 0 1000px var(--ui-surface) inset!important}.knotocol-app .auth-split .password-field input{padding-right:56px}.auth-split .password-field .icon-button{width:44px;height:44px;padding:12px;top:4px;right:4px}.knotocol-app .auth-split .auth-form-wrap .auth-submit{border-radius:12px;min-height:50px;margin-top:2px;font-size:15px}.auth-split .auth-email-summary{justify-content:space-between;align-items:flex-start;margin:0 0 18px}.auth-email-summary span{padding-top:11px}.auth-email-summary button{min-width:54px;min-height:44px}.auth-split .auth-verify-back{min-height:44px;color:var(--ui-text-secondary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:-12px 0 12px;padding:8px 0;font-size:13px;text-decoration:underline;display:block}.auth-split .auth-switch{margin-top:24px;font-size:13px}.auth-split .auth-switch a{padding:10px 0;display:inline-block}.auth-split .auth-error{margin:0 0 18px}}@media (max-width:360px){.auth-page.auth-split{padding-left:20px;padding-right:20px}.auth-split .auth-header{gap:10px}.auth-split .auth-header .auth-brand{width:116px}.knotocol-app .auth-split .auth-form-wrap h1{font-size:28px}}@media (max-height:650px) and (min-width:761px){.auth-split .auth-entry{padding-top:32px;padding-bottom:32px}.auth-split .auth-header{margin-bottom:32px}}.auth-split .auth-glare{isolation:isolate;position:relative;overflow:hidden}.auth-split .auth-glare:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(115deg,transparent 34%,color-mix(in srgb, var(--ui-surface) 20%, transparent) 48%,transparent 62%);opacity:0;transition:transform .55s,opacity .25s;position:absolute;inset:-20% -40%;transform:translate(-70%)skew(-12deg)}.auth-split .auth-glare:hover:not(:disabled):after,.auth-split .auth-glare:focus-visible:not(:disabled):after{opacity:1;transform:translate(40%)skew(-12deg)}.auth-split .google-sign-in.auth-glare:after{background:linear-gradient(115deg,transparent 34%,color-mix(in srgb, var(--ui-action) 7.84%, transparent) 48%,transparent 62%)}.auth-split .auth-glare>*{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.auth-split .auth-glare:after{opacity:0;transition:none}.auth-split .auth-glare:hover:not(:disabled):after,.auth-split .auth-glare:focus-visible:not(:disabled):after{opacity:0;transform:none}.auth-split .auth-brand-ink{clip-path:none!important;opacity:1!important;transform:none!important}.auth-page.auth-split *{animation:none!important}}@media (forced-colors:active){.auth-split .auth-brand-ink{forced-color-adjust:none;background:canvastext}}@media (max-width:760px){.auth-split[data-auth-stage] .auth-entry{padding-top:0}.auth-split[data-auth-stage] .auth-header{margin-bottom:24px}.auth-split[data-auth-stage=profile] .auth-form-wrap h1,.auth-split[data-auth-stage=status] .auth-form-wrap h1{font-size:28px}.auth-split[data-auth-stage] .auth-form-wrap input{background:#fff9}}@media (prefers-reduced-motion:reduce){.auth-stage{animation:none}}