.route-transition-loader__spinner,.animated-btn,.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled,.upgrade-btn,.icon-button{display:flex;align-items:center;justify-content:center}.animated-btn{border:1px solid rgba(0,0,0,0);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm, 0.8125rem);min-height:40px;min-width:100px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:transform 150ms cubic-bezier(0, 0, 0.2, 1),opacity 150ms cubic-bezier(0, 0, 0.2, 1)}.animated-btn .animated-btn-text,.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled{pointer-events:none}.animated-btn .animated-btn-text{font-weight:var(--font-weight-bold, 700);position:relative;transform:translateY(0);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1)}.animated-btn .animated-btn-icon-wrapper,.animated-btn .animated-btn-icon-disabled{height:100%;left:0;position:absolute;top:0;width:100%}.animated-btn .animated-btn-icon-wrapper svg,.animated-btn .animated-btn-icon-disabled svg{color:currentColor;fill:currentColor;height:20px;width:20px}.animated-btn .animated-btn-icon-wrapper{opacity:0;transform:translateY(100%);transition:transform 150ms cubic-bezier(0, 0, 0.2, 1),opacity 150ms cubic-bezier(0, 0, 0.2, 1)}.animated-btn .animated-btn-icon-disabled{opacity:0}.animated-btn:hover:not(:disabled) .animated-btn-text{opacity:0;transform:translateY(-100%)}.animated-btn:hover:not(:disabled) .animated-btn-icon-wrapper{opacity:1;transform:translateY(0)}.animated-btn:active:not(:disabled){transform:scale(0.96)}.animated-btn:disabled{cursor:not-allowed;opacity:.6}.animated-btn:disabled:has(.animated-btn-icon-disabled) .animated-btn-text{display:none}.animated-btn:disabled:has(.animated-btn-icon-disabled) .animated-btn-icon-wrapper{display:none}.animated-btn:disabled:has(.animated-btn-icon-disabled) .animated-btn-icon-disabled{opacity:1}.task-btn{position:relative;overflow:hidden}.task-btn.saving,.task-btn.error,.task-btn.success{cursor:not-allowed}.task-btn.saving>*:not(.button-loader):not(.button-error-icon):not(.button-success-icon),.task-btn.error>*:not(.button-loader):not(.button-error-icon):not(.button-success-icon),.task-btn.success>*:not(.button-loader):not(.button-error-icon):not(.button-success-icon){opacity:0 !important;visibility:hidden !important;transform:translateY(10px);pointer-events:none}.task-btn.saving .button-loader{opacity:1;visibility:visible}.task-btn.saving .button-loader span{animation-play-state:running}.task-btn.error{background-color:var(--btn-bg-red) !important;color:var(--btn-color-red) !important;border-color:var(--btn-border-red) !important}.task-btn.error .button-error-icon{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.task-btn.success{background-color:var(--btn-bg-emerald) !important;color:var(--btn-color-emerald) !important;border-color:var(--btn-border-emerald) !important}.task-btn.success .button-success-icon{opacity:1;visibility:visible;transform:translate(-50%, -50%) scale(1)}.button-loader,.button-error-icon,.button-success-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;visibility:hidden;transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1),transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.button-loader{display:flex;gap:4px}.button-loader span{width:6px;height:6px;background-color:currentColor;border-radius:50%;animation:dot-jump 1.4s infinite ease-in-out both;animation-play-state:paused}.button-loader span:nth-child(1){animation-delay:-0.32s}.button-loader span:nth-child(2){animation-delay:-0.16s}.priority-list-loader .button-loader span{animation-play-state:running}.button-error-icon,.button-success-icon{transform:translate(-50%, -50%) scale(0.5)}.button-error-icon svg,.button-success-icon svg{fill:currentColor;width:24px;height:24px;display:block}.btn-accent,#floating-save-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}.btn-accent:hover:not(:disabled),#floating-save-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}#floating-save-btn{bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);position:fixed;right:20px;z-index:20;opacity:1;pointer-events:auto;transform:scale(1);transform-origin:bottom right;transition:opacity 300ms cubic-bezier(0.2, 0, 0, 1),transform 300ms cubic-bezier(0.2, 0, 0, 1),bottom 300ms cubic-bezier(0.2, 0, 0, 1),right 300ms cubic-bezier(0.2, 0, 0, 1)}#floating-save-btn .save-button-tooltip{background-color:var(--bg-surface-tertiary);border-radius:6px;bottom:125%;color:var(--text-primary);left:50%;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity 300ms cubic-bezier(0.25, 1, 0.5, 1);visibility:hidden;pointer-events:none;white-space:nowrap;z-index:1;transform:translateX(-50%)}#floating-save-btn:disabled:hover .save-button-tooltip{opacity:1;visibility:visible}#copy-user-id-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}#copy-user-id-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}#copy-user-id-btn{box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#import-user-data-btn{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}#import-user-data-btn:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}#import-user-data-btn{box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.upgrade-btn{background-color:var(--accent-primary-soft);border:1px solid color-mix(in srgb, #4285f4 30%, transparent);border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:12px;height:28px;margin:0 0 0 5px;padding:0;text-decoration:none;width:28px}.upgrade-btn svg{display:block;height:16px;width:16px;fill:currentColor}.upgrade-btn:hover{background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.icon-button{background-color:var(--accent-primary-soft);border:1px solid var(--border-primary);border-radius:12px;color:var(--accent-primary);cursor:pointer;height:36px;padding:0;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1);width:36px}.icon-button:hover{background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:var(--accent-primary);transform:scale(1.05)}.icon-button:active{transform:scale(0.95)}.icon-button svg{fill:currentColor;width:24px;height:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:inherit;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;border-radius:20px;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:40px;min-width:100px;padding:10px 18px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}.btn:active:not(:disabled){transform:scale(0.96)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--secondary,.btn-secondary{padding:10px 18px;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-secondary);background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}.btn--secondary:hover,.btn-secondary:hover{background-color:color-mix(in srgb, #9aa0a6 20%, transparent);color:var(--text-primary)}.btn--secondary:active,.btn-secondary:active{transform:scale(0.96)}.btn--primary,.btn-primary{padding:10px 18px;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--accent-primary);background-color:var(--accent-primary-soft);border:1px solid color-mix(in srgb, #4285f4 30%, transparent);border-radius:20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color 150ms cubic-bezier(0.25, 1, 0.5, 1),border-color 150ms cubic-bezier(0.25, 1, 0.5, 1),transform 100ms cubic-bezier(0.25, 1, 0.5, 1)}.btn--primary:hover,.btn-primary:hover{background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled){transform:scale(0.96)}.btn--primary:disabled,.btn-primary:disabled{background-color:var(--bg-surface-tertiary);color:var(--text-muted);border-color:var(--border-primary);cursor:not-allowed;opacity:.6}.btn--danger{min-width:100px;background-color:var(--color-danger);color:var(--text-on-accent);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-danger) 85%, black);border-color:color-mix(in srgb, var(--color-danger) 85%, black)}.btn--danger-outline{min-width:100px;background-color:var(--btn-bg-red);color:var(--btn-color-red);border-color:var(--btn-border-red)}.btn--danger-outline:hover:not(:disabled){background-color:var(--btn-bg-red-hover);border-color:var(--btn-border-red-hover)}.btn--ghost{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--text-secondary)}.btn--ghost:hover{background-color:var(--bg-surface-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn--sm{min-height:32px;height:32px;min-width:0;padding:4px 12px;font-size:var(--font-size-xs, 0.75rem);border-radius:16px;white-space:nowrap}.btn--full-width{width:100%}.btn-pricing{background-color:var(--accent-primary-soft);color:var(--accent-primary);border:1px solid color-mix(in srgb, #4285f4 30%, transparent)}.btn-pricing:hover:not(:disabled){background-color:color-mix(in srgb, #4285f4 20%, transparent);border-color:color-mix(in srgb, #4285f4 50%, transparent)}.management-card:has(>.account-pairing-drawer),.management-card:has(>.account-avatar-tray){gap:12px}.management-card--erasure{border-color:color-mix(in srgb, var(--color-danger) 30%, color-mix(in srgb, var(--border-primary) 70%, transparent))}.management-card--erasure:hover{border-color:color-mix(in srgb, var(--color-danger) 50%, color-mix(in srgb, var(--border-primary) 70%, transparent))}.management-card__title--erasure{color:var(--color-danger)}.account-profile-header{display:flex;align-items:center;gap:16px}@media(max-width: 480px){.account-profile-header{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;text-align:start}}.account-profile-avatar-btn{width:76px;height:76px;border-radius:9999px;background-color:var(--bg-surface-secondary);border:2px solid var(--border-accent);padding:0;margin:0;cursor:pointer;overflow:hidden;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1)}@media(max-width: 480px){.account-profile-avatar-btn{grid-column:1;grid-row:1;width:50px;height:50px;margin:0}}.account-profile-avatar-btn:hover,.account-profile-avatar-btn:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 25%, transparent);outline:none}.account-profile-avatar-btn:hover .account-profile-avatar-overlay,.account-profile-avatar-btn:focus-visible .account-profile-avatar-overlay{opacity:1}.account-profile-avatar-btn:active{transform:scale(0.96)}.account-profile-avatar-overlay{position:absolute;inset:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1);pointer-events:none}.account-profile-avatar-overlay svg,.account-profile-avatar-overlay clashcalc-assets-svg{width:22px;height:22px}.account-profile-avatar{width:100%;height:100%;object-fit:cover}.account-profile-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}@media(max-width: 480px){.account-profile-info{display:contents}}.account-profile-title-row{display:flex;align-items:center;gap:8px}@media(max-width: 480px){.account-profile-title-row{grid-column:2;grid-row:1;justify-content:flex-start;min-width:0}}.account-profile-username{font-size:var(--font-size-2xl, 1.25rem);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width: 480px){.account-profile-username{font-size:var(--font-size-lg, 1rem);line-height:1.2}}.account-profile-villages-row{display:flex;align-items:center;gap:8px;margin-top:2px}@media(max-width: 480px){.account-profile-villages-row{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:8px;margin-top:2px;justify-content:flex-start;padding-top:12px;border-top:1px solid var(--border-secondary)}#account-profile-card:has(#account-avatar-tray:not([hidden])) .account-profile-villages-row{display:none}}.account-village-stack{display:inline-flex;align-items:center}.account-village-stack:empty{display:none}.account-village-stack-th{width:26px;height:26px;border-radius:9999px;background-color:color-mix(in srgb, var(--bg-surface-secondary) 50%, transparent);border:1px solid color-mix(in srgb, var(--border-secondary) 50%, transparent);padding:1.5px;margin-inline-end:-8px;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width: 480px){.account-village-stack-th{width:26px;height:26px;margin-inline-end:-4px}}.account-village-stack-th img{width:100%;height:100%;object-fit:contain}.account-village-stack-th:nth-child(1){z-index:5}.account-village-stack-th:nth-child(2){z-index:4}.account-village-stack-th:nth-child(3){z-index:3}.account-village-stack-th:nth-child(4){z-index:2}.account-village-stack-th:nth-child(5){z-index:1}.account-village-count-text{display:inline-flex;align-items:center;font-size:var(--font-size-sm, 0.8125rem);font-weight:500;color:var(--text-secondary);line-height:1.3;margin-inline-start:4px}@media(max-width: 480px){.account-village-count-text{font-size:var(--font-size-sm, 0.8125rem);margin-inline-start:4px}}.account-village-stack:empty+.account-village-count-text{margin-inline-start:0}.account-profile-header-action{display:flex;align-items:center;flex-shrink:0}@media(max-width: 480px){.account-profile-header-action{grid-column:3;grid-row:1;width:auto;margin-top:0}}.account-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:var(--font-size-2xs, 0.6875rem);font-weight:500;background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary);color:var(--text-secondary);line-height:1.2;box-sizing:border-box}.account-badge--new{background-color:var(--color-success-soft);border-color:color-mix(in srgb, var(--color-success) 30%, transparent);color:var(--color-success)}.account-erasure-list{display:flex;flex-direction:column;gap:16px}.account-erasure-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--border-secondary)}.account-erasure-row:first-child{border-top:none;padding-top:0}@media(max-width: 480px){.account-erasure-row{flex-direction:column;align-items:flex-start}.account-erasure-row button{width:100%}}.account-erasure-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.account-erasure-label{font-size:var(--font-size-md, 0.9375rem);font-weight:600;color:var(--text-primary);margin:0}.account-erasure-desc{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);margin:0;line-height:1.4}.account-erasure-row--delete{flex-direction:column;align-items:stretch;gap:12px}.account-erasure-row__main{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width: 480px){.account-erasure-row__main{flex-direction:column;align-items:flex-start}.account-erasure-row__main button{width:100%}}.account-delete-stepup{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:color-mix(in srgb, var(--color-danger) 8%, var(--bg-surface-secondary));border:1px solid color-mix(in srgb, var(--color-danger) 30%, color-mix(in srgb, var(--border-primary) 70%, transparent));border-radius:12px}.account-delete-stepup[hidden]{display:none}.account-delete-stepup__desc{font-size:var(--font-size-sm, 0.8125rem);color:var(--color-danger);margin:0;font-weight:500}.account-delete-stepup__controls{display:flex;align-items:center;gap:8px}@media(max-width: 480px){.account-delete-stepup__controls{flex-direction:column;align-items:stretch}}.account-delete-stepup__actions{display:flex;align-items:center;gap:8px}@media(max-width: 480px){.account-delete-stepup__actions{width:100%}.account-delete-stepup__actions button{flex:1}}.account-delete-input{flex:1}@media(max-width: 480px){.account-delete-input{width:100%}}.account-avatar-tray{padding:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);border-radius:12px;display:flex;flex-direction:column;gap:12px}.account-avatar-tray[hidden]{display:none}.account-avatar-tray__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-avatar-tray__title{font-size:var(--font-size-md, 0.9375rem);font-weight:600;color:var(--text-primary);margin:0}.avatar-options-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px;padding:4px 0;justify-items:center}@media(max-width: 480px){.avatar-options-grid{grid-template-columns:repeat(4, 1fr);gap:8px}}.avatar-option-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:9999px;border:2px solid var(--border-secondary);background-color:var(--bg-surface-primary);padding:0;cursor:pointer;overflow:hidden;transition:transform 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.avatar-option-btn clashcalc-assets-image,.avatar-option-btn img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;object-fit:cover}.avatar-option-btn:hover{transform:scale(1.08);border-color:var(--border-accent)}.avatar-option-btn.is-selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.avatar-option-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.management-item-row--block{flex-direction:column;align-items:stretch;gap:12px}.management-item-row__header{display:flex;align-items:center;gap:12px}@media(max-width: 480px){.management-item-row__header{flex-wrap:wrap}.management-item-row__header .management-item-info{flex:1 1 calc(100% - 40px - 12px)}.management-item-row__header .management-item-actions{width:100%}.management-item-row__header .management-item-actions button{width:100%}}.account-passkeys-hub{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border-secondary);padding-top:12px}.account-passkeys-list{display:flex;flex-direction:column;gap:8px}.account-passkeys-list:empty{display:none}.account-passkey-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary);border-radius:12px}.account-passkey-item__info{display:flex;flex-direction:column;gap:2px;min-width:0}.account-passkey-item__name{font-size:var(--font-size-sm, 0.8125rem);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-passkey-item__date{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary)}.account-passkey-item__delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(0,0,0,0);border:none;color:var(--text-secondary);cursor:pointer;padding:0;transition:color 150ms cubic-bezier(0.2, 0, 0, 1),background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.account-passkey-item__delete-btn clashcalc-assets-svg,.account-passkey-item__delete-btn svg{width:16px;height:16px}.account-passkey-item__delete-btn:hover{color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 12%, transparent)}.account-passkeys-empty{padding:12px;text-align:center;font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary);background-color:var(--bg-surface-primary);border:1px dashed var(--border-secondary);border-radius:12px}.account-passkeys-empty.is-hidden{display:none}.account-add-passkey-form{display:flex;align-items:center;gap:8px}@media(max-width: 480px){.account-add-passkey-form{flex-direction:column;align-items:stretch}.account-add-passkey-form button{width:100%}}.account-add-passkey-input-wrap{flex:1}.account-passkey-input{width:100%;height:40px;min-height:40px;padding:0 8px;font-size:var(--font-size-sm, 0.8125rem);color:var(--text-primary);background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary);border-radius:12px;box-sizing:border-box;outline:none;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.account-passkey-input:focus{border-color:var(--accent-primary)}.account-password-drawer{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border-secondary);padding-top:12px}.account-password-drawer[hidden]{display:none}.account-password-form{display:flex;flex-direction:column;gap:12px}.account-password-form .form-group{display:flex;flex-direction:column;gap:2px}.account-password-form .form-group[hidden]{display:none}.account-form-label{font-size:var(--font-size-xs, 0.75rem);font-weight:500;color:var(--text-secondary)}.account-input{width:100%;height:40px;min-height:40px;padding:0 8px;box-sizing:border-box;font-size:var(--font-size-sm, 0.8125rem);color:var(--text-primary);background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary);border-radius:12px;transition:border-color 150ms cubic-bezier(0.2, 0, 0, 1),box-shadow 150ms cubic-bezier(0.2, 0, 0, 1)}.account-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 20%, transparent)}.account-input.is-invalid{border-color:var(--color-danger)}.account-input.is-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-danger) 20%, transparent)}.account-input.account-input--danger:focus{border-color:var(--color-danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-danger) 20%, transparent)}.account-input::placeholder{color:var(--text-muted)}.account-field-error{display:flex;align-items:center;gap:2px;color:var(--color-danger);font-size:var(--font-size-xs, 0.75rem);line-height:1.4}.account-field-error[hidden]{display:none}.account-field-error__icon{width:14px;height:14px;flex-shrink:0;fill:currentColor}.account-field-error__text{font-weight:500}.account-password-rules{display:flex;flex-direction:column;gap:4px;padding:2px 0}.account-password-rule{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.account-password-rule .account-rule-bullet{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary);flex-shrink:0;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1)}.account-password-rule .account-rule-bullet::before{content:"";width:4px;height:4px;border-radius:50%;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);box-sizing:border-box;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.account-password-rule .account-rule-bullet::after{content:"";display:none;width:4px;height:7px;border-right:1.5px solid var(--color-success);border-bottom:1.5px solid var(--color-success);transform:rotate(45deg) translate(-0.5px, -0.5px);box-sizing:border-box}.account-password-rule.is-valid{color:var(--color-success)}.account-password-rule.is-valid .account-rule-bullet{background-color:var(--color-success-soft);border-color:var(--color-success)}.account-password-rule.is-valid .account-rule-bullet::before{display:none}.account-password-rule.is-valid .account-rule-bullet::after{display:block}.account-drawer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px}@media(max-width: 480px){.account-drawer-actions{width:100%}.account-drawer-actions .btn{flex:1}}.account-password-remove-section{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border-secondary);padding-top:12px;margin-top:2px}.account-password-remove-section[hidden]{display:none}.account-password-remove-section__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:200px}.account-password-remove-section__title{font-size:var(--font-size-sm, 0.8125rem);font-weight:600;color:var(--text-primary)}.account-password-remove-section__desc{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);margin:0;line-height:1.4}.account-password-remove-section .btn{flex-shrink:0}@media(max-width: 480px){.account-password-remove-section{flex-direction:column;align-items:stretch;gap:8px}.account-password-remove-section .btn{width:100%}}.account-sessions-hub{display:flex;flex-direction:column;gap:8px}.account-sessions-list{display:flex;flex-direction:column;gap:4px}.account-session-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);border-radius:12px;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1)}.account-session-item:hover{background-color:var(--bg-surface-tertiary)}.account-session-item--current{border-color:color-mix(in srgb, var(--accent-primary) 40%, var(--border-secondary));background-color:color-mix(in srgb, var(--accent-primary) 6%, var(--bg-surface-secondary))}.account-session-item--current:hover{background-color:color-mix(in srgb, var(--accent-primary) 10%, var(--bg-surface-secondary))}.account-session-item--new{border-color:color-mix(in srgb, var(--color-success) 45%, var(--border-secondary));background-color:color-mix(in srgb, var(--color-success) 8%, var(--bg-surface-secondary));animation:sessionItemEntrance 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards}.account-session-item--new:hover{background-color:color-mix(in srgb, var(--color-success) 12%, var(--bg-surface-secondary))}@keyframes sessionItemEntrance{0%{opacity:0;transform:translateY(-8px) scale(0.98)}100%{opacity:1;transform:translateY(0) scale(1)}}.account-session-item__main{display:flex;align-items:center;gap:12px;min-width:0}.account-session-item__info{display:flex;flex-direction:column;gap:2px;min-width:0}.account-session-item__title-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.account-session-item__title{font-size:var(--font-size-md, 0.9375rem);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-session-item__meta{font-size:var(--font-size-sm, 0.8125rem);color:var(--text-secondary)}.account-session-item__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.account-pairing-drawer{padding-top:12px;border-top:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:12px}.account-pairing-drawer[hidden]{display:none !important}.account-pairing-body{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);border-radius:12px}@media(min-width: 625px){.account-pairing-body{flex-direction:row;align-items:center;justify-content:center}}.account-pairing-qr-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:12px;background-color:var(--bg-surface-primary);border:1px solid var(--border-secondary);border-radius:12px;flex-shrink:0;overflow:hidden;isolation:isolate}.account-pairing-qr-canvas{display:flex;align-items:center;justify-content:center;width:200px;height:200px;transition:filter 250ms cubic-bezier(0.25, 1, 0.5, 1),opacity 250ms cubic-bezier(0.25, 1, 0.5, 1)}.account-pairing-qr-canvas.is-blurred{filter:blur(8px) grayscale(30%);opacity:.25;pointer-events:none}.account-pairing-qr-canvas canvas,.account-pairing-qr-canvas svg{display:block;max-width:100%;height:auto}.account-pairing-qr-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center;gap:4px;border-radius:inherit;background-color:color-mix(in srgb, var(--bg-surface-primary) 75%, transparent);z-index:2}.account-pairing-qr-overlay.is-hidden{display:none !important}.account-pairing-qr-overlay__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;margin-bottom:2px}.account-pairing-qr-overlay__title{font-size:var(--font-size-md, 0.9375rem);font-weight:600;color:var(--text-primary);line-height:1.3}.account-pairing-qr-overlay__desc{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);line-height:1.4;max-width:180px;word-break:break-word}.account-pairing-qr-overlay--expired .account-pairing-qr-overlay__icon{background-color:color-mix(in srgb, var(--color-danger) 15%, transparent);color:var(--color-danger)}.account-pairing-qr-overlay--expired .account-pairing-qr-overlay__title{color:var(--color-danger)}.account-pairing-qr-overlay--success .account-pairing-qr-overlay__icon{background-color:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.account-pairing-qr-overlay--success .account-pairing-qr-overlay__title{color:var(--color-success)}.account-pairing-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--accent-primary)}.account-pairing-loading .button-loader span{animation-play-state:running;width:8px;height:8px}.account-pairing-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;max-width:360px;width:100%}.account-pairing-timer-row{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);font-size:var(--font-size-sm, 0.8125rem);font-weight:500;text-align:center;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.account-pairing-timer-row clashcalc-assets-svg{color:inherit;flex-shrink:0}.account-pairing-timer-row.is-expired{color:var(--color-danger)}.account-pairing-timer-row.is-success{color:var(--color-success)}.account-pairing-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;width:100%}@media(max-width: 480px){.account-pairing-actions .btn{flex:1}}.account-pairing-tabs{display:grid;width:100%;margin-bottom:12px}.account-guest-pairing-pane{width:100%}.account-guest-pairing-pane.is-hidden{display:none !important}.account-guest-code-container{display:flex;align-items:center;gap:4px;width:100%;margin-bottom:4px}.account-guest-code-container .qr-user-id{flex:1;min-width:0;text-align:center;margin:0;display:block;font-family:monospace;background-color:var(--bg-surface-tertiary);padding:4px 8px;border-radius:8px;font-size:var(--font-size-xs, 0.75rem);word-break:break-all;cursor:pointer;transition:background-color 150ms cubic-bezier(0.2, 0, 0, 1),border-color 150ms cubic-bezier(0.2, 0, 0, 1);border:1px solid rgba(0,0,0,0)}.account-guest-code-container .qr-user-id:hover{background-color:var(--bg-surface-secondary);border-color:var(--border-secondary)}.account-guest-code-container .btn{margin:0;flex-shrink:0}.account-guest-code-container.is-hidden{display:none !important}.account-guest-hint-subcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px;border-radius:12px;background-color:var(--bg-surface-secondary);border:1px solid var(--border-secondary);width:100%}.account-guest-hint-subcard.is-hidden{display:none !important}.account-guest-hint-subcard__header{display:flex;align-items:center;gap:4px;color:var(--accent-primary)}.account-guest-hint-subcard__title{font-size:var(--font-size-sm, 0.8125rem);font-weight:600;color:var(--text-primary);margin:0}.account-guest-hint-subcard__desc{font-size:var(--font-size-xs, 0.75rem);color:var(--text-secondary);line-height:1.4;margin:0;max-width:320px}.account-guest-hint-subcard .btn{margin-top:2px;max-width:100%;white-space:normal;text-align:center}.account-guest-input-hub{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px;margin:0 auto}.account-guest-input-group{display:flex;flex-direction:column;gap:4px}.account-input-status-pill{font-size:var(--font-size-xs, 0.75rem);font-weight:500;display:none}.account-input-status-pill.show{display:block}.account-input-status-pill.error{color:var(--color-danger)}.account-input-status-pill.success{color:var(--color-success)}.segmented-control{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;background-color:var(--bg-surface-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:2px;box-sizing:border-box}.segmented-control::before{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 2px*2)/2);background-color:var(--bg-surface-primary);border-radius:6px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px rgba(0,0,0,.15);transition:transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;z-index:1}.segmented-control:has(>.segmented-btn:nth-child(1).is-active)::before{transform:translateX(0)}.segmented-control:has(>.segmented-btn:nth-child(2).is-active)::before{transform:translateX(100%)}@media(prefers-reduced-motion: reduce){.segmented-control::before{transition:none}}.segmented-control .segmented-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;background:rgba(0,0,0,0);color:var(--text-secondary);font-size:var(--font-size-xs, 0.75rem);font-weight:600;border-radius:6px;cursor:pointer;white-space:nowrap;transition:color 150ms cubic-bezier(0.2, 0, 0, 1)}.segmented-control .segmented-btn clashcalc-assets-svg,.segmented-control .segmented-btn orecalc-assets-svg,.segmented-control .segmented-btn svg{width:14px;height:14px;flex-shrink:0;fill:currentColor;display:flex;align-items:center;justify-content:center}.segmented-control .segmented-btn:hover{color:var(--text-primary)}.segmented-control .segmented-btn.is-active{color:var(--accent-primary);background:rgba(0,0,0,0)}.clipboard-input-wrapper{position:relative;display:flex;align-items:center;width:100%;min-width:0}.clipboard-input-wrapper input{width:100%;padding-right:38px !important}.clipboard-input-wrapper .clipboard-paste-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;z-index:2;transition:color 150ms cubic-bezier(0.25, 1, 0.5, 1),background-color 150ms cubic-bezier(0.25, 1, 0.5, 1)}.clipboard-input-wrapper .clipboard-paste-btn:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-surface-secondary)}.clipboard-input-wrapper .clipboard-paste-btn:focus-visible{outline:2px solid var(--outline-focus);outline-offset:1px}.clipboard-input-wrapper .clipboard-paste-btn.is-error{color:var(--color-danger) !important;animation:clipboard-shake 400ms cubic-bezier(0.2, 0, 0, 1)}.clipboard-input-wrapper .clipboard-paste-btn clashcalc-assets-svg,.clipboard-input-wrapper .clipboard-paste-btn orecalc-assets-svg{width:16px;height:16px;fill:currentColor;pointer-events:none}.input-with-icon .input-icon{z-index:2}@keyframes clipboard-shake{0%,100%{transform:translateY(-50%) translateX(0)}20%,60%{transform:translateY(-50%) translateX(-4px)}40%,80%{transform:translateY(-50%) translateX(4px)}}.route-transition-loader{display:flex;align-items:center;justify-content:center;min-height:55vh;width:100%;pointer-events:none;opacity:1;transition:opacity 180ms cubic-bezier(0.2, 0, 0, 1)}.route-transition-loader.is-leaving{opacity:0}.route-transition-loader__spinner{position:relative;width:120px;height:120px;animation:route-loader-spin 2.2s linear infinite;animation-delay:.85s}.route-transition-loader__dot-wrapper{position:absolute;width:16px;height:16px;top:calc(50% - 8px);left:calc(50% - 8px);will-change:transform;animation:route-loader-dot-revolve .9s cubic-bezier(0.2, 0, 0, 1) forwards}.route-transition-loader__dot-wrapper:nth-child(1){--target-x: -40px;--angle: 0deg}.route-transition-loader__dot-wrapper:nth-child(2){--target-x: -20px;--angle: 72deg}.route-transition-loader__dot-wrapper:nth-child(3){--target-x: 0;--angle: 144deg}.route-transition-loader__dot-wrapper:nth-child(4){--target-x: 20px;--angle: 216deg}.route-transition-loader__dot-wrapper:nth-child(5){--target-x: 40px;--angle: 288deg}.route-transition-loader__dot{display:block;width:100%;height:100%;border-radius:50%;will-change:transform;animation:route-loader-dot-jump .9s cubic-bezier(0.25, 1, 0.5, 1) forwards}.route-transition-loader__dot-wrapper:nth-child(1) .route-transition-loader__dot{background-color:#669df6;animation-delay:.04s}.route-transition-loader__dot-wrapper:nth-child(2) .route-transition-loader__dot{background-color:#fdd663;animation-delay:.08s}.route-transition-loader__dot-wrapper:nth-child(3) .route-transition-loader__dot{background-color:#ba68c8;animation-delay:.12s}.route-transition-loader__dot-wrapper:nth-child(4) .route-transition-loader__dot{background-color:#81c995;animation-delay:.16s}.route-transition-loader__dot-wrapper:nth-child(5) .route-transition-loader__dot{background-color:#f6948e;animation-delay:.2s}@keyframes route-loader-dot-jump{0%{transform:translateY(40px) scale(0);opacity:0}35%{transform:translateY(-28px) scale(1.1);opacity:1}60%,100%{transform:translateY(0) scale(1);opacity:1}}@keyframes route-loader-dot-revolve{0%,35%{transform:translate(var(--target-x), 0)}85%,100%{transform:rotate(var(--angle)) translate(44px) rotate(calc(-1 * var(--angle)))}}@keyframes route-loader-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.route-transition-loader__spinner,.route-transition-loader__dot-wrapper,.route-transition-loader__dot{animation-duration:.01ms !important;animation-iteration-count:1 !important}}.th-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.th-badge__img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35))}.th-badge__img img{width:100%;height:100%;object-fit:contain;display:block}.th-badge__img.is-silhouette{filter:brightness(0) invert(1) opacity(0.35)}:root[data-theme=light] .th-badge__img.is-silhouette{filter:brightness(0) opacity(0.25)}.th-badge__level{position:absolute;bottom:-2px;right:-2px;background-color:var(--accent-primary);color:var(--text-on-accent);border:1.5px solid var(--border-primary);border-radius:4px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.35)}.th-badge--xs{width:32px;height:32px;background:var(--bg-surface-secondary);border:1px solid var(--border-primary);border-radius:8px}.th-badge--xs .th-badge__img{width:24px;height:24px}.th-badge--xs .th-badge__level{font-size:.6rem;padding:1px 3px}.th-badge--sm{width:36px;height:36px}.th-badge--sm .th-badge__level{font-size:10px;min-width:15px;height:15px;padding:1px 2px}.th-badge--md{width:42px;height:42px}.th-badge--md .th-badge__level{font-size:var(--font-size-2xs, 0.6875rem);min-width:16px;height:16px;padding:1px 3px}.th-badge--lg{width:clamp(52px,7vw,64px);height:clamp(52px,7vw,64px)}.th-badge--lg .th-badge__level{bottom:-3px;right:-3px;font-size:clamp(10px,1.3vw,12px);padding:2px 6px;border-radius:6px}/*# sourceMappingURL=account.min.css.map */