.cp-login-frame{min-height:100dvh;padding:var(--cp-space-10);background:var(--cp-color-canvas);color:var(--cp-color-text-primary);justify-content:center;align-items:center;display:flex}.cp-login-main{width:100%;display:flex}.cp-login-prefs{justify-content:flex-end;gap:var(--cp-space-4);display:flex}.cp-login-seg-group{gap:var(--cp-space-1);padding:var(--cp-space-1);border-radius:var(--cp-radius-full);background:var(--cp-color-surface);display:flex}.cp-login-seg{height:var(--cp-control-sm);padding:0 var(--cp-space-5);border-radius:var(--cp-radius-full);cursor:pointer;font:var(--cp-type-label);white-space:nowrap;color:var(--cp-color-text-muted);background:0 0;border:none}.cp-login-seg[aria-checked=true]{background:var(--cp-color-selected);color:var(--cp-color-text-link)}.cp-login-card{scroll-margin-top:max(12px, env(safe-area-inset-top));gap:var(--cp-space-7);padding:var(--cp-space-11) var(--cp-space-10);background:var(--cp-color-surface);border-radius:var(--cp-radius-xl);box-shadow:var(--cp-shadow-lg);border:var(--cp-border-default) solid var(--cp-color-border-card);flex-direction:column;display:flex}.cp-login-brand{align-items:center;gap:var(--cp-space-4);text-align:center;flex-direction:column;display:flex}.cp-login-mark{width:72px;height:72px;box-shadow:var(--cp-shadow-sm);background:linear-gradient(135deg,#fff 0%,#e7edff 100%);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.cp-login-brand-name{font:var(--cp-type-title);color:var(--cp-color-text-heading)}.cp-login-tagline{font:var(--cp-type-body-compact);color:var(--cp-color-text-muted)}.cp-login-title{font:var(--cp-type-heading);margin:0}.cp-login-alert{gap:var(--cp-space-4);padding:var(--cp-space-5) var(--cp-space-6);border-radius:var(--cp-radius-md);font:var(--cp-type-body-compact);animation:cp-row-in var(--cp-motion-base) var(--cp-ease-enter) both;align-items:flex-start;display:flex}.cp-login-alert[data-tone=danger]{background:var(--cp-color-danger-bg);color:var(--cp-color-danger-fg)}.cp-login-alert[data-tone=warning]{background:var(--cp-color-warning-bg);color:var(--cp-color-warning-fg)}.cp-login-alert[data-tone=info]{background:var(--cp-color-info-bg);color:var(--cp-color-info-fg)}.cp-login-field{gap:var(--cp-space-2);flex-direction:column;display:flex}.cp-login-label{font:var(--cp-type-label);color:var(--cp-color-text-secondary)}.cp-login-input-wrap{display:flex;position:relative}.cp-login-input{width:100%;height:var(--cp-control-lg);padding:0 var(--cp-space-7);border-radius:var(--cp-radius-field);border:var(--cp-border-default) solid var(--cp-color-border-default);background:var(--cp-color-surface);font:var(--cp-type-body);color:var(--cp-color-text-primary);outline:none}.cp-login-input[data-pass]{padding-right:72px}.cp-login-input[aria-invalid=true]{border-color:var(--cp-color-danger-solid);box-shadow:0 0 0 1px var(--cp-color-danger-solid)}.cp-login-input:disabled{background:var(--cp-color-surface-sunken)}.cp-login-input:focus-visible{outline:var(--cp-border-strong) solid var(--cp-color-focus-ring);outline-offset:var(--cp-space-1)}.cp-login-show{right:var(--cp-space-3);height:var(--cp-control-sm);padding:0 var(--cp-space-4);border-radius:var(--cp-radius-full);color:var(--cp-color-text-muted);font:var(--cp-type-caption);cursor:pointer;transition:background-color var(--cp-motion-fast) var(--cp-ease-standard);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.cp-login-show:hover{background:var(--cp-color-hover)}.cp-login-submit,.cp-login-verify{justify-content:center;align-items:center;gap:var(--cp-space-4);height:var(--cp-control-lg);border-radius:var(--cp-radius-control);background:var(--cp-gradient-accent);color:var(--cp-color-on-accent);font:var(--cp-type-body);cursor:pointer;box-shadow:var(--cp-shadow-accent);transition:background-color var(--cp-motion-fast) var(--cp-ease-standard);border:none;font-weight:600;display:inline-flex}.cp-login-verify{font:var(--cp-type-label);box-shadow:none;font-weight:600}.cp-login-submit:disabled:not([aria-busy=true]),.cp-login-verify:disabled{background:var(--cp-color-surface-sunken);color:var(--cp-color-text-muted);cursor:not-allowed;box-shadow:none}.cp-login-submit[aria-busy=true]{cursor:not-allowed}.cp-login-spinner{width:var(--cp-space-6);height:var(--cp-space-6);border-radius:var(--cp-radius-full);border:var(--cp-border-strong) solid currentColor;border-right-color:#0000;flex:none;animation:.7s linear infinite cp-spin}.cp-login-or{align-items:center;gap:var(--cp-space-4);color:var(--cp-color-text-muted);font:var(--cp-type-caption);display:flex}.cp-login-or>span{height:var(--cp-border-hairline);background:var(--cp-color-border-subtle);flex:1}.cp-login-passkey{justify-content:center;align-items:center;gap:var(--cp-space-3);height:var(--cp-control-lg);border-radius:var(--cp-radius-control);border:var(--cp-border-default) solid var(--cp-color-border-default);background:var(--cp-color-surface);color:var(--cp-color-text-primary);font:var(--cp-type-label);cursor:pointer;font-weight:600;display:inline-flex}.cp-login-passkey:hover:not(:disabled){background:var(--cp-color-hover)}.cp-login-passkey:disabled{cursor:not-allowed;color:var(--cp-color-text-muted)}.cp-login-noaccount{text-align:center;font:var(--cp-type-caption);color:var(--cp-color-text-muted);margin:0}.cp-mfa{gap:var(--cp-space-6);padding:var(--cp-space-10);background:var(--cp-color-surface);border-radius:var(--cp-radius-xl);box-shadow:var(--cp-shadow-lg);border:var(--cp-border-default) solid var(--cp-color-border-card);animation:cp-rail-in var(--cp-motion-dialog) var(--cp-spring-dialog) both;flex-direction:column;display:flex}.cp-mfa-head{align-items:center;gap:var(--cp-space-3);display:flex}.cp-mfa-back{width:var(--cp-control-sm);height:var(--cp-control-sm);border-radius:var(--cp-radius-full);background:var(--cp-color-surface-sunken);color:var(--cp-color-text-secondary);cursor:pointer;border:none}.cp-mfa-who{font:var(--cp-type-caption);color:var(--cp-color-text-muted)}.cp-mfa-titles{gap:var(--cp-space-2);flex-direction:column;display:flex}.cp-mfa-title{font:var(--cp-type-title);color:var(--cp-color-text-heading);margin:0}.cp-mfa-body{font:var(--cp-type-body-compact);color:var(--cp-color-text-secondary);text-wrap:pretty;margin:0}.cp-mfa-alert{padding:var(--cp-space-4) var(--cp-space-5);align-items:center}.cp-mfa-alert>span{flex:1}.cp-mfa-alert-retry{height:var(--cp-control-sm);padding:0 var(--cp-space-5);border-radius:var(--cp-radius-control);border:var(--cp-border-default) solid var(--cp-color-border-default);background:var(--cp-color-surface);color:var(--cp-color-text-primary);font:var(--cp-type-label);cursor:pointer}.cp-mfa-otp{gap:var(--cp-space-3);animation:cp-fade-in var(--cp-motion-base) var(--cp-ease-standard) both;justify-content:center;display:flex}.cp-mfa-otp[data-shake]{animation:cp-otp-shake .36s var(--cp-ease-standard) both}.cp-mfa-cell{text-align:center;border-radius:var(--cp-radius-md);border:var(--cp-border-strong) solid var(--cp-color-border-default);background:var(--cp-color-surface);width:48px;height:56px;font:var(--cp-type-title);font-family:var(--cp-font-mono);color:var(--cp-color-text-primary);transition:border-color var(--cp-motion-fast) var(--cp-ease-standard);outline:none}.cp-mfa-cell[data-filled]{border-color:var(--cp-color-accent)}.cp-mfa-cell[aria-invalid=true]{border-color:var(--cp-color-danger-solid)}.cp-mfa-cell:focus-visible{outline:var(--cp-border-strong) solid var(--cp-color-focus-ring);outline-offset:var(--cp-space-1)}.cp-mfa-rec{gap:var(--cp-space-2);font:var(--cp-type-label);color:var(--cp-color-text-secondary);animation:cp-fade-in var(--cp-motion-base) var(--cp-ease-standard) both;flex-direction:column;display:flex}.cp-mfa-rec input{height:var(--cp-control-lg);padding:0 var(--cp-space-6);border-radius:var(--cp-radius-field);border:var(--cp-border-default) solid var(--cp-color-border-default);background:var(--cp-color-surface);font:var(--cp-type-code);letter-spacing:.08em;color:var(--cp-color-text-primary);font-size:15px}.cp-mfa-err{font:var(--cp-type-caption);color:var(--cp-color-danger-fg);animation:cp-row-in var(--cp-motion-base) var(--cp-ease-enter) both}.cp-mfa-links{align-items:flex-start;gap:var(--cp-space-2);flex-direction:column;display:flex}.cp-mfa-link{height:var(--cp-control-sm);color:var(--cp-color-text-link);font:var(--cp-type-label);cursor:pointer;background:0 0;border:none;padding:0}@keyframes cp-otp-shake{0%,to{translate:0}20%{translate:calc(var(--cp-motion-distance-sm) * -1) 0}40%{translate:var(--cp-motion-distance-sm) 0}60%{translate:calc(var(--cp-motion-distance-sm) * -1) 0}80%{translate:var(--cp-motion-distance-sm) 0}}@media (max-width:640px){.cp-login-frame{padding:var(--cp-space-7)}.cp-login-card{padding:var(--cp-space-9) var(--cp-space-8)}.cp-mfa{padding:var(--cp-space-8) var(--cp-space-7)}.cp-mfa-cell{width:40px}}.cp-login-main{flex-direction:row;justify-content:center;gap:0;max-width:none}.cp-login-grid{row-gap:var(--cp-space-7);grid-template-columns:minmax(0,1fr);align-items:start;width:100%;max-width:440px;display:grid}.cp-login-col{gap:var(--cp-space-7);flex-direction:column;min-width:0;display:flex}.cp-demo-wrap{min-width:0}.cp-demo{gap:var(--cp-space-4);min-width:0;padding:var(--cp-space-7) var(--cp-space-5);background:var(--cp-color-surface);border:var(--cp-border-default) solid var(--cp-color-border-card);border-radius:var(--cp-radius-xl);flex-direction:column;display:flex}.cp-login-grid[data-anim] .cp-demo-wrap{animation:cp-row-in var(--cp-motion-base) var(--cp-ease-enter) both}.cp-demo-title{font:var(--cp-type-heading);color:var(--cp-color-text-heading);margin:0}.cp-demo-hint{font:var(--cp-type-caption);color:var(--cp-color-text-muted);margin:0}.cp-demo .cp-acc{box-shadow:none;border:none;border-top:var(--cp-border-hairline) solid var(--cp-color-border-subtle);border-radius:0}.cp-demo .cp-acc__item[data-first=false]{border-top:var(--cp-border-hairline) solid var(--cp-color-border-subtle)}.cp-demo .cp-acc__trigger{min-height:52px;padding:var(--cp-space-3) var(--cp-space-2);font:var(--cp-type-label);color:var(--cp-color-text-heading);font-weight:600}.cp-demo .cp-acc__trigger:focus-visible,.cp-demo-btn:focus-visible,.cp-demo-toggle:focus-visible,.cp-demo-use:focus-visible{outline:var(--cp-border-strong) solid var(--cp-color-focus-ring);outline-offset:calc(var(--cp-space-1) * -1)}.cp-demo .cp-acc__body{padding:0 var(--cp-space-2) var(--cp-space-5)}.cp-demo-acc-title{gap:var(--cp-space-1);flex-direction:column;min-width:0;display:flex}.cp-demo-acc-role{overflow-wrap:anywhere}.cp-demo-acc-sub{font:var(--cp-type-caption);color:var(--cp-color-text-muted);font-weight:400;display:none}.cp-demo-card{gap:var(--cp-space-3);flex-direction:column;min-width:0;display:flex}.cp-demo-card-desc{font:var(--cp-type-caption);color:var(--cp-color-text-muted);margin:0}.cp-demo-row{align-items:center;gap:var(--cp-space-2);flex-wrap:wrap;min-width:0;display:flex}.cp-demo-key{font:var(--cp-type-caption);color:var(--cp-color-text-secondary);flex:0 0 100%}.cp-demo-value{min-width:0;padding:var(--cp-space-4);border-radius:var(--cp-radius-field);overflow-wrap:anywhere;min-height:44px;font-family:var(--cp-font-mono);background:var(--cp-color-surface-sunken);color:var(--cp-color-text-primary);border:var(--cp-border-default) solid var(--cp-color-border-default);flex:1 1 0;align-items:center;font-size:15px;display:flex}.cp-demo-btn,.cp-demo-toggle,.cp-demo-use{cursor:pointer;font:var(--cp-type-label)}.cp-demo-btn,.cp-demo-toggle{min-width:44px;min-height:44px;padding:0 var(--cp-space-3);border-radius:var(--cp-radius-control);border:var(--cp-border-default) solid var(--cp-color-border-default);background:var(--cp-color-surface);color:var(--cp-color-text-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.cp-demo-btn:hover,.cp-demo-toggle:hover{background:var(--cp-color-hover)}.cp-demo-use{border-radius:var(--cp-radius-control);background:var(--cp-gradient-accent);min-height:44px;color:var(--cp-color-on-accent);border:none;font-weight:600}.cp-demo-live{min-height:1em;font:var(--cp-type-caption);color:var(--cp-color-text-muted);margin:0}.cp-demo-skel-list{gap:var(--cp-space-2);flex-direction:column;display:flex}.cp-demo-skel{border-radius:var(--cp-radius-md);background:var(--cp-color-surface-sunken);height:52px;animation:1.4s ease-in-out infinite cp-shimmer}.cp-demo-skel-body,.cp-demo-hint{display:none}@media (max-width:480px){.cp-login-frame{padding:var(--cp-space-5);align-items:flex-start}.cp-login-card{padding:var(--cp-space-7) var(--cp-space-5)}}@media (min-width:940px){.cp-login-grid{grid-template-columns:440px 0;justify-content:center;gap:0;width:auto;max-width:none}.cp-login-grid[data-demo=on]{column-gap:var(--cp-space-8);grid-template-columns:440px 360px}.cp-login-grid[data-anim]{transition:grid-template-columns var(--cp-motion-dialog) var(--cp-ease-standard), column-gap var(--cp-motion-dialog) var(--cp-ease-standard)}.cp-demo-wrap{padding-top:calc(var(--cp-control-sm) + 2 * var(--cp-space-1) + var(--cp-space-7));overflow:hidden}.cp-demo{width:360px;padding:var(--cp-space-8) var(--cp-space-7)}.cp-demo-hint,.cp-demo-acc-sub{display:block}.cp-demo-card-desc{display:none}.cp-demo .cp-acc__trigger{min-height:60px;padding:var(--cp-space-3) var(--cp-space-2)}.cp-demo-skel{height:60px}.cp-demo-skel-body{border-radius:var(--cp-radius-md);background:var(--cp-color-surface-sunken);height:190px;animation:1.4s ease-in-out infinite cp-shimmer;display:block}}