.old-browser{display: none}@supports not selector(:has(*)){.old-browser{display: block}}@supports not (height: 100dvh){.old-browser{display: block}}@supports not (color: color-mix(in srgb,red,blue)){.old-browser{display: block}}.old-browser{position: fixed;top: 0;left: 0;right: 0;z-index: var(--z-popover,210);padding: var(--space-3) var(--space-4);padding-top: calc(var(--space-3) + env(safe-area-inset-top,0px));background: var(--raised);color: var(--text);box-shadow: inset 0 -1px 0 var(--line-strong);font-size: var(--fs-ui);line-height: var(--lh-ui);text-align: center}.skip-link{position: fixed;top: calc(var(--space-3) + var(--safe-top,0px));left: calc(var(--space-3) + var(--safe-left,0px));z-index: var(--z-popover,210);padding: var(--space-3) var(--space-6);border-radius: var(--r-full);background: var(--amber);color: var(--on-amber);font-size: var(--fs-ui);font-weight: 500;transform: translateY(calc(-100% - var(--space-3) - var(--safe-top,0px) - var(--space-2)));transition: transform var(--dur-base) var(--ease)}.skip-link:focus{transform: translateY(0)}.main > [data-surface]{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column}.history-accordion__empty{padding: var(--space-3);font-size: var(--fs-small);line-height: var(--lh-small);color: var(--muted)}html .buy-tokens__promo-submit{background: var(--raised);color: var(--text);box-shadow: inset 0 0 0 1px var(--line-strong)}html .buy-tokens__promo-submit:active{background: var(--active)}@media (hover: hover){html .buy-tokens__promo-submit:hover{background: var(--active);box-shadow: inset 0 0 0 1px var(--line-strong)}}.auth-status{font-size: var(--fs-caption);line-height: var(--lh-caption);color: var(--muted);text-align: center}.auth-status.is-error{color: var(--error)}.auth-mail-address{font-weight: 600;color: var(--text);overflow-wrap: anywhere}.auth-dialog__actions{display: flex;flex-direction: column;gap: var(--space-2)}.auth-dialog__actions .btn-reform{width: 100%;min-height: var(--btn-h-l)}.auth-help{margin-top: var(--space-6);padding-top: var(--space-4);box-shadow: inset 0 1px 0 var(--line);font-size: var(--fs-small);line-height: var(--lh-small);color: var(--muted)}.auth-help__title{margin-bottom: var(--space-2);font-weight: 500;color: var(--text)}.auth-help__list{display: flex;flex-direction: column;gap: var(--space-1);padding-left: var(--space-4)}.auth-help a{color: var(--amber-text);text-decoration: underline;text-underline-offset: 3px}.auth-social-btn{width: 100%;text-align: left}.app-demo{flex: 1 1 auto;min-height: 0;overflow-y: auto;overflow-x: hidden;overscroll-behavior-y: contain;padding: calc(var(--header-height,72px) + var(--space-4)) var(--space-6) calc(var(--space-24) + var(--safe-bottom,0px))}.app-demo__inner{max-width: 800px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--space-8)}.app-demo__header{display: flex;flex-direction: column;gap: var(--space-2)}.app-demo__title{font-size: var(--fs-h2);line-height: var(--lh-h2);font-weight: 500;letter-spacing: var(--ls-h2);color: var(--text)}.app-demo__lead{font-size: var(--fs-body);line-height: var(--lh-body);color: var(--muted)}.app-demo__card{display: flex;flex-direction: column;gap: var(--space-6);padding: var(--space-8);border-radius: var(--r-lg);background: var(--surface);box-shadow: inset 0 0 0 1px var(--line)}.app-demo__card-title{font-size: var(--fs-h3);line-height: var(--lh-h3);font-weight: 500;letter-spacing: var(--ls-h3);color: var(--text)}.app-demo__card-text{font-size: var(--fs-ui);line-height: var(--lh-ui);color: var(--muted)}.app-demo__row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-3)}.app-demo__field{display: flex;flex-direction: column;gap: var(--space-2)}.app-demo__thumb{display: inline-block;border-radius: var(--r-md);overflow: hidden;box-shadow: inset 0 0 0 1px var(--line)}.app-demo__thumb img{display: block;width: min(100%,240px);height: auto}@media (max-width: 767px){.app-demo{padding-left: var(--margin-page);padding-right: var(--margin-page)}.app-demo__card{padding: var(--space-6)}}.history-accordion:not(.is-closed) .history-accordion__body{max-height: none;overflow: visible}.history-more{display: block;width: 100%;min-height: var(--hit);margin: var(--space-2) 0 0;padding: 0 var(--space-4);border: none;border-radius: var(--r-md);background: transparent;color: var(--muted);font: inherit;font-size: var(--fs-small);cursor: pointer}@media (hover: hover){.history-more:hover{background: var(--raised);color: var(--text)}}.history-more:disabled{opacity: .6;cursor: progress}.history-group__check{position: absolute;left: 8px;top: 50%;display: none;align-items: center;justify-content: center;width: 18px;height: 18px;margin-top: -9px;border-radius: var(--r-sm);box-shadow: inset 0 0 0 1.5px var(--line-strong);color: transparent}.history-group__check svg{display: block;width: 14px;height: 14px;fill: currentColor}.is-selecting .history-group__check{display: flex}.is-selecting .history-group__link{padding-left: 38px}.is-selecting .history-group__status,.is-selecting .history-group__more-btn{display: none}.history-group__item.is-selected{background: var(--raised)}.history-group__item.is-selected .history-group__check{background: var(--amber);box-shadow: none;color: var(--on-amber)}.history-group__item.is-selected .history-group__link{color: var(--text)}.history-select-bar{position: sticky;bottom: 0;display: flex;flex-direction: column;align-items: stretch;gap: var(--space-1);margin-top: var(--space-2);padding: var(--space-2) var(--space-3);border-radius: var(--r-md);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line-strong)}.history-select-bar__count{color: var(--text-2);font-size: var(--fs-small);font-variant-numeric: tabular-nums}.history-select-bar__actions{display: flex;align-items: center;justify-content: space-between;gap: var(--space-1)}.history-select-bar__actions .history-select-bar__btn:first-child{margin-left: calc(var(--space-2) * -1)}.history-select-bar__btn{min-height: var(--btn-h-s);padding: 0 var(--space-2);border: none;border-radius: var(--r-full);background: transparent;color: var(--text);font: inherit;font-size: var(--fs-small);cursor: pointer}@media (hover: hover){.history-select-bar__btn:hover{background: var(--active)}}.history-select-bar__btn--danger{color: var(--error)}.history-select-bar__btn:disabled{opacity: .45;cursor: default}.search-chats__semantic{display: flex;justify-content: center;padding: var(--space-3) 0 var(--space-2)}.model-entry__note{display: none;margin-top: var(--space-1);color: var(--muted);font-size: var(--fs-caption);line-height: var(--lh-caption)}.models-demand{display: flex;flex-direction: column;align-items: flex-start;gap: var(--space-3);padding: var(--space-4) var(--space-2) var(--space-6)}.models-demand__lead{margin: 0;color: var(--muted);font-size: var(--fs-small);line-height: var(--lh-small)}.models-demand textarea{width: 100%;min-height: 88px;padding: var(--space-3) var(--space-4);border: 0;border-radius: var(--r-sm);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line-strong);color: var(--text);font: 400 var(--fs-ui)/var(--lh-ui) var(--font-sans);resize: vertical}.models-demand textarea:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}.models-search-hint{margin: 0 0 var(--space-3);padding: 0 var(--space-2);color: var(--muted);font-size: var(--fs-caption);line-height: var(--lh-caption)}:root{--z-confirm: 310}#deleteModalOverlay{z-index: var(--z-confirm)}#deleteModalOverlay .modal:has(.modal__btn--primary) .modal__icon{background: var(--amber-soft);color: var(--amber-text)}.models-overlay .family-entry__subtitle--desc{white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.family-entry__price{display: block;margin-top: var(--space-1);font-size: var(--fs-caption);line-height: var(--lh-caption);font-variant-numeric: tabular-nums;color: var(--text-2)}.models-load-note{display: flex;flex-direction: column;align-items: flex-start;gap: var(--space-3);margin: 0 0 var(--space-3);padding: var(--space-3) var(--space-2)}.models-load-note__text{margin: 0;color: var(--muted);font-size: var(--fs-small);line-height: var(--lh-small)}html.is-touch .models-load-note .library-secondary-btn{min-height: var(--hit)}.history-group__kind{flex: none;width: 16px;height: 16px;margin-right: var(--space-2);fill: currentColor;color: var(--tertiary)}.history-group__item.active .history-group__kind{color: var(--muted)}:where(b,strong){font-weight: 600}:where(h1,h2,h3,h4,h5,h6){font-weight: 500}.models-overlay .model-entry__right{position: relative}.model-entry__tools{position: absolute;right: 100%;top: 50%;transform: translateY(-50%);display: flex;align-items: center;gap: var(--space-1);margin-right: var(--space-2);padding: 2px;border-radius: var(--r-full)}.model-entry__act{flex: none;min-width: var(--btn-h-s);height: var(--btn-h-s);display: inline-flex;align-items: center;justify-content: center;gap: var(--space-1);margin: 0;padding: 0;border: none;border-radius: var(--r-full);background: transparent;color: var(--muted);font: inherit;font-size: var(--fs-caption);font-variant-numeric: tabular-nums;cursor: pointer;transition: background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.model-entry__act svg{width: 18px;height: 18px;flex: none}.model-entry__like{padding: 0 var(--space-2)}.model-entry__act-label{display: none}.model-entry__more{display: none}.model-entry__act{display: none}html:not(.is-touch) .model-entry:has(:focus-visible) .model-entry__act{display: inline-flex}html:not(.is-touch) .model-entry:has(:focus-visible) .model-entry__tools{background: var(--raised);box-shadow: inset 0 0 0 1px var(--line)}.model-entry__act.is-on{color: var(--amber-text)}.model-entry__act:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}@media (hover: hover){html:not(.is-touch) .model-entry:hover .model-entry__act{display: inline-flex}html:not(.is-touch) .model-entry:hover .model-entry__tools{background: var(--raised);box-shadow: inset 0 0 0 1px var(--line)}.model-entry__act:hover{background: var(--active);color: var(--text)}.model-entry__act.is-on:hover{color: var(--amber-text)}}.model-entry__free{flex: none;color: var(--amber-text);font-size: var(--fs-caption);font-weight: 600;white-space: nowrap;cursor: help}.models-sub{position: absolute;inset: 0;z-index: 3;display: flex;flex-direction: column;align-items: stretch;gap: var(--space-3);padding: var(--space-4);overflow-y: auto;background: var(--surface);border-radius: inherit}.models-sub__back{flex: none;align-self: flex-start;display: inline-flex;align-items: center;gap: var(--space-2);height: var(--btn-h-m);padding: 0 var(--space-3) 0 var(--space-2);border: none;border-radius: var(--r-sm);background: var(--raised);color: var(--muted);font: inherit;font-size: var(--fs-small);font-weight: 500;cursor: pointer}.models-sub__back svg{width: 16px;height: 16px;fill: currentColor}.models-sub__back:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}@media (hover: hover){.models-sub__back:hover{background: var(--amber-soft);color: var(--amber-text)}}.models-sub__title{margin: 0;color: var(--text);font-size: var(--fs-body);font-weight: 600;line-height: var(--lh-body)}.models-sub__body{display: flex;flex-direction: column;align-items: stretch;gap: var(--space-3)}.models-sub__lead{margin: 0;color: var(--muted);font-size: var(--fs-small);line-height: var(--lh-small)}.models-sub__area{width: 100%;min-height: 132px;padding: var(--space-3) var(--space-4);border: 0;border-radius: var(--r-sm);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line-strong);color: var(--text);font: 400 var(--fs-ui)/var(--lh-ui) var(--font-sans);resize: vertical}.models-sub__area:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}.models-sub__body > .library-primary-btn{align-self: flex-start}.models-sub__reasons{display: flex;flex-direction: column;gap: var(--space-2)}.models-sub__reason{display: flex;align-items: center;width: 100%;min-height: var(--btn-h-m);padding: var(--space-2) var(--space-4);border: 0;border-radius: var(--r-sm);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line);color: var(--text);font: 400 var(--fs-ui)/var(--lh-ui) var(--font-sans);text-align: left;cursor: pointer}.models-sub__reason.is-on{background: var(--amber-soft);box-shadow: inset 0 0 0 1px var(--amber-text);color: var(--amber-text)}.models-sub__reason:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}@media (hover: hover){.models-sub__reason:not(.is-on):hover{box-shadow: inset 0 0 0 1px var(--line-strong)}}.models-sub__zone{display: flex;flex-direction: column;align-items: stretch;gap: var(--space-3)}.models-sub__zone > .library-primary-btn{align-self: flex-start}.models-sub__actions{display: flex;flex-wrap: wrap;gap: var(--space-2)}.models-settings{display: flex;flex-direction: column;gap: var(--space-4)}.models-settings__field{display: flex;flex-direction: column;gap: var(--space-2)}.models-settings__field label{color: var(--text);font-size: var(--fs-ui);font-weight: 500;line-height: var(--lh-ui)}.models-settings__field input{width: 140px;height: var(--btn-h-m);padding: 0 var(--space-3);border: 0;border-radius: var(--r-sm);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line-strong);color: var(--text);font: 400 var(--fs-ui)/var(--lh-ui) var(--font-sans);font-variant-numeric: tabular-nums}.models-settings__field input:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}.models-settings__field input[aria-invalid="true"]{box-shadow: inset 0 0 0 1px var(--error)}.models-settings__hint{margin: 0;color: var(--muted);font-size: var(--fs-caption);line-height: var(--lh-caption)}.models-settings__error{margin: 0;color: var(--error);font-size: var(--fs-caption);line-height: var(--lh-caption)}.models-settings__actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-3)}
.buy-tokens__ref{margin: var(--space-4) 0 0;font-size: var(--fs-small);line-height: var(--lh-small);color: var(--muted)}.buy-tokens__ref[hidden]{display: none}.buy-tokens__promo-msg.is-ok{color: var(--muted)}.buy-tokens__promo-remove{justify-self: start;min-height: var(--hit);padding: 0 var(--space-2);border: none;background: none;font-family: inherit;font-size: var(--fs-small);color: var(--muted);text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.buy-tokens__promo-remove[hidden]{display: none}@media (hover: hover){.buy-tokens__promo-remove:hover{color: var(--text)}}.buy-tokens__promo-remove:active{color: var(--text)}.buy-tokens__view[hidden],.buy-tokens__state[hidden]{display: none}.buy-tokens__list[aria-busy="true"]{pointer-events: none;opacity: .6;transition: opacity .15s}.buy-tokens__state{display: flex;flex-direction: column;align-items: flex-start;gap: var(--space-3);padding: var(--space-2) 0 var(--space-4)}.buy-state__icon{width: var(--space-12);height: var(--space-12);display: flex;align-items: center;justify-content: center;border-radius: var(--r-md);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line);color: var(--muted)}.buy-state__icon svg{width: 24px;height: 24px;fill: currentColor}.buy-state__icon [data-state-icon]{display: none}.buy-tokens__state[data-state="pending"] [data-state-icon="pending"],.buy-tokens__state[data-state="done"] [data-state-icon="done"],.buy-tokens__state[data-state="fail"] [data-state-icon="fail"]{display: block}.buy-state__icon span[data-state-icon]{line-height: 0}.buy-tokens__state[data-state="done"] .buy-state__icon{color: var(--success)}.buy-tokens__state[data-state="fail"] .buy-state__icon{color: var(--error)}.buy-tokens__state[data-state="fail"] .buy-state__title{color: var(--error)}.buy-state__loader{width: 28px;height: 28px}.buy-state__title{font-size: var(--fs-h3);line-height: var(--lh-h3);font-weight: 500;letter-spacing: var(--ls-h3);color: var(--text)}.buy-state__title:focus{outline: none}.buy-state__text{font-size: var(--fs-ui);line-height: var(--lh-ui);color: var(--muted)}.buy-state__rows{width: 100%;display: flex;flex-direction: column;margin: var(--space-2) 0 0;border-radius: var(--r-md);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line)}.buy-state__rows[hidden]{display: none}.buy-state__row{display: flex;align-items: baseline;justify-content: space-between;gap: var(--space-4);padding: var(--space-3) var(--space-4);font-size: var(--fs-ui);line-height: var(--lh-ui)}.buy-state__row + .buy-state__row{box-shadow: inset 0 1px 0 var(--line)}.buy-state__row dt{color: var(--muted)}.buy-state__row dd{margin: 0;color: var(--text);font-weight: 500;font-variant-numeric: tabular-nums;text-align: right}.buy-state__actions{width: 100%;display: flex;flex-direction: column;gap: var(--space-2);margin-top: var(--space-2)}.buy-state__actions .modal__btn{width: 100%;min-height: var(--btn-h-l)}.buy-state__actions .modal__btn[hidden]{display: none}.modal--insufficient .modal__icon{background: var(--amber-soft);color: var(--amber-text)}.modal--insufficient .modal__desc{margin-bottom: var(--space-4)}.insufficient__offers{display: flex;flex-direction: column;gap: var(--space-2);margin: 0 0 var(--space-6);padding: 0;list-style: none;text-align: left;font-size: var(--fs-small);line-height: var(--lh-small);color: var(--muted)}.insufficient__offers[hidden]{display: none}.insufficient__offers a{color: var(--amber-text);text-decoration: underline;text-underline-offset: 3px}.modal--insufficient .modal__btn[hidden]{display: none}.buy-survey{position: fixed;left: var(--space-4);right: var(--space-4);bottom: calc(5.5rem + env(safe-area-inset-bottom,0px));z-index: 150;max-width: 30rem;margin: 0 auto;padding: var(--space-4);border-radius: var(--r-md);background: var(--surface);box-shadow: inset 0 0 0 1px var(--line),0 12px 32px rgba(0,0,0,0.35);color: var(--text)}.buy-survey[hidden]{display: none}.buy-survey__close{position: absolute;top: var(--space-1);right: var(--space-1);width: var(--hit);height: var(--hit);display: inline-flex;align-items: center;justify-content: center;border: none;border-radius: var(--r-md);background: none;color: var(--muted);cursor: pointer}.buy-survey__close svg{width: 20px;height: 20px;fill: currentColor}@media (hover: hover){.buy-survey__close:hover{color: var(--text)}}.buy-survey__title{margin: 0 var(--hit) var(--space-3) 0;font-size: var(--fs-ui);line-height: var(--lh-ui);font-weight: 500}.buy-survey__chips{display: flex;flex-wrap: wrap;gap: var(--space-2)}.buy-survey__chip{min-height: var(--hit);padding: 0 var(--space-4);border: none;border-radius: 999px;background: var(--raised);box-shadow: inset 0 0 0 1px var(--line);font-family: inherit;font-size: var(--fs-small);color: var(--text);cursor: pointer}@media (hover: hover){.buy-survey__chip:hover{box-shadow: inset 0 0 0 1px var(--select-line);color: var(--select-text)}}.buy-survey__chip:active{background: var(--select-bg);color: var(--select-text)}.buy-survey__other{display: flex;gap: var(--space-2);margin-top: var(--space-3)}.buy-survey__other[hidden]{display: none}.buy-survey__input{flex: 1 1 auto;min-width: 0;min-height: var(--hit);padding: 0 var(--space-3);border: none;border-radius: var(--r-md);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line);font-family: inherit;font-size: var(--fs-ui);color: var(--text)}.buy-survey__send{min-height: var(--hit);padding: 0 var(--space-4);border: none;border-radius: var(--r-md);background: var(--amber);color: var(--on-amber,#1a1815);font-family: inherit;font-size: var(--fs-small);font-weight: 500;cursor: pointer}.buy-survey__done{margin: 0;padding-right: var(--hit);font-size: var(--fs-ui);line-height: var(--lh-ui);color: var(--muted)}.buy-survey__done[hidden],.buy-survey__body[hidden],.buy-survey__promo[hidden],.buy-survey__ref[hidden],.buy-survey__apply[hidden]{display: none}.buy-survey__note{margin: 0 0 var(--space-3);font-size: var(--fs-small);line-height: var(--lh-ui);color: var(--muted)}.buy-survey__ref{margin: var(--space-3) 0 0}.buy-survey__code-row{display: flex;gap: var(--space-2);margin-bottom: var(--space-3)}.buy-survey__code{flex: 1 1 auto;min-width: 0;display: inline-flex;align-items: center;min-height: var(--hit);padding: 0 var(--space-3);border-radius: var(--r-md);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line);font-family: inherit;font-size: var(--fs-ui);font-weight: 500;letter-spacing: 0.02em;user-select: all;overflow-wrap: anywhere}.buy-survey__copy,.buy-survey__apply{min-height: var(--hit);padding: 0 var(--space-4);border: none;border-radius: var(--r-md);font-family: inherit;font-size: var(--fs-small);cursor: pointer}.buy-survey__copy{flex: 0 0 auto;background: var(--raised);box-shadow: inset 0 0 0 1px var(--line);color: var(--text)}@media (hover: hover){.buy-survey__copy:hover{box-shadow: inset 0 0 0 1px var(--select-line);color: var(--select-text)}}.buy-survey__apply{width: 100%;background: var(--amber);color: var(--on-amber);font-weight: 500}@media (min-width: 900px){.buy-survey{bottom: calc(7.5rem + env(safe-area-inset-bottom,0px))}}.buy-survey .buy-survey__input:focus-visible,.buy-survey .buy-survey__chip:focus-visible,.buy-survey .buy-survey__send:focus-visible,.buy-survey .buy-survey__copy:focus-visible,.buy-survey .buy-survey__apply:focus-visible,.buy-survey .buy-survey__close:focus-visible{outline: none;box-shadow: 0 0 0 2px var(--amber)}
.settings-page{display: flex;flex-direction: column;background: var(--bg);overflow: hidden}.settings-main{flex: 1;width: 100%;overflow-y: auto;overflow-x: hidden;overscroll-behavior-y: contain;padding: var(--space-8) var(--space-6) calc(var(--space-24) + var(--safe-bottom))}.settings-container{max-width: 800px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--space-8)}.settings-header{display: flex;flex-direction: column;gap: var(--space-2);margin-bottom: var(--space-2)}.settings-title{font-size: var(--fs-h2);line-height: var(--lh-h2);font-weight: 500;letter-spacing: var(--ls-h2);color: var(--text)}.settings-subtitle{font-size: var(--fs-body);line-height: var(--lh-body);color: var(--muted)}.settings-card{display: flex;flex-direction: column;gap: var(--space-6);padding: var(--space-8);border-radius: var(--r-lg);background: var(--surface);box-shadow: inset 0 0 0 1px var(--line)}.settings-card__header{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding-bottom: var(--space-4);border-bottom: 1px solid var(--line)}.settings-card__title-wrap{display: flex;align-items: center;gap: var(--space-3)}.settings-card__title-icon{flex: none;width: 24px;height: 24px;color: var(--amber-text);fill: currentColor}.settings-card__title{font-size: var(--fs-lead);line-height: 1.3;font-weight: 500;letter-spacing: var(--ls-h3);color: var(--text)}.settings-card__desc{margin-top: calc(var(--space-1) * -1.5);font-size: var(--fs-ui);line-height: var(--lh-ui);color: var(--muted)}.settings-profile-fields{display: flex;flex-direction: column;gap: var(--space-4)}.settings-field{display: flex;flex-direction: column;gap: calc(var(--space-1) * 1.5)}.settings-field__label{font-size: var(--fs-small);font-weight: 500;color: var(--muted)}.settings-field__hint{font-size: var(--fs-caption);line-height: var(--lh-caption);color: var(--muted)}.settings-field__hint:empty{display: none}.settings-field__hint.is-error{color: var(--error)}.settings-field__row{display: flex;align-items: center;gap: var(--space-3)}.settings-input-wrap{flex: 1;min-width: 0;position: relative;display: flex;align-items: center}.settings-input{width: 100%;height: var(--btn-h-l);padding: 0 var(--space-4);border: none;border-radius: var(--r-md);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line);color: var(--text);font-family: inherit;font-size: var(--fs-ui);transition: box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.settings-input[readonly]{color: var(--muted);cursor: default;user-select: all}.settings-input::placeholder{color: var(--tertiary)}.settings-input:focus:not([readonly]){outline: none;box-shadow: inset 0 0 0 2px var(--focus)}.settings-input[aria-invalid="true"],.settings-input[aria-invalid="true"]:focus:not([readonly]){box-shadow: inset 0 0 0 2px var(--error)}.settings-input--toggle{padding-right: calc(var(--hit) + var(--space-2))}.settings-input-toggle{position: absolute;top: 50%;right: var(--space-1);width: var(--hit);height: var(--hit);transform: translateY(-50%);display: flex;align-items: center;justify-content: center;border-radius: var(--r-full);color: var(--muted);cursor: pointer;transition: color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.settings-input-toggle svg{width: 20px;height: 20px;fill: currentColor}.settings-input-toggle__off,.settings-input-toggle[aria-pressed="true"] .settings-input-toggle__on{display: none}.settings-input-toggle[aria-pressed="true"] .settings-input-toggle__off{display: block}@media (hover: hover){.settings-input-toggle:hover{color: var(--text);background: var(--active)}}.settings-input-toggle:active{background: var(--active)}.btn-settings-action{display: inline-flex;align-items: center;justify-content: center;gap: calc(var(--space-1) * 1.5);white-space: nowrap;cursor: pointer}.btn-settings-action:active{transform: none}.integration-list{display: flex;flex-direction: column;gap: var(--space-3)}.integration-item{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding: var(--space-4) var(--space-6);border-radius: var(--r-md);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line);transition: background-color var(--dur-fast) var(--ease)}@media (hover: hover){.integration-item:hover{background: var(--active)}}.integration-item__left{display: flex;align-items: center;gap: 14px;min-width: 0}.integration-icon{flex: none;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: var(--r-sm);background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);color: var(--text-2)}.integration-icon svg{width: 22px;height: 22px}.integration-icon--disk svg{width: 32px;height: 32px}.integration-icon:not(.integration-icon--disk) svg{fill: currentColor}.integration-info{display: flex;flex-direction: column;gap: 3px;min-width: 0}.integration-name{font-size: var(--fs-ui);font-weight: 500;color: var(--text)}.integration-status{display: flex;align-items: center;gap: var(--space-2);font-size: var(--fs-caption);font-weight: 500;color: var(--muted)}.status-dot{flex: none;width: 8px;height: 8px;border-radius: var(--r-full);background: var(--tertiary)}.integration-status.is-connected{color: var(--success)}.integration-status.is-connected .status-dot{background: var(--success)}.btn-connect{display: inline-flex;align-items: center;justify-content: center;gap: calc(var(--space-1) * 1.5);white-space: nowrap;cursor: pointer}.btn-connect:active{transform: none}.settings-card--danger .settings-card__title-icon{color: var(--error)}.btn-delete-account{align-self: flex-start;display: inline-flex;align-items: center;gap: var(--space-2);cursor: pointer}.btn-delete-account svg{width: 20px;height: 20px;fill: currentColor}.settings-modal-backdrop{position: fixed;inset: 0;z-index: 100;display: flex;align-items: center;justify-content: center;padding: 20px;background: var(--scrim);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity var(--dur-base) var(--ease),visibility 0s var(--dur-base)}.settings-modal-backdrop.is-open{opacity: 1;visibility: visible;pointer-events: auto;transition-delay: 0s}.settings-modal{width: 100%;max-width: 460px;max-height: calc(var(--app-h) - 40px);display: flex;flex-direction: column;overflow: hidden;border-radius: var(--r-lg);background: var(--surface);box-shadow: inset 0 0 0 1px var(--line),var(--sh-lg);transform: scale(0.96) translateY(8px);transition: transform var(--dur-base) var(--ease)}.settings-modal:focus{outline: none}.settings-modal-backdrop.is-open .settings-modal{transform: none}.settings-modal__header{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: var(--space-6) var(--space-8) var(--space-4)}.settings-modal__title-wrap{display: flex;align-items: center;gap: 10px;min-width: 0}.settings-modal__title-icon{flex: none;width: 20px;height: 20px;color: var(--amber-text);fill: currentColor}.settings-modal__title-icon--danger{color: var(--error)}.settings-modal__title{font-size: var(--fs-h3);line-height: var(--lh-h3);font-weight: 500;letter-spacing: var(--ls-h3);color: var(--text)}.settings-modal__close{flex: none;width: var(--hit);height: var(--hit);display: flex;align-items: center;justify-content: center;border-radius: var(--r-full);color: var(--muted);cursor: pointer;transition: background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}@media (hover: hover){.settings-modal__close:hover{background: var(--raised);color: var(--text)}}.settings-modal__close:active{background: var(--raised)}.settings-modal__close svg{width: 20px;height: 20px;fill: currentColor}.settings-modal > form{display: flex;flex-direction: column;flex: 1 1 auto;min-height: 0}.settings-modal__header,.settings-modal__footer{flex: none}.settings-modal__body{display: flex;flex-direction: column;flex: 1 1 auto;min-height: 0;gap: 18px;padding: 0 var(--space-8) var(--space-6);overflow-y: auto;overscroll-behavior: contain}.settings-modal__text{font-size: var(--fs-ui);line-height: var(--lh-ui);color: var(--muted)}.settings-modal__text--danger{font-weight: 500;color: var(--text-2)}.settings-modal__title--danger{color: var(--error)}.settings-modal__footer{display: flex;align-items: center;justify-content: flex-end;gap: var(--space-3);padding: var(--space-4) var(--space-8) var(--space-8);background: var(--bg)}.btn-modal-cancel,.btn-modal-submit{cursor: pointer}.theme-options{display: flex;flex-wrap: wrap;gap: var(--space-2)}.theme-option{display: inline-flex;align-items: center;gap: var(--space-2);min-height: var(--seg-h);padding: 0 var(--space-4);border-radius: var(--r-full);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line);color: var(--text-2);font-family: inherit;font-size: var(--fs-small);font-weight: 500;cursor: pointer;transition: background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.theme-option svg{flex: none;width: 20px;height: 20px;fill: currentColor}@media (hover: hover){.theme-option:hover:not([aria-pressed="true"]){background: var(--active);color: var(--text)}}.theme-option:active:not([aria-pressed="true"]){background: var(--active)}.theme-option[aria-pressed="true"]{background: var(--select-bg);box-shadow: var(--select-ring);color: var(--select-text)}.integration-item__left{flex: 1 1 auto}.btn-connect{flex: none}.integration-login{font-size: var(--fs-caption);line-height: var(--lh-caption);color: var(--muted);overflow-wrap: anywhere}.integration-desc{max-width: 56ch;font-size: var(--fs-caption);line-height: var(--lh-caption);color: var(--muted)}.integration-warn{font-size: var(--fs-caption);line-height: var(--lh-caption);color: var(--amber-text)}.integration-perms{display: flex;flex-direction: column;gap: var(--space-3);margin: 0}.integration-perms:empty{display: none}.integration-perm{padding: var(--space-3) var(--space-4);border-radius: var(--r-sm);background: var(--raised);box-shadow: inset 0 0 0 1px var(--line)}.integration-perm dt{margin-bottom: 2px;font-size: var(--fs-small);font-weight: 500;color: var(--text)}.integration-perm dd{margin: 0;font-size: var(--fs-small);line-height: var(--lh-small);color: var(--muted)}.settings-field__hint--note{margin-top: calc(var(--space-2) * -1)}.settings-input--code{font-size: var(--fs-lead);font-weight: 500;font-variant-numeric: tabular-nums;text-align: center}.settings-code-actions{display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-4)}.settings-link-btn{min-height: var(--hit);padding: 0;border: none;background: none;font-family: inherit;font-size: var(--fs-small);color: var(--amber-text);text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.settings-link-btn:disabled{color: var(--tertiary);text-decoration: none;cursor: default}.settings-link{color: var(--amber-text);text-decoration: underline;text-underline-offset: 3px}.settings-steps{display: flex;flex-direction: column;gap: var(--space-2);margin: 0;padding-left: var(--space-6);font-size: var(--fs-small);line-height: var(--lh-small);color: var(--muted)}.settings-steps strong{font-weight: 600;color: var(--text)}.settings-modal__body [hidden]{display: none}.settings-step{display: flex;flex-direction: column;gap: 18px}
