.passkey-not-found{max-width:36rem;padding:1.5rem;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Segoe UI,system-ui,sans-serif;color:#222}.passkey-not-found__title{margin:0 0 .75rem;font-size:1.35rem;font-weight:700;color:#0a5768}.passkey-not-found__lead{margin:0 0 1.5rem;color:#666;line-height:1.6}.passkey-not-found__back-link{font-weight:700;color:#0a5768}.loading-spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--loading-spinner-track, #d8dee2);border-top-color:var(--loading-spinner-accent, #00b4cc);border-radius:50%;animation:loading-spinner-spin .7s linear infinite;flex-shrink:0}.loading-spinner--lg{width:2rem;height:2rem;border-width:3px}@keyframes loading-spinner-spin{to{transform:rotate(360deg)}}.loading-indicator{display:flex;align-items:center;gap:.75rem;color:var(--loading-indicator-text, #666666);font-size:.9rem}.loading-indicator--centered{flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;text-align:center}.loading-indicator__message{margin:0;line-height:1.6}.loading-indicator--centered .loading-indicator__message{font-size:.9375rem}.passkey-login{max-width:36rem;padding:1.5rem;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Segoe UI,system-ui,sans-serif;color:#222}.passkey-login__title{margin:0 0 .75rem;font-size:1.35rem;font-weight:700;color:#0a5768}.passkey-login__lead{margin:0 0 1.5rem;color:#666;line-height:1.6}.passkey-login__alert{margin:0 0 1rem;color:#b00020}.passkey-login__error-panel{margin:0 0 1.25rem;padding:1rem 1.1rem;border:1px solid #f0c2c8;border-radius:.5rem;background:#fff5f6}.passkey-login__error-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:#8f0019}.passkey-login__error-body{margin:0;line-height:1.65;color:#333}.passkey-login__actions{margin-top:1rem}.passkey-login__back{margin:0 0 1rem}.passkey-login__back-link{font-weight:700;color:#0a5768}.passkey-login__retry{margin-top:1.25rem}.passkey-login__retry-btn{padding:.5rem 1rem;font-size:1rem;cursor:pointer}.passkey-manage{--pm-bg: #ffffff;--pm-bg-subtle: #f5f7f8;--pm-surface: #ffffff;--pm-surface-hover: #f8fafb;--pm-border: #d8dee2;--pm-border-strong: #c5cdd3;--pm-text: #222222;--pm-text-muted: #666666;--pm-teal: #0a5768;--pm-teal-hover: #084958;--pm-link: #0078d4;--pm-link-hover: #006cbe;--pm-cyan: #00b4cc;--pm-cyan-hover: #009bb0;--pm-danger: #c62828;--pm-danger-bg: #ffebee;--pm-warn-bg: #fff8e6;--pm-warn-text: #7a5c00;--pm-warn-border: #f0d78c;--pm-notice-bg: #f2f8f3;--pm-notice-border: #cce3d0;--pm-notice-icon: #6a9a78;--pm-shadow: 0 2px 12px rgba(10, 87, 104, .08);--pm-shadow-lg: 0 8px 24px rgba(10, 87, 104, .1);min-height:100vh;padding:0 0 3rem;color:var(--pm-text);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Segoe UI,system-ui,sans-serif;background:var(--pm-bg)}.passkey-manage__shell{max-width:42rem;margin:0 auto;padding:0 1.25rem}.passkey-manage__topbar{border-bottom:1px solid var(--pm-border);background:var(--pm-bg);margin-bottom:2rem}.passkey-manage__topbar-inner{max-width:42rem;margin:0 auto;padding:1rem 1.25rem}.passkey-manage__logo-link{display:inline-flex;align-items:center;line-height:0;text-decoration:none}.passkey-manage__logo{display:block;width:auto;height:2.25rem;max-width:100%}.passkey-manage__back-link{display:inline-block;margin-bottom:1.25rem;color:var(--pm-link);font-size:.9375rem;text-decoration:none}.passkey-manage__back-link:hover{text-decoration:underline}.passkey-manage__hero{margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--pm-border)}.passkey-manage__title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.passkey-manage__title{margin:0;font-size:1.375rem;font-weight:700;color:var(--pm-text);letter-spacing:.01em}.passkey-manage__about-link{flex-shrink:0;color:var(--pm-link);font-size:.9375rem;font-weight:600;text-decoration:none}.passkey-manage__about-link:hover{color:var(--pm-link-hover);text-decoration:underline}.passkey-manage__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.passkey-manage__add-block{margin-bottom:1.25rem}.passkey-manage__trust-notice{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:1.25rem;padding:.875rem 1rem;border-radius:.375rem;background:var(--pm-notice-bg);border:1px solid var(--pm-notice-border)}.passkey-manage__trust-notice-icon{flex-shrink:0;display:flex;color:var(--pm-notice-icon)}.passkey-manage__trust-notice-icon svg{width:1.25rem;height:1.25rem}.passkey-manage__trust-notice-text{margin:0;color:var(--pm-text);font-size:.9375rem;line-height:1.6}.passkey-manage__create-wrap{display:flex;justify-content:center}.passkey-manage__btn--create{width:100%;max-width:20rem;padding:.75rem 1.5rem;border-radius:.375rem;background:var(--pm-link);color:#fff;font-size:1rem;font-weight:700;box-shadow:none}.passkey-manage__btn--create:hover:not(:disabled){background:var(--pm-link-hover)}.passkey-manage__user{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin:0 0 1.25rem;padding:.625rem .875rem;border-radius:.375rem;background:var(--pm-bg-subtle);border:1px solid var(--pm-border)}.passkey-manage__user-label{font-size:.8125rem;font-weight:600;color:var(--pm-text-muted)}.passkey-manage__user-value{font-size:.9375rem;font-weight:600;color:var(--pm-text);word-break:break-all}.passkey-manage__subtitle{margin:0;max-width:36rem;color:var(--pm-text-muted);font-size:.9375rem;line-height:1.7}.passkey-manage__alert{margin-bottom:1rem;padding:.875rem 1rem;border-radius:.5rem;font-size:.9rem;line-height:1.6}.passkey-manage__alert code{background:#0000000f;padding:.1em .35em;border-radius:.25rem;font-size:.85em}.passkey-manage__alert--error{background:var(--pm-danger-bg);border:1px solid #ef9a9a;color:var(--pm-danger)}.passkey-manage__alert--warn{background:var(--pm-warn-bg);border:1px solid var(--pm-warn-border);color:var(--pm-warn-text)}.passkey-manage__panel{padding:1.5rem;border-radius:.5rem;background:var(--pm-surface);border:1px solid var(--pm-border);box-shadow:var(--pm-shadow)}.passkey-manage__panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid var(--pm-border)}.passkey-manage__panel-title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--pm-teal)}.passkey-manage__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .5rem;border-radius:999px;background:#00b4cc1f;border:1px solid rgba(0,180,204,.35);color:var(--pm-teal);font-size:.8rem;font-weight:700}.passkey-manage--redirecting{display:flex;align-items:center;justify-content:center;min-height:100vh}.passkey-manage__list-loading{padding:2rem 0}.passkey-manage__empty{padding:2.5rem 1rem;text-align:center;background:var(--pm-bg-subtle);border-radius:.5rem;border:1px dashed var(--pm-border-strong)}.passkey-manage__empty-icon{display:inline-flex;margin-bottom:1rem}.passkey-manage__empty-icon svg{width:2.75rem;height:2.75rem;color:var(--pm-teal);opacity:.45}.passkey-manage__empty-title{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:var(--pm-text)}.passkey-manage__empty-text{margin:0;color:var(--pm-text-muted);font-size:.9rem;line-height:1.6}.passkey-manage__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}.passkey-manage__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-radius:.375rem;background:var(--pm-bg-subtle);border:1px solid var(--pm-border);transition:border-color .15s ease,box-shadow .15s ease}.passkey-manage__item:hover{border-color:var(--pm-border-strong);box-shadow:var(--pm-shadow)}.passkey-manage__item-info{display:flex;align-items:center;gap:.875rem;min-width:0}.passkey-manage__item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.375rem;background:#0a576814;color:var(--pm-teal)}.passkey-manage__item-icon svg{width:1.25rem;height:1.25rem}.passkey-manage__item-label{font-weight:500;font-size:.9375rem;color:var(--pm-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passkey-manage__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--pm-border)}.passkey-manage__btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.625rem 1.25rem;border-radius:.25rem;border:1px solid transparent;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.passkey-manage__btn:active:not(:disabled){transform:translateY(1px)}.passkey-manage__btn:disabled{opacity:.55;cursor:not-allowed}.passkey-manage__btn--primary{background:var(--pm-cyan);color:#fff;box-shadow:0 2px 6px #00b4cc59}.passkey-manage__btn--primary:hover:not(:disabled){background:var(--pm-cyan-hover)}.passkey-manage__btn--secondary{background:var(--pm-teal);border-color:var(--pm-teal);color:#fff}.passkey-manage__btn--secondary:hover:not(:disabled){background:var(--pm-teal-hover);border-color:var(--pm-teal-hover)}.passkey-manage__btn--danger{flex-shrink:0;padding:.45rem .875rem;background:#fff;border-color:var(--pm-border-strong);color:var(--pm-danger);font-size:.875rem}.passkey-manage__btn--danger:hover:not(:disabled){background:var(--pm-danger-bg);border-color:#ef9a9a}.passkey-manage__dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#22222273}.passkey-manage__dialog{width:min(100%,24rem);padding:1.5rem;border-radius:.5rem;background:var(--pm-surface);border:1px solid var(--pm-border);box-shadow:var(--pm-shadow-lg)}.passkey-manage__dialog-title{margin:0 0 .75rem;font-size:1.0625rem;font-weight:700;color:var(--pm-text)}.passkey-manage__dialog-desc{margin:0 0 1.25rem;color:var(--pm-text-muted);font-size:.9375rem;line-height:1.7}.passkey-manage__dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.75rem}.passkey-manage__btn--danger-confirm{background:var(--pm-danger);border-color:var(--pm-danger);color:#fff}.passkey-manage__btn--danger-confirm:hover:not(:disabled){background:#b71c1c;border-color:#b71c1c}@media (max-width: 480px){.passkey-manage{padding-bottom:2rem}.passkey-manage__topbar{margin-bottom:1.25rem}.passkey-manage__topbar-inner{padding:.875rem 1rem}.passkey-manage__logo{height:1.875rem}.passkey-manage__shell{padding:0 1rem}.passkey-manage__title{font-size:1.3rem}.passkey-manage__about-link{font-size:.875rem}.passkey-manage__panel{padding:1.125rem}.passkey-manage__actions{flex-direction:column}.passkey-manage__btn--primary,.passkey-manage__btn--secondary,.passkey-manage__btn--create{width:100%;max-width:none}.passkey-manage__dialog-actions{flex-direction:column-reverse}.passkey-manage__dialog-actions .passkey-manage__btn{width:100%}}