.settings-page-header{display:grid;grid-template-columns:calc(var(--tm-space-5) - var(--tm-space-1)) 1fr;align-items:start;gap:var(--tm-space-3);padding:var(--tm-space-1) var(--tm-space-1) var(--tm-space-2);min-width:0}.settings-page-header-icon{display:inline-flex;width:calc(var(--tm-space-5) - var(--tm-space-1));height:calc(var(--tm-space-5) - var(--tm-space-1));color:var(--tm-brand-purple)}.settings-page-header-icon svg{width:100%;height:100%}.settings-page-header-copy{display:grid;gap:var(--tm-space-1);min-width:0}.settings-page-header-title{font-size:var(--tm-text-lg);line-height:var(--tm-leading-tight);font-weight:var(--tm-weight-semibold);color:var(--tm-text-primary)}.settings-page-header-subtitle{font-size:var(--tm-text-sm);line-height:var(--tm-leading-normal);color:var(--tm-text-secondary)}.settings-section-card{display:grid;gap:0;background:var(--tm-surface-1);border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-xl);box-shadow:var(--tm-shadow-1);overflow:hidden}.settings-section-card+.settings-section-card,.settings-page-header+.settings-section-card{margin-top:var(--tm-space-3)}.settings-section-kicker{padding:var(--tm-space-3) var(--tm-space-4) var(--tm-space-1);font-size:var(--tm-text-2xs);line-height:var(--tm-leading-tight);font-weight:var(--tm-weight-semibold);letter-spacing:0.08em;text-transform:uppercase;color:var(--tm-text-muted)}.settings-section-row{display:grid;grid-template-columns:calc(var(--tm-space-5) - var(--tm-space-1)) minmax(0,1fr) auto;align-items:center;gap:var(--tm-space-3);min-height:48px;width:100%;padding:var(--tm-space-3) var(--tm-space-4);border:0;border-top:1px solid var(--tm-border-default);background:transparent;color:var(--tm-text-primary);font:inherit;text-align:left;min-width:0}.settings-section-row:first-child,.settings-section-kicker+.settings-section-row{border-top:0}.settings-section-row--button{cursor:pointer}.settings-section-row--button:hover{background:var(--tm-surface-2)}.settings-section-row--button:focus-visible{outline:var(--tm-focus-ring-outline);outline-offset:calc(var(--tm-space-1) * -1)}.settings-section-row-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--tm-space-5) - var(--tm-space-1));height:calc(var(--tm-space-5) - var(--tm-space-1));color:var(--tm-text-muted)}.settings-section-row-icon svg{width:calc(var(--tm-space-4) + var(--tm-space-1));height:calc(var(--tm-space-4) + var(--tm-space-1));stroke-width:2}.settings-section-row-copy{display:grid;gap:var(--tm-space-1);min-width:0}.settings-section-row-title{font-size:var(--tm-text-md);line-height:var(--tm-leading-tight);font-weight:var(--tm-weight-medium);color:var(--tm-text-primary);min-width:0}.settings-section-row-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--tm-text-sm);line-height:var(--tm-leading-snug);color:var(--tm-text-secondary);overflow:hidden;text-overflow:clip;white-space:normal;min-width:0}.settings-section-row-tail{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--tm-space-2);min-width:0}.settings-section-row-chevron{color:var(--tm-text-muted);line-height:var(--tm-leading-none)}.settings-section-row--danger .settings-section-row-title{color:var(--tm-status-danger-fg)}.settings-section-switch{position:relative;width:40px;height:22px;border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-full);background:var(--tm-surface-2);transition:background var(--tm-dur-fast) var(--tm-ease-out),border-color var(--tm-dur-fast) var(--tm-ease-out)}.settings-section-switch::after{content:"";position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:var(--tm-radius-full);background:var(--tm-surface-1);box-shadow:var(--tm-shadow-1);transition:transform var(--tm-dur-fast) var(--tm-ease-out)}.settings-section-switch[aria-checked=true]{background:var(--tm-brand-purple);border-color:var(--tm-brand-purple)}.settings-section-switch[aria-checked=true]::after{transform:translateX(18px)}.settings-section-switch--disabled{background:var(--tm-surface-1)}.settings-section-select{appearance:none;min-height:40px;padding:var(--tm-space-2) calc(var(--tm-space-5) + var(--tm-space-1)) var(--tm-space-2) var(--tm-space-3);border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-lg);color:var(--tm-text-primary);background:linear-gradient(45deg,transparent 50%,var(--tm-text-muted) 50%) calc(100% - var(--tm-space-4)) 50% / var(--tm-space-1) var(--tm-space-1) no-repeat,var(--tm-surface-1);font:inherit}.settings-section-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:calc(var(--tm-space-4) + var(--tm-space-1));padding:var(--tm-space-1) var(--tm-space-2);border-radius:var(--tm-radius-full);font-size:var(--tm-text-2xs);line-height:var(--tm-leading-tight);font-weight:var(--tm-weight-semibold);white-space:nowrap}.settings-section-badge--coming-soon{background:var(--tm-surface-2);color:var(--tm-text-muted)}.settings-section-badge--tier{background:var(--tm-brand-purple-alpha-10);color:var(--tm-brand-purple)}.settings-section-badge--tier.settings-section-badge--free{background:var(--tm-surface-2);color:var(--tm-text-muted)}.settings-section-badge--tier.settings-section-badge--plus{background:var(--tm-brand-purple-alpha-10);color:var(--tm-brand-purple)}.settings-section-badge--tier.settings-section-badge--pro{border:1px solid transparent;background:linear-gradient(var(--tm-surface-1),var(--tm-surface-1)) padding-box,linear-gradient(135deg,var(--tm-brand-purple),var(--tm-brand-purple-dark)) border-box;color:var(--tm-brand-purple)}.settings-section-badge--tier.settings-section-badge--max{border:1px solid transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--tm-brand-purple) 10%,var(--tm-surface-1)),color-mix(in srgb,var(--tm-brand-orange) 12%,var(--tm-surface-1))) padding-box,linear-gradient(135deg,var(--tm-brand-purple),var(--tm-brand-orange)) border-box;color:var(--tm-text-primary)}.settings-section-embedded{min-width:0;padding:var(--tm-space-3) var(--tm-space-4);border-top:1px solid var(--tm-border-default)}.settings-section-kicker+.settings-section-embedded{border-top:0}.settings-section-embedded .compact-setting-item,.settings-section-embedded .task-sound-row,.settings-section-embedded .task-sound-field,.settings-section-embedded .task-sound-actions,.settings-section-embedded .storage-path-row,.settings-section-embedded .storage-pills,.settings-section-embedded .storage-actions{min-width:0}.settings-capability-detail{border-top:1px solid var(--tm-border-default)}.settings-capability-detail:first-child{border-top:0}.settings-capability-detail>summary{list-style:none}.settings-capability-detail>summary::-webkit-details-marker{display:none}.settings-capability-detail .settings-section-row{border-top:0}.settings-capability-desc{padding:0 var(--tm-space-4) var(--tm-space-4) calc(var(--tm-space-4) + var(--tm-space-5) + var(--tm-space-3));color:var(--tm-text-secondary);font-size:var(--tm-text-sm);line-height:var(--tm-leading-normal)}.settings-dialog-overlay{position:absolute;inset:0;z-index:var(--tm-z-raised);display:flex;align-items:center;justify-content:center;padding:var(--tm-space-3);background:transparent;transition:background var(--tm-dur-fast) var(--tm-ease-out);outline:none}.settings-dialog-overlay.is-open{background:var(--tm-overlay-modal)}.settings-dialog-overlay.is-closing{background:transparent}.settings-dialog-card{width:80%;max-width:320px;max-height:min(70vh,calc(100% - var(--tm-space-5)));overflow-y:auto;background:var(--tm-surface-1);border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-xl);padding:var(--tm-space-5) var(--tm-space-1) var(--tm-space-3);box-shadow:var(--tm-shadow-float);opacity:0;transform:translateY(var(--tm-space-2)) scale(0.98);transition:opacity var(--tm-dur-fast) var(--tm-ease-out),transform var(--tm-dur-fast) var(--tm-ease-out)}.settings-dialog-overlay.is-open .settings-dialog-card{opacity:1;transform:translateY(0) scale(1)}.settings-dialog-overlay.is-closing .settings-dialog-card{opacity:0;transform:translateY(var(--tm-space-2)) scale(0.98)}.settings-dialog-title{padding:0 var(--tm-space-4) var(--tm-space-3);font-size:var(--tm-text-base);line-height:var(--tm-leading-tight);font-weight:var(--tm-weight-semibold);color:var(--tm-text-primary)}.settings-dialog-group-title{padding:var(--tm-space-2) var(--tm-space-4) var(--tm-space-1);font-size:var(--tm-text-2xs);line-height:var(--tm-leading-tight);font-weight:var(--tm-weight-medium);letter-spacing:0.08em;text-transform:uppercase;color:var(--tm-text-muted)}.settings-dialog-divider{height:1px;margin:var(--tm-space-2) var(--tm-space-4);background:var(--tm-border-default)}.settings-dialog-option{display:flex;align-items:center;gap:var(--tm-space-3);width:100%;padding:var(--tm-space-3) var(--tm-space-4);border:none;background:transparent;font-size:var(--tm-text-md);color:var(--tm-text-primary);cursor:pointer;border-radius:var(--tm-radius-md);transition:background var(--tm-dur-instant) var(--tm-ease-out),color var(--tm-dur-instant) var(--tm-ease-out)}.settings-dialog-option:hover{background:var(--tm-brand-purple-alpha-08)}.settings-dialog-option.active{color:var(--tm-brand-purple);font-weight:var(--tm-weight-medium)}.settings-dialog-option-icon{flex-shrink:0;width:calc(var(--tm-space-4) + var(--tm-space-1));height:calc(var(--tm-space-4) + var(--tm-space-1));display:flex;align-items:center;color:var(--tm-text-muted)}.settings-dialog-option.active .settings-dialog-option-icon,.settings-dialog-option-check{color:var(--tm-brand-purple)}.settings-dialog-option-label{flex:1;text-align:left}.settings-dialog-option-check{flex-shrink:0;display:flex;align-items:center}.settings-confirm-card{width:88%;max-width:320px;padding:var(--tm-space-5) var(--tm-space-5) var(--tm-space-4)}.settings-confirm-title{margin-bottom:var(--tm-space-2);font-size:var(--tm-text-base);line-height:var(--tm-leading-tight);font-weight:var(--tm-weight-semibold);color:var(--tm-text-primary)}.settings-confirm-message{margin-bottom:var(--tm-space-4);font-size:var(--tm-text-md);line-height:var(--tm-leading-normal);color:var(--tm-text-secondary)}.settings-confirm-actions{display:flex;justify-content:flex-end;gap:var(--tm-space-2);flex-wrap:wrap}.settings-confirm-actions>button{flex:1 1 112px;min-width:112px;white-space:normal;overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){.settings-dialog-overlay,.settings-dialog-card,.settings-section-switch,.settings-section-switch::after,.settings-about-mark svg path{transition:none;animation:none;stroke-dashoffset:0}}html[data-motion=reduced] .settings-about-mark svg path{animation:none;stroke-dashoffset:0}.settings-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--tm-space-3);width:100%;min-height:48px;padding:var(--tm-space-3) var(--tm-space-4);background:transparent;border:0;border-top:1px solid var(--tm-border-default);text-align:left;font-family:inherit;cursor:pointer;color:var(--settings-text);min-width:0;overflow-wrap:anywhere;word-break:break-word}.settings-list-row:first-child{border-top:0}.settings-list-row--static{cursor:default}.settings-list-row--action:hover{background:var(--tm-surface-2)}.settings-list-row--action:focus-visible{outline:var(--tm-focus-ring-outline);outline-offset:calc(var(--tm-space-1) * -1);border-radius:var(--tm-radius-xs)}.settings-list-row-label{flex:1;font-size:var(--tm-text-base);font-weight:var(--tm-weight-medium);color:var(--settings-text);min-width:0}.settings-list-row-value{font-size:var(--tm-text-base);color:var(--settings-subtle);text-align:right;white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis}.settings-list-row-chevron{flex-shrink:0;color:var(--settings-muted);font-size:var(--tm-text-lg);line-height:var(--tm-leading-none)}.settings-list-row--destructive .settings-list-row-label{color:var(--tm-status-danger-fg)}.settings-account-identity-card{padding:0}.settings-account-summary{display:grid;grid-template-columns:calc(var(--tm-space-6) + var(--tm-space-2)) minmax(0,1fr);align-items:center;gap:var(--tm-space-3);padding:var(--tm-space-4)}.settings-account-avatar{width:calc(var(--tm-space-6) + var(--tm-space-2));height:calc(var(--tm-space-6) + var(--tm-space-2));border-radius:var(--tm-radius-full);background:var(--tm-brand-purple);color:var(--tm-text-on-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--tm-text-lg);font-weight:var(--tm-weight-semibold);box-shadow:var(--tm-shadow-2)}.settings-account-identity-text{display:flex;flex-direction:row;align-items:center;gap:var(--tm-space-2);flex-wrap:wrap;flex:1;min-width:0}.settings-account-email{flex:1 1 auto;min-width:0;font-size:var(--tm-text-base);font-weight:var(--tm-weight-semibold);color:var(--tm-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.settings-account-id-value{font-family:var(--tm-font-mono);font-size:var(--tm-text-md);color:var(--tm-text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-account-profile-editor{border-top:1px solid var(--tm-border-default)}.settings-account-profile-editor>summary{list-style:none}.settings-account-profile-editor>summary::-webkit-details-marker{display:none}.settings-account-profile-editor[open] .settings-account-profile-summary .settings-section-row-chevron{transform:rotate(90deg)}.settings-account-profile-summary .settings-section-row-chevron{transition:transform var(--tm-dur-fast) var(--tm-ease-out)}.settings-profile-card--inline{display:grid;gap:var(--tm-space-3);padding:0 var(--tm-space-4) var(--tm-space-4)}.settings-about-brand{display:grid;grid-template-columns:calc(var(--tm-space-6) + var(--tm-space-4)) minmax(0,1fr);gap:var(--tm-space-1);align-items:center;padding:var(--tm-space-4) var(--tm-space-4) var(--tm-space-2)}.settings-about-mark{grid-row:span 2;display:inline-flex;width:calc(var(--tm-space-6) + var(--tm-space-4));height:calc(var(--tm-space-6) + var(--tm-space-4));color:var(--tm-brand-purple)}.settings-about-mark svg{width:100%;height:100%}.settings-about-mark svg path{stroke-dasharray:72;stroke-dashoffset:72;animation:tm-about-mark-draw var(--tm-dur-slow) var(--tm-ease-out) forwards}@keyframes tm-about-mark-draw{to{stroke-dashoffset:0}}.settings-about-name{font-size:var(--tm-text-lg);line-height:var(--tm-leading-tight);font-weight:var(--tm-weight-semibold);color:var(--tm-text-primary)}.settings-about-tagline{font-size:var(--tm-text-sm);line-height:var(--tm-leading-normal);color:var(--tm-text-secondary)}.settings-section-row-value{font-size:var(--tm-text-sm);line-height:var(--tm-leading-tight);color:var(--tm-text-secondary);font-family:var(--tm-font-mono)}.settings-overview--bento,.settings-hub-overview.settings-overview--bento{display:grid;gap:var(--tm-space-3)}.settings-bento-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tm-space-3);min-width:0}.settings-bento-card{--settings-card-hue: var(--tm-brand-purple);position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--settings-card-hue) 18%,var(--tm-glass-border));border-radius:var(--tm-radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--settings-card-hue) 8%,var(--tm-glass-bg-strong)),color-mix(in srgb,var(--settings-card-hue) 2%,var(--tm-surface-1)));box-shadow:var(--tm-shadow-2),var(--tm-glass-highlight)}.settings-bento-card::before,.settings-section-card--elevated::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--settings-card-hue, var(--settings-page-hue, var(--tm-brand-purple))) 4%,transparent) 0 1px,transparent 1px var(--tm-space-3));opacity:0.28}.settings-bento-card--account{--settings-card-hue: var(--tm-brand-purple);grid-column:1 / -1}.settings-bento-card--subscription{--settings-card-hue: var(--tm-brand-purple)}.settings-bento-card.settings-row{display:grid;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:var(--tm-space-2);min-height:calc(var(--tm-space-6) * 3);padding:var(--tm-space-4);border-color:color-mix(in srgb,var(--settings-card-hue) 18%,var(--tm-glass-border));color:var(--tm-text-primary);text-align:left}.settings-bento-card.settings-row:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--settings-card-hue) 12%,var(--tm-glass-bg-strong)),color-mix(in srgb,var(--settings-card-hue) 4%,var(--tm-surface-1)))}.settings-bento-card-kicker{font-size:var(--tm-text-2xs);line-height:var(--tm-leading-tight);font-weight:var(--tm-weight-semibold);letter-spacing:0.08em;text-transform:uppercase;color:var(--tm-text-muted)}.settings-subscription-summary-card.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:center;gap:var(--tm-space-3);min-height:var(--tm-settings-row-touch);padding:var(--tm-space-3) var(--tm-space-4)}.settings-subscription-summary-copy{min-width:0}.settings-subscription-summary-email{display:block;min-width:0;overflow:hidden;color:var(--tm-text-primary);font-size:var(--tm-text-base);font-weight:var(--tm-weight-semibold);line-height:var(--tm-leading-tight);text-overflow:ellipsis;white-space:nowrap}.settings-row--with-tail{grid-template-columns:calc(var(--tm-space-6) - var(--tm-space-1)) minmax(0,1fr) auto auto}.settings-row-reading{justify-self:end;color:var(--tm-text-muted);font-family:var(--tm-font-mono);font-size:var(--tm-text-xs);font-weight:var(--tm-weight-semibold);line-height:var(--tm-leading-tight)}.settings-row-reading--warning{color:var(--tm-status-warning)}.settings-row-reading--danger{color:var(--tm-status-danger)}.settings-hub-banner{display:grid;gap:var(--tm-space-2);align-items:start;padding:var(--tm-space-4);border-radius:var(--tm-radius-xl)}.settings-hub-banner-title{margin:0;color:var(--tm-text-primary);font-size:var(--tm-text-lg);font-weight:var(--tm-weight-semibold);line-height:var(--tm-leading-tight)}.settings-hub-banner-subtitle{margin:0;color:var(--tm-text-secondary);font-size:var(--tm-text-sm);line-height:var(--tm-leading-normal)}.settings-hub-banner-cta{justify-self:start;margin-top:var(--tm-space-1)}.settings-hub-locked-row{cursor:pointer}.settings-hub-locked-row:hover .settings-row-icon,.settings-hub-locked-row:focus-visible .settings-row-icon{color:var(--tm-brand-purple)}.settings-hub-locked-row-lock{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--tm-space-4) + var(--tm-space-1));height:calc(var(--tm-space-4) + var(--tm-space-1));color:var(--tm-brand-purple)}.settings-hub-locked-row-lock svg{width:var(--tm-space-4);height:var(--tm-space-4)}.settings-section-embedded .compact-setting-select,.settings-section-embedded .compact-setting-input,.settings-section-embedded .task-sound-input,.settings-section-embedded .storage-path-row,.settings-section-embedded .storage-btn,.settings-section-embedded .task-sound-btn{border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-md);background:var(--tm-surface-2);color:var(--tm-text-primary);transition:border-color var(--tm-dur-fast) var(--tm-ease-out),box-shadow var(--tm-dur-fast) var(--tm-ease-out),background var(--tm-dur-fast) var(--tm-ease-out),color var(--tm-dur-fast) var(--tm-ease-out)}.settings-section-embedded .compact-setting-select:hover,.settings-section-embedded .compact-setting-input:hover,.settings-section-embedded .storage-btn:hover,.settings-section-embedded .task-sound-btn:hover{border-color:var(--tm-border-soft);background:var(--tm-surface-3);color:var(--tm-text-primary)}.settings-section-embedded .compact-setting-select:focus,.settings-section-embedded .compact-setting-input:focus,.settings-section-embedded .task-sound-input:focus{border-color:var(--tm-brand-purple);box-shadow:var(--tm-focus-ring)}.settings-section-embedded .task-sound-btn.secondary,.settings-section-embedded .storage-btn-secondary,.settings-section-embedded .storage-btn-copy{background:transparent;color:var(--tm-text-secondary)}.settings-section-embedded .task-sound-label,.settings-section-embedded .compact-setting-label-desc,.settings-section-embedded .task-sound-note,.settings-section-embedded .storage-path-value{color:var(--tm-text-secondary)}.settings-section-embedded .compact-setting-label-text,.settings-section-embedded .task-sound-toggle{color:var(--tm-text-primary)}.settings-section-embedded .compact-settings-divider{background:var(--tm-border-default)}.settings-section-embedded .task-sound-status,.settings-section-embedded .storage-pill-default{background:var(--tm-surface-2);color:var(--tm-text-muted)}.settings-section-embedded .task-sound-status.on,.settings-section-embedded .storage-pill-ok{background:color-mix(in srgb,var(--tm-brand-green) 12%,var(--tm-surface-1));color:var(--tm-brand-green)}.settings-section-embedded .task-sound-status.saving,.settings-section-embedded .storage-pill-custom{background:var(--tm-brand-purple-alpha-10);color:var(--tm-brand-purple)}.settings-section-embedded .task-sound-status.error,.settings-section-embedded .storage-pill-warn{background:color-mix(in srgb,var(--tm-brand-orange) 12%,var(--tm-surface-1));color:var(--tm-brand-orange)}.settings-page-header{grid-template-columns:calc(var(--tm-space-6) + var(--tm-space-2)) minmax(0,1fr);gap:var(--tm-space-3);padding:var(--tm-space-2) var(--tm-space-1) var(--tm-space-3)}.settings-subpage{--settings-page-hue: var(--tm-brand-purple);--settings-card-hue: var(--settings-page-hue)}.settings-subpage--account,.settings-subpage--subscription{--settings-page-hue: var(--tm-brand-purple)}.settings-subpage--usage{--settings-page-hue: var(--tm-brand-green)}.settings-subpage--preferences{--settings-page-hue: var(--tm-brand-blue)}.settings-subpage--capabilities{--settings-page-hue: var(--tm-brand-orange)}.settings-subpage--help{--settings-page-hue: var(--tm-text-muted)}.settings-subpage--about{--settings-page-hue: var(--tm-text-muted)}.settings-usage-page{display:grid;gap:var(--tm-space-3)}.settings-usage-plan-card,.settings-usage-topup-card,.settings-usage-trial-row,.settings-usage-how,.settings-usage-activity{min-width:0}.settings-usage-plan-card,.settings-usage-topup-card{display:grid;gap:var(--tm-space-3);width:100%;padding:var(--tm-space-4);border:1px solid var(--tm-border-default);border-radius:var(--tm-radius-xl);color:var(--tm-text-primary);font:inherit;text-align:left}button.settings-usage-plan-card{cursor:pointer}button.settings-usage-plan-card[aria-disabled=true]{cursor:default}.settings-usage-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--tm-space-3);min-width:0}.settings-usage-kicker{min-width:0;color:var(--tm-text-muted);font-size:var(--tm-text-2xs);font-weight:var(--tm-weight-semibold);line-height:var(--tm-leading-tight);letter-spacing:0;text-transform:uppercase}.settings-usage-main-number{display:inline-flex;align-items:baseline;gap:calc(var(--tm-space-1) / 2);min-width:0;color:var(--tm-text-primary);font-family:var(--tm-font-mono);font-size:var(--tm-text-2xl);font-weight:var(--tm-weight-semibold);line-height:var(--tm-leading-none)}.settings-usage-main-unit,.settings-usage-main-total{color:var(--tm-text-secondary);font-size:var(--tm-text-lg);font-weight:var(--tm-weight-medium)}.settings-usage-meter{display:block;width:100%;height:var(--tm-radius-md);overflow:hidden;border-radius:var(--tm-radius-full);background:var(--tm-surface-2)}.settings-usage-meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tm-brand-purple),var(--tm-brand-purple-dark));transition:width var(--tm-dur-slow) var(--tm-ease-expo)}.settings-usage-meter[data-meter-state=unavailable] .settings-usage-meter-fill{opacity:0}.settings-usage-meter[data-usage-status=warning] .settings-usage-meter-fill{background:linear-gradient(90deg,var(--tm-status-warning),var(--tm-brand-orange))}.settings-usage-meter[data-usage-status=danger] .settings-usage-meter-fill{background:linear-gradient(90deg,var(--tm-status-danger),var(--tm-status-warning))}.settings-usage-plan-card--danger .settings-usage-meter{background:color-mix(in srgb,var(--tm-status-danger) 24%,var(--tm-surface-2));animation:tm-usage-danger-pulse var(--tm-dur-deliberate) var(--tm-ease-out) 2 both}.settings-usage-status,.settings-usage-plan-reset,.settings-usage-plan-exact,.settings-usage-topup-note{font-size:var(--tm-text-sm);line-height:var(--tm-leading-snug)}.settings-usage-status--warning{color:var(--tm-status-warning-fg)}.settings-usage-status--danger{color:var(--tm-status-danger-fg)}.settings-usage-plan-reset,.settings-usage-topup-note{color:var(--tm-text-secondary)}.settings-usage-plan-exact{color:var(--tm-text-secondary);font-family:var(--tm-font-mono);animation:tm-usage-detail-in var(--tm-dur-fast) var(--tm-ease-out) both}.settings-usage-plan-card.settings-section-card--elevated{--settings-card-hue: var(--tm-text-muted);border-color:var(--tm-border-default);background:linear-gradient(135deg,color-mix(in srgb,var(--tm-brand-green) 3%,var(--tm-surface-1)),var(--tm-surface-1))}.settings-usage-plan-card--warning.settings-section-card--elevated{--settings-card-hue: var(--tm-status-warning);border-color:color-mix(in srgb,var(--tm-status-warning) 34%,var(--tm-border-default));background:linear-gradient(135deg,color-mix(in srgb,var(--tm-status-warning) 9%,var(--tm-surface-1)),var(--tm-surface-1))}.settings-usage-plan-card--danger.settings-section-card--elevated{--settings-card-hue: var(--tm-status-danger);border-color:color-mix(in srgb,var(--tm-status-danger) 42%,var(--tm-border-default));background:linear-gradient(135deg,color-mix(in srgb,var(--tm-status-danger) 11%,var(--tm-surface-1)),var(--tm-surface-1))}.settings-usage-plan-card--danger .settings-usage-status{margin-block:var(--tm-space-1)}.settings-usage-topup-card{background:linear-gradient(135deg,color-mix(in srgb,var(--tm-brand-green) 6%,var(--tm-surface-1)),var(--tm-surface-1))}.settings-usage-buy-credits-btn{min-height:calc(var(--tm-space-6) + var(--tm-space-4));padding:var(--tm-space-2) var(--tm-space-3);border-color:color-mix(in srgb,var(--tm-brand-purple) 28%,var(--tm-border-default));background:color-mix(in srgb,var(--tm-brand-purple) 10%,transparent);color:var(--tm-brand-purple);justify-content:center}.settings-usage-buy-credits-btn:hover{background:color-mix(in srgb,var(--tm-brand-purple) 14%,transparent);color:var(--tm-brand-purple)}.settings-usage-topup-value{display:inline-flex;align-items:center;gap:var(--tm-space-2);min-width:0}.settings-usage-topup-number,.settings-usage-trial-value{color:var(--tm-text-primary);font-family:var(--tm-font-mono);font-weight:var(--tm-weight-semibold);line-height:var(--tm-leading-none)}.settings-usage-topup-number{font-size:var(--tm-text-xl)}.settings-usage-topup-bolt{display:inline-flex;align-items:center;justify-content:center;width:var(--tm-space-4);height:var(--tm-space-4);color:var(--tm-brand-orange)}.settings-usage-topup-bolt svg{width:var(--tm-space-4);height:var(--tm-space-4)}.settings-usage-trial-row{display:grid;gap:var(--tm-space-3);padding:var(--tm-space-3) var(--tm-space-4);border:1px solid color-mix(in srgb,var(--tm-brand-orange) 24%,var(--tm-border-default));border-radius:var(--tm-radius-lg);background:color-mix(in srgb,var(--tm-brand-orange) 8%,var(--tm-surface-1))}.settings-usage-trial-copy{display:grid;gap:var(--tm-space-1);min-width:0}.settings-usage-trial-value{font-size:var(--tm-text-lg)}.settings-usage-trial-bar{display:block;height:calc(var(--tm-space-1) / 2);overflow:hidden;border-radius:var(--tm-radius-full);background:color-mix(in srgb,var(--tm-brand-orange) 18%,var(--tm-surface-2))}.settings-usage-trial-bar span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tm-status-warning),var(--tm-brand-orange))}.settings-usage-how{overflow:hidden}.settings-usage-how summary{list-style:none}.settings-usage-how summary::-webkit-details-marker{display:none}.settings-usage-how[open] .settings-section-row-chevron{transform:rotate(90deg)}.settings-usage-how-body{padding:var(--tm-space-3) var(--tm-space-4) var(--tm-space-4) calc(var(--tm-space-4) + var(--tm-space-5) + var(--tm-space-3));color:var(--tm-text-secondary);font-size:var(--tm-text-sm);line-height:var(--tm-leading-normal)}.settings-usage-activity[hidden]{display:none}@keyframes tm-usage-danger-pulse{50%{filter:saturate(1.08) brightness(1.04)}}@keyframes tm-usage-detail-in{from{opacity:0;transform:translateY(calc(var(--tm-space-1) / 2))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.settings-usage-meter-fill,.settings-usage-plan-exact,.settings-usage-plan-card--danger .settings-usage-meter{animation:none;transition:none}}html[data-motion=reduced] .settings-usage-meter-fill,html[data-motion=reduced] .settings-usage-plan-exact,html[data-motion=reduced] .settings-usage-plan-card--danger .settings-usage-meter{animation:none;transition:none}.settings-page-header-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--tm-space-6) + var(--tm-space-2));height:calc(var(--tm-space-6) + var(--tm-space-2));border:1px solid color-mix(in srgb,var(--settings-page-hue, var(--tm-brand-purple)) 24%,var(--tm-glass-border));border-radius:var(--tm-radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--settings-page-hue, var(--tm-brand-purple)) 15%,var(--tm-surface-1)),color-mix(in srgb,var(--settings-page-hue, var(--tm-brand-purple)) 8%,var(--tm-surface-1)));color:var(--settings-page-hue, var(--tm-brand-purple));box-shadow:var(--tm-shadow-1),var(--tm-glass-highlight)}.settings-page-header-icon svg{width:calc(var(--tm-space-4) + var(--tm-space-1));height:calc(var(--tm-space-4) + var(--tm-space-1))}.settings-page-header-title{font-size:var(--tm-text-xl)}.settings-page-header-subtitle{line-height:var(--tm-leading-snug)}.settings-section-card,.settings-detail-card{position:relative}.settings-section-card--elevated{--settings-card-hue: var(--settings-page-hue, var(--tm-brand-purple));overflow:hidden;border-color:color-mix(in srgb,var(--settings-card-hue) 22%,var(--tm-glass-border));background:linear-gradient(135deg,color-mix(in srgb,var(--settings-card-hue) 7%,var(--tm-surface-1)),color-mix(in srgb,var(--settings-card-hue) 2%,var(--tm-surface-1)));box-shadow:var(--tm-shadow-2),var(--tm-glass-highlight)}.settings-section-row,.settings-list-row,.settings-hub-locked-row{min-height:var(--tm-settings-row-touch)}.settings-section-kicker{padding-top:var(--tm-space-4)}.settings-stat-value,.settings-plan-value-price,.settings-list-row-value,.settings-section-row-value{font-family:var(--tm-font-mono)}.settings-section-row-chevron,.settings-list-row-chevron,.settings-row-chevron{transition:transform var(--tm-dur-fast) var(--tm-ease-out),color var(--tm-dur-fast) var(--tm-ease-out)}.settings-search{align-items:center}.settings-search-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.settings-section-row-icon,.settings-row-icon{transition:color var(--tm-dur-fast) var(--tm-ease-out)}.settings-section-switch::after{transition:transform var(--tm-dur-fast) var(--tm-ease-spring)}.settings-section-switch[aria-checked=true]::after{transform:translateX(18px) scale(1.06)}.settings-section-badge--coming-soon{position:relative;overflow:hidden}.settings-section-badge--coming-soon::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tm-text-primary) 14%,transparent),transparent);opacity:0}.settings-section-badge--coming-soon:hover::after{animation:tm-settings-shimmer var(--tm-dur-slow) var(--tm-ease-out) both}.settings-empty{display:grid;gap:var(--tm-space-2);min-height:calc(var(--tm-space-6) * 2);place-items:center;padding:var(--tm-space-5) var(--tm-space-4);color:var(--tm-text-secondary);text-align:center}.settings-empty--loading{position:relative;overflow:hidden;border-radius:var(--tm-radius-lg);background:linear-gradient(90deg,var(--tm-surface-1),var(--tm-surface-2),var(--tm-surface-1));background-size:200% 100%;animation:tm-settings-skeleton var(--tm-dur-slow) var(--tm-ease-out) both}.settings-subpage[data-anim-enter] .settings-page-header,.settings-subpage[data-anim-enter] .settings-section-card,.settings-subpage[data-anim-enter] .settings-detail-card,.settings-subpage[data-anim-enter] .settings-list-row--action{animation:tm-settings-cascade var(--tm-dur-fast) var(--tm-ease-out) both}.settings-subpage[data-anim-enter] .settings-page-header{animation-delay:0ms}.settings-subpage[data-anim-enter] .settings-section-card:nth-of-type(1),.settings-subpage[data-anim-enter] .settings-detail-card:nth-of-type(1){animation-delay:30ms}.settings-subpage[data-anim-enter] .settings-section-card:nth-of-type(2),.settings-subpage[data-anim-enter] .settings-detail-card:nth-of-type(2){animation-delay:60ms}.settings-subpage[data-anim-enter] .settings-section-card:nth-of-type(3),.settings-subpage[data-anim-enter] .settings-detail-card:nth-of-type(3){animation-delay:90ms}.settings-subpage[data-anim-enter] .settings-section-card:nth-of-type(4),.settings-subpage[data-anim-enter] .settings-detail-card:nth-of-type(4){animation-delay:120ms}.settings-subpage[data-anim-enter] .settings-section-card:nth-of-type(n+5),.settings-subpage[data-anim-enter] .settings-detail-card:nth-of-type(n+5){animation-delay:150ms}@keyframes tm-settings-cascade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tm-settings-shimmer{from{opacity:0;transform:translateX(-120%);background-position:100% 0}50%{opacity:1}to{opacity:0;transform:translateX(120%);background-position:0 0}}@keyframes tm-settings-skeleton{from{background-position:100% 0}to{background-position:0 0}}@media(hover:hover){.settings-section-row--button:hover .settings-section-row-chevron,.settings-list-row--action:hover .settings-list-row-chevron,.settings-row:hover .settings-row-chevron{color:var(--settings-page-hue, var(--tm-brand-purple));transform:translateX(var(--tm-settings-chevron-nudge))}.settings-section-row--button:hover .settings-section-row-icon,.settings-row:hover .settings-row-icon{color:var(--settings-page-hue, var(--tm-brand-purple))}}@media(prefers-reduced-motion:reduce){.settings-subpage[data-anim-enter] .settings-page-header,.settings-subpage[data-anim-enter] .settings-section-card,.settings-subpage[data-anim-enter] .settings-detail-card,.settings-subpage[data-anim-enter] .settings-list-row--action,.settings-section-badge--coming-soon::after,.settings-empty--loading{animation:none}}html[data-motion=reduced] .settings-subpage[data-anim-enter] .settings-page-header,html[data-motion=reduced] .settings-subpage[data-anim-enter] .settings-section-card,html[data-motion=reduced] .settings-subpage[data-anim-enter] .settings-detail-card,html[data-motion=reduced] .settings-subpage[data-anim-enter] .settings-list-row--action,html[data-motion=reduced] .settings-section-badge--coming-soon::after,html[data-motion=reduced] .settings-empty--loading{animation:none}