.settings-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);background:#0006;animation:.2s ease-out fade-in;position:fixed;inset:0}.settings-modal{background:var(--bg-elevated,#fff);width:90%;max-width:520px;max-height:85vh;z-index:var(--z-modal);border-radius:16px;animation:.25s cubic-bezier(.16,1,.3,1) modal-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 48px #0000001f,0 4px 16px #0000000f}.settings-modal__header{padding:var(--space-10) var(--space-10) 0;justify-content:space-between;align-items:center;display:flex}.settings-modal__title{color:var(--text-primary,#1c1917);margin:0;font-size:20px;font-weight:700}.settings-modal__close{width:32px;height:32px;color:var(--text-tertiary,#a8a29e);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .1s;display:flex}.settings-modal__close:hover{background:var(--bg-surface,#f5f5f4);color:var(--text-secondary,#57534e)}.settings-modal__content{padding:var(--space-6) var(--space-10) var(--space-10)}.settings-modal__loading{padding:var(--space-10);gap:var(--space-4);flex-direction:column;display:flex}.settings-skeleton{background:var(--bg-surface,#f5f5f4);border-radius:8px;height:48px;animation:1.5s infinite pulse}.settings-skeleton--short{width:60%;height:20px}.settings-modal__error{padding:var(--space-10);color:var(--text-secondary,#57534e);text-align:center}.settings-section{padding:var(--space-5) 0;border-top:1px solid var(--bg-input,#e7e5e4)}.settings-section:first-child{border-top:none;padding-top:0}.settings-section__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary,#a8a29e);margin:0 0 var(--space-4);font-size:11px;font-weight:600}.settings-account{align-items:center;gap:var(--space-4);display:flex}.settings-account__avatar{background:var(--brand,#0d9488);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.settings-account__avatar img{object-fit:cover;width:100%;height:100%}.settings-account__avatar-fallback{color:#fff;font-size:18px;font-weight:700}.settings-account__info{flex-direction:column;min-width:0;display:flex}.settings-account__name{color:var(--text-primary,#1c1917);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.settings-account__email{color:var(--text-tertiary,#a8a29e);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.settings-plan{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.settings-plan__row{justify-content:space-between;align-items:center;display:flex}.settings-plan__current,.settings-plan__label{color:var(--text-secondary,#57534e);font-size:14px}.settings-plan__badge{color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full,9999px);font-size:12px;font-weight:700}.settings-plan__value{color:var(--text-primary,#1c1917);font-size:14px;font-weight:500}.settings-plan__hint{color:var(--text-tertiary,#a8a29e);margin:var(--space-1) 0 0;font-size:13px;line-height:1.5}.settings-upgrade-btn{padding:var(--space-2) var(--space-5);background:var(--brand,#0d9488);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;font-size:13px;font-weight:600;text-decoration:none;transition:filter .15s,transform .1s;display:inline-flex}.settings-upgrade-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.settings-upgrade-btn--secondary{background:var(--bg-surface,#f5f5f4);color:var(--text-primary,#1c1917);border:1px solid var(--bg-input,#e7e5e4)}.settings-upgrade-btn--secondary:hover{background:var(--bg-input,#e7e5e4);filter:none}.settings-cancel-btn{color:var(--text-tertiary,#a8a29e);cursor:pointer;padding:var(--space-1) 0;background:0 0;border:none;font-size:13px;font-weight:500;transition:color .15s}.settings-cancel-btn:hover{color:var(--emotion-alert,#ef4444)}.settings-cancel-confirm{padding:var(--space-4);background:#ef44440a;border:1px solid #ef444414;border-radius:8px}.settings-cancel-confirm__text{color:var(--text-secondary,#57534e);margin:0 0 var(--space-3);font-size:13px;line-height:1.5}.settings-cancel-confirm__actions{gap:var(--space-2);display:flex}.settings-cancel-confirm__yes{padding:var(--space-2) var(--space-4);background:var(--emotion-alert,#ef4444);color:#fff;cursor:pointer;border:none;border-radius:8px;font-size:13px;font-weight:600;transition:filter .1s}.settings-cancel-confirm__yes:hover{filter:brightness(1.1)}.settings-cancel-confirm__yes:disabled{opacity:.5;cursor:not-allowed}.settings-cancel-confirm__no{padding:var(--space-2) var(--space-4);background:var(--bg-surface,#f5f5f4);color:var(--text-primary,#1c1917);border:1px solid var(--bg-input,#e7e5e4);cursor:pointer;border-radius:8px;font-size:13px;font-weight:500;transition:background .1s}.settings-cancel-confirm__no:hover{background:var(--bg-input,#e7e5e4)}.settings-notice{color:var(--text-secondary,#57534e);padding:var(--space-3) var(--space-4);margin-top:var(--space-2);background:#22c55e0f;border:1px solid #22c55e1f;border-radius:8px;font-size:13px;line-height:1.5}@media (max-width:520px){.settings-modal__header{padding:var(--space-6) var(--space-6) 0}.settings-modal__content{padding:var(--space-5) var(--space-6) var(--space-8)}}@media (max-width:480px){.settings-modal{border-radius:0;width:100%;max-width:100%;max-height:100%}.settings-modal__header{padding:var(--space-5) var(--space-5) 0}.settings-modal__content{padding:var(--space-4) var(--space-5) var(--space-5)}}
.auth-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--bg-input,#e7e5e4);background:var(--bg-elevated,#fff);color:var(--text-primary,#1c1917);cursor:pointer;white-space:nowrap;border-radius:8px;font-size:14px;font-weight:500;transition:background .15s ease-out,border-color .15s ease-out;display:inline-flex}.auth-button:hover{background:var(--bg-surface,#f5f5f4);transform:translateY(-1px)}.auth-button--loading{background:var(--bg-surface,#f5f5f4);border:none;width:80px;height:36px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-user{position:relative}.auth-user__avatar{border:2px solid var(--bg-input,#e7e5e4);cursor:pointer;background:var(--brand,#0d9488);border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .15s ease-out;display:flex;overflow:hidden}.auth-user__avatar:hover{border-color:var(--brand,#0d9488)}.auth-user__avatar img{object-fit:cover;width:100%;height:100%}.auth-user__avatar-fallback{color:#fff;font-size:14px;font-weight:600}.auth-user__backdrop{z-index:var(--z-modal-backdrop);position:fixed;inset:0}.auth-user__menu{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);min-width:240px;z-index:var(--z-modal);background:#ffffffeb;border:1px solid #0000000f;border-radius:12px;animation:.15s ease-out menu-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000a}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-user__menu-header{padding:var(--space-3) var(--space-4)}.auth-user__menu-name{color:var(--text-primary,#1c1917);font-size:14px;font-weight:600;display:block}.auth-user__menu-email{color:var(--text-tertiary,#a8a29e);margin-top:2px;font-size:12px;display:block}.auth-user__menu-divider{background:var(--bg-input,#e7e5e4);height:1px}.auth-user__menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);margin:var(--space-1) var(--space-1);width:calc(100% - 8px);color:var(--text-secondary,#57534e);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;font-size:14px;text-decoration:none;transition:background .1s,color .1s;display:flex}.auth-user__menu-item:hover{background:var(--bg-surface,#f5f5f4)}.auth-user__menu-item--danger{color:var(--text-tertiary,#a8a29e)}.auth-user__menu-item--danger:hover{color:var(--emotion-alert,#ef4444);background:#ef44440a}.auth-user__menu-icon{opacity:.6;flex-shrink:0}.login-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);background:#0006;animation:.2s ease-out fade-in;position:fixed;inset:0}.login-modal{background:var(--bg-elevated,#fff);width:90%;max-width:520px;padding:var(--space-10);text-align:center;z-index:var(--z-modal);border-radius:16px;animation:.25s cubic-bezier(.16,1,.3,1) modal-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 48px #0000001f}.login-modal__close{width:32px;height:32px;color:var(--text-tertiary,#a8a29e);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:16px;transition:background .1s;position:absolute;top:12px;right:12px}.login-modal__close:hover{background:var(--bg-surface,#f5f5f4)}.login-modal__icon{margin-bottom:12px;font-size:36px}.login-modal__title{color:var(--text-primary,#1c1917);margin:0 0 var(--space-2);font-size:20px;font-weight:700}.login-modal__message{color:var(--text-secondary,#57534e);margin:0 0 var(--space-6);font-size:14px;line-height:1.5}.login-modal__google-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-6);border:1px solid var(--bg-input,#e7e5e4);background:var(--bg-elevated,#fff);color:var(--text-primary,#1c1917);cursor:pointer;border-radius:8px;font-size:15px;font-weight:600;transition:background .15s ease-out,border-color .15s ease-out;display:inline-flex}.login-modal__google-btn:hover{background:var(--bg-surface,#f5f5f4);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.login-modal__terms{color:var(--text-tertiary,#a8a29e);margin:var(--space-4) 0 0;font-size:12px}@media (max-width:480px){.login-modal{width:95%;padding:var(--space-8)}}