body.circlo-ui:has(.keeper-portal),body.circlo-ui:has(.keeper-sign-in){background:var(--color-canvas);color:var(--color-text)}.circlo-ui .keeper-portal>.auth-notice{width:calc(100% - var(--space-12));max-width:var(--content-max);margin:0 auto;padding:var(--space-3) 0;border-bottom:1px solid var(--color-line-decorative);background:var(--color-canvas);color:var(--color-danger);font-family:var(--font-ui);font-size:var(--font-meta)}.circlo-ui .keeper-portal>.auth-notice button{margin-left:auto;min-height:var(--control-height);color:var(--color-text);border-color:var(--color-control-border);border-radius:var(--radius-control)}.circlo-ui .keeper-access-header{width:calc(100% - var(--space-12));max-width:var(--content-max);margin-inline:auto;min-height:var(--measure-76);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--color-line-decorative);color:var(--color-text);font-family:var(--font-ui)}.circlo-ui .keeper-access-brand{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-secondary);text-decoration:none}.circlo-ui .keeper-access-brand .brand-logo{width:var(--measure-160);height:auto}.circlo-ui .keeper-access-brand>span{border-left:1px solid var(--color-line-decorative);padding-left:var(--space-4);font-size:var(--font-meta);letter-spacing:.04em}.circlo-ui .keeper-access-header nav{display:flex;align-items:center;gap:var(--space-6)}.circlo-ui .keeper-access-back{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0;border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-meta);text-decoration:none}.circlo-ui .keeper-access-header .language-setting select{min-height:var(--control-height);border:0;border-radius:var(--radius-control);color:var(--color-text);background:transparent;font-family:var(--font-ui)}.circlo-ui .keeper-sign-in{width:calc(100% - var(--space-12));max-width:var(--content-max);margin:auto;padding:var(--space-12) var(--space-6);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;grid-gap:calc(var(--space-12) * 2);gap:calc(var(--space-12) * 2);color:var(--color-text);font-family:var(--font-ui)}.circlo-ui .keeper-sign-in-form{width:100%;max-width:var(--measure-520);min-width:0;justify-self:center}.circlo-ui .keeper-sign-in-heading>p:first-child{margin:0 0 var(--space-4);font-size:var(--font-meta);font-weight:600;letter-spacing:.12em;color:var(--color-accent)}.circlo-ui .keeper-sign-in h1{margin:0;font-size:var(--font-page-title);line-height:1.3;font-weight:700;letter-spacing:-.035em}.circlo-ui .keeper-sign-in-heading>p:last-child{margin:var(--space-3) 0 var(--space-8);color:var(--color-text-secondary);font-size:var(--font-body);line-height:1.65}.circlo-ui .keeper-sign-in-google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--measure-52);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-canvas);color:var(--color-text);border:1px solid var(--color-control-border);border-radius:var(--radius-control);text-decoration:none;font-size:var(--font-body);font-weight:600}.circlo-ui .keeper-sign-in-google img{width:20px;height:20px;object-fit:contain}.circlo-ui .keeper-sign-in-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-secondary);font-size:var(--font-meta)}.circlo-ui .keeper-sign-in-divider:after,.circlo-ui .keeper-sign-in-divider:before{content:"";flex:1 1;height:1px;background:var(--color-line-decorative)}.circlo-ui .keeper-sign-in form>label,.circlo-ui .keeper-sign-in-password-label label{display:block;margin:0 0 var(--space-2);color:var(--color-text);font-size:var(--font-meta);font-weight:600}.circlo-ui .keeper-sign-in input{box-sizing:border-box;width:100%;min-width:0;height:var(--measure-52);padding:var(--space-3) var(--space-4);border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-canvas);color:var(--color-text);font:inherit;font-size:var(--font-body)}.circlo-ui .keeper-sign-in input::placeholder{color:var(--color-text-secondary);opacity:.75}.circlo-ui .keeper-sign-in-password-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.circlo-ui .keeper-sign-in-password-label label{margin-bottom:0}.circlo-ui .keeper-sign-in-password-label button{min-height:var(--control-height);padding:0;background:transparent;border:0;color:var(--color-text-secondary);font:inherit;font-size:var(--font-meta)}.circlo-ui .keeper-sign-in-password{position:relative}.circlo-ui .keeper-sign-in-password input{padding-right:var(--measure-52)}.circlo-ui .keeper-sign-in-password button{position:absolute;top:var(--space-1);right:var(--space-1);display:grid;place-items:center;width:var(--control-height);height:var(--control-height);padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-text-secondary)}.circlo-ui .keeper-sign-in-form .primary,.circlo-ui .keeper-sign-in-submit{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--measure-52);width:100%;margin:var(--space-6) 0 0;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-on-accent);font:inherit;font-weight:600;cursor:pointer}.circlo-ui .keeper-sign-in-register{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-6) 0 0;padding-top:var(--space-6);border-top:1px solid var(--color-line-decorative);color:var(--color-text-secondary);font-size:var(--font-meta)}.circlo-ui .keeper-sign-in-register a{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--control-height);color:var(--color-accent);font-weight:600;text-decoration:none}.circlo-ui .keeper-sign-in-note{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--font-meta);line-height:1.65;text-align:center}.circlo-ui .keeper-sign-in [role=alert],.circlo-ui .keeper-sign-in-error{margin:var(--space-3) 0 0;color:var(--color-danger);font-size:var(--font-meta);line-height:1.65}.circlo-ui .keeper-sign-in-context{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.circlo-ui .keeper-sign-in-context>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:28% 50%;border-radius:var(--radius-image);background:var(--color-surface-subtle)}.circlo-ui .keeper-sign-in-context>div{padding-top:var(--space-6)}.circlo-ui .keeper-sign-in-context span{font-size:var(--font-meta);letter-spacing:.1em;font-weight:600;color:var(--color-text-secondary)}.circlo-ui .keeper-sign-in-context p{margin:var(--space-2) 0 0;font-size:var(--font-body);color:var(--color-text)}.circlo-ui .keeper-sign-in-form>section h2{margin-top:0;font-size:var(--font-page-title);color:var(--color-text)}.circlo-ui .keeper-sign-in-form>section p{color:var(--color-text-secondary);font-size:var(--font-meta);line-height:1.65}.circlo-ui .keeper-sign-in-form>section form{display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-6) 0}.circlo-ui .keeper-sign-in-form>section label{display:grid;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--font-meta)}.circlo-ui .keeper-sign-in-form .secondary{min-height:var(--control-height);background:var(--color-canvas);color:var(--color-text);border:1px solid var(--color-control-border);border-radius:var(--radius-control);font:inherit;padding:var(--space-2) var(--space-4)}.circlo-ui .keeper-sign-in-form .account-mode{min-height:var(--control-height);border:0;background:transparent;color:var(--color-accent);font:inherit;padding:var(--space-2) 0}.circlo-ui :is(.keeper-sign-in,.keeper-access-header) :focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.circlo-ui .keeper-sign-in :is(button,input):disabled,.circlo-ui .keeper-sign-in [aria-disabled=true]{opacity:.6;cursor:wait}.circlo-ui .keeper-sign-in-form .primary:hover:not(:disabled),.circlo-ui .keeper-sign-in-submit:hover:not(:disabled){background:var(--color-accent-hover);transform:none}.circlo-ui .keeper-sign-in-google:hover,.circlo-ui .keeper-sign-in-password button:hover{background:var(--color-surface-subtle)}.circlo-ui .keeper-access-back:hover,.circlo-ui .keeper-sign-in-password-label button:hover{color:var(--color-accent)}.circlo-ui .keeper-sign-in-register a:hover{text-decoration:underline;text-underline-offset:3px}.circlo-ui .keeper-sign-in :is(button,a,input){transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease}.circlo-ui .keeper-sign-in-form{animation:circlo-content-in var(--motion-fast) var(--circlo-ease-out)}@media(max-width:1100px){.circlo-ui .keeper-sign-in{gap:var(--space-12);padding-inline:0}}@media(min-width:801px) and (max-height:800px){.circlo-ui .keeper-sign-in{padding-block:var(--space-6)}.circlo-ui .keeper-sign-in-heading>p:first-child{margin-bottom:var(--space-3)}.circlo-ui .keeper-sign-in-heading>p:last-child{margin-bottom:var(--space-6)}.circlo-ui .keeper-sign-in-divider{margin-block:var(--space-4)}.circlo-ui .keeper-sign-in-register{margin-top:var(--space-3);padding-top:var(--space-3)}.circlo-ui .keeper-sign-in-note{margin-top:var(--space-2)}}@media(max-width:800px){.circlo-ui .keeper-access-header{width:calc(100% - var(--space-8));gap:var(--space-2);min-height:var(--measure-76)}.circlo-ui .keeper-access-brand{gap:var(--space-2)}.circlo-ui .keeper-access-brand .brand-logo{width:var(--measure-110)}.circlo-ui .keeper-access-brand>span{padding-left:var(--space-2);font-size:var(--font-size-12)}.circlo-ui .keeper-access-header nav{gap:var(--space-2)}.circlo-ui .keeper-access-back{font-size:var(--font-size-12)}.circlo-ui .keeper-access-back svg{display:none}.circlo-ui .keeper-access-header .language-setting select{max-width:var(--measure-96);padding-inline:var(--space-1);font-size:var(--font-size-12)}.circlo-ui .keeper-sign-in{width:calc(100% - var(--space-12));max-width:var(--measure-550);grid-template-columns:minmax(0,1fr);gap:var(--space-12);padding:var(--space-8) 0 var(--space-12)}.circlo-ui .keeper-sign-in h1{font-size:var(--font-size-28)}.circlo-ui .keeper-sign-in-heading>p:last-child{font-size:var(--font-meta);margin-bottom:var(--space-6)}.circlo-ui .keeper-sign-in-context>img{aspect-ratio:1688/932}.circlo-ui .keeper-sign-in-context>div{padding-top:var(--space-4)}}@media(prefers-reduced-motion:reduce){.circlo-ui .keeper-sign-in-form{animation:none}.circlo-ui .keeper-sign-in :is(button,a,input){transition:none}}@media(max-width:360px){.circlo-ui .keeper-access-brand .brand-logo{width:var(--measure-90)}.circlo-ui .keeper-access-brand>span{display:none}.circlo-ui .keeper-access-header nav{gap:var(--space-1)}}html[data-circlo-input=keyboard] .circlo-ui .keeper-sign-in-form{animation:none}