@import "https://fonts.googleapis.com/css?family=Lato:400,500,700&display=swap";:root{--color-bg:#0e0e11;--color-surface:#141419;--color-surface-raised:#191921;--color-input-bg:#22222b;--color-border:#2c2c38;--color-text:#f4f4f6;--color-text-muted:#9ca3af;--color-text-faint:#71717a;--color-accent:#e5b26e;--color-accent-contrast:#14140f;--color-danger:#f43f5e;--color-danger-strong:#9f1233;--color-success:#10b981;--color-player:#8b5cf6;--color-stop:#7f1d1d;--rail-width:260px;--radius:8px;--radius-lg:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text)}.rail-brand{align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.rail-brand__badge{border:1.5px solid var(--color-accent);background:#e5b26e14;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rail-brand__badge img{width:16px;height:16px}.rail-brand__name{color:var(--color-text);font-size:1.3rem}.rail-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 .75rem;font-size:.8rem}.rail-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.rail-list__item{border-radius:var(--radius);color:var(--color-text-muted);cursor:default;padding:.5rem .6rem;font-size:.9rem}.rail-list__item:hover{background:var(--color-bg)}.rail-list__row{align-items:center;gap:.15rem;display:flex}.rail-list__item--button{min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;display:flex}.rail-error{color:var(--color-danger);margin:.5rem 0 .75rem;font-size:.8rem;line-height:1.4}.rail-list__item--active{background:var(--color-accent);color:var(--color-accent-contrast)}.rail-list__item--active:hover{background:var(--color-accent)}.rail-list__item-title{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--color-text);overflow:hidden}.rail-list__item--active .rail-list__item-title{color:inherit}.rail-list__item-meta{opacity:.7;font-size:.75rem}.rail-list__empty{color:var(--color-text-muted);padding:.5rem .6rem;font-size:.85rem;font-style:italic}.rail-campaign{flex-direction:column;display:flex}.rail-subnav{border-left:2px solid var(--color-border);flex-direction:column;gap:.15rem;margin:.25rem 0 .5rem;padding-left:.75rem;list-style:none;display:flex}.rail-subnav__item{border-radius:var(--radius);width:100%;color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.85rem;display:flex}.rail-subnav__icon{width:13px;height:13px;-webkit-mask-image:var(--icon-src);-webkit-mask-image:var(--icon-src);mask-image:var(--icon-src);background-color:currentColor;flex:none;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rail-subnav__item:hover{background:var(--color-bg);color:var(--color-text)}.rail-subnav__item--active{background:var(--color-accent);color:var(--color-accent-contrast)}.rail-subnav__item--active:hover{background:var(--color-accent)}.rail-button{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem;font-family:inherit;display:flex}.rail-button:hover{background:var(--color-bg)}.rail-button:disabled{opacity:.5;cursor:default;background:0 0}.rail-button__icon{flex:none;width:12px;height:12px}.rail-button--primary{background:var(--color-accent);color:var(--color-accent-contrast);border:none;margin-top:0;margin-bottom:1rem;font-weight:700}.rail-button--primary:hover{background:var(--color-accent);opacity:.9}.rail-button--primary:disabled{background:var(--color-accent);color:var(--color-accent-contrast)}.rail-button--outline{border:1px solid var(--color-accent);color:var(--color-accent);letter-spacing:.03em;text-transform:uppercase;background:#e5b26e14;margin-top:0;margin-bottom:1.25rem;padding:.7rem;font-size:.8rem;font-weight:700}.rail-button--outline:hover{background:#e5b26e24}.rail-button--outline:disabled{color:var(--color-accent);border-color:var(--color-accent);background:#e5b26e14}.user-profile{border-radius:var(--radius-lg);background:var(--color-input-bg);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:flex}.user-profile__avatar{border:1.5px solid var(--color-accent);width:40px;height:40px;color:var(--color-accent);background:#e5b26e14;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.user-profile__info{flex:1;min-width:0}.user-profile__name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;font-weight:700;overflow:hidden}.user-profile__email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:.1rem 0 0;font-size:.75rem;overflow:hidden}.user-profile__settings{border-radius:var(--radius);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.user-profile__settings img{width:16px;height:16px}.user-profile__settings:hover{background:var(--color-surface)}.connection-status{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.connection-form{flex-direction:column;gap:.85rem;margin-bottom:.75rem;display:flex}.field{color:var(--color-text-muted);font-size:.8rem;display:block}.field__hint{opacity:.75;font-weight:400}.field__input{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-input-bg);width:100%;color:var(--color-text);margin-top:.35rem;padding:.45rem .6rem;font-family:inherit;font-size:.85rem;display:block}.field__input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.field__with-toggle{position:relative}.field__with-toggle .field__input,.field__with-toggle .form-field__input{padding-right:2.4rem}.field__toggle{border-radius:var(--radius);width:1.8rem;height:1.8rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.field__toggle img{width:14px;height:14px}.field__toggle:hover{color:var(--color-text);background:var(--color-bg)}.connection-error{color:var(--color-danger);margin-top:.75rem;font-size:.8rem}.model-picker{color:var(--color-text-muted);margin-top:1rem;font-size:.8rem;display:block}.model-picker select{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-input-bg);width:100%;color:var(--color-text);margin-top:.35rem;padding:.4rem;display:block}.model-picker__hint{color:var(--color-text-muted);margin:.5rem 0 0;font-size:.78rem;line-height:1.4}.status-dot{background:var(--color-text-muted);border-radius:50%;flex:none;width:8px;height:8px}.status-dot--connected{background:var(--color-success)}.status-dot--error{background:var(--color-danger)}.status-dot--connecting{background:#e0a52c}.main-header{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.main-header__toggle{border-radius:var(--radius);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.main-header__toggle img{width:18px;height:18px}.main-header__toggle:hover{background:var(--color-bg)}.main-header__title-block{flex:1;min-width:0}.main-header__right{flex:none;align-items:center;gap:.75rem;display:flex}.main-header__title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;overflow:hidden}.main-header__breadcrumb{color:var(--color-text-muted);margin:.15rem 0 0;font-size:.8rem}.model-badge{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem;font-size:.85rem;display:flex}.model-badge__name{font-family:inherit}.response-window{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.response-window__empty{color:var(--color-text-muted);text-align:center;margin:auto}.message{border-radius:var(--radius-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);padding:1rem 1.25rem}.message__header{align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.message__role-icon{flex:none;width:14px;height:14px}.message__role{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.message--assistant .message__role{color:var(--color-accent)}.message--user .message__role{color:var(--color-player)}.message--system .message__role{color:var(--color-text-muted)}.message__content{line-height:1.6}.message__content--pending{opacity:.6;font-style:italic}.message__content--streaming:after{content:"▍";margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.message__content>:first-child{margin-top:0}.message__content>:last-child{margin-bottom:0}.message__content p{white-space:pre-wrap;margin:0 0 .85em}.message__content h1,.message__content h2,.message__content h3,.message__content h4,.message__content h5,.message__content h6{color:var(--color-accent);margin:1.1em 0 .5em;line-height:1.3}.message__content h1{font-size:1.25rem}.message__content h2{font-size:1.15rem}.message__content h3{font-size:1.05rem}.message__content h4,.message__content h5,.message__content h6{font-size:1rem}.message__content ul,.message__content ol{margin:0 0 .85em;padding-left:1.4em}.message__content li{margin:.25em 0}.message__content li>p{margin:0}.message__content strong{color:var(--color-text);font-weight:700}.message__content em{font-style:italic}.message__content a{color:var(--color-accent)}.message__content code{background:var(--color-input-bg);border-radius:4px;padding:.1em .4em;font-family:ui-monospace,monospace;font-size:.88em}.message__content pre{border-radius:var(--radius);background:var(--color-input-bg);margin:0 0 .85em;padding:.85em 1em;overflow-x:auto}.message__content pre code{background:0 0;padding:0}.message__content blockquote{border-left:3px solid var(--color-border);color:var(--color-text-muted);margin:0 0 .85em;padding:.1em 0 .1em 1em}.message__content hr{border:none;border-top:1px solid var(--color-border);margin:1em 0}.message__content table{border-collapse:collapse;margin:0 0 .85em;font-size:.92em}.message__content th,.message__content td{border:1px solid var(--color-border);padding:.4em .7em}.message__quote{background:var(--color-input-bg);border-left:3px solid var(--color-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:.05em .55em;font-style:italic}@keyframes blink{50%{opacity:0}}.message-error{color:var(--color-danger);align-self:flex-start;font-size:.9rem}.prompt-input{background:var(--color-bg);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.prompt-input__bar{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);align-items:center;gap:.75rem;width:100%;padding:1rem;display:flex}.prompt-input__bar:focus-within{border-color:var(--color-accent)}.prompt-input__textarea{resize:none;min-height:4.2em;max-height:12em;color:var(--color-text);background:0 0;border:none;flex:1;padding:0;font-family:inherit;font-size:.875rem;line-height:1.4;overflow-y:auto}.prompt-input__textarea::placeholder{color:var(--color-text-faint)}.prompt-input__textarea:focus{outline:none}.prompt-input__send,.prompt-input__stop{cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.prompt-input__send img,.prompt-input__stop img{width:15px;height:15px}.prompt-input__send{background:var(--color-accent)}.prompt-input__send:hover:not(:disabled){opacity:.9}.prompt-input__send:disabled{opacity:.5;cursor:not-allowed}.prompt-input__stop{background:var(--color-stop)}.prompt-input__stop:hover{opacity:.85}.prompt-input__hint{color:var(--color-text-faint);text-align:center;margin:0;font-size:.7rem}.chat-view{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.time-jump-gate__backdrop{z-index:20;cursor:pointer;background:#78350f73;flex-direction:column;justify-content:flex-end;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.time-jump-gate__popover{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:default;flex-direction:column;align-items:flex-start;gap:.65rem;width:100%;max-width:420px;margin-bottom:6.5rem;padding:.85rem 1.1rem;display:flex;box-shadow:0 8px 24px -4px #00000080}.time-jump-gate__title{color:var(--color-text);margin:0;font-size:.8125rem;font-weight:700}.time-jump-gate__options{flex-wrap:wrap;gap:.5rem;display:flex}.time-jump-gate__chip{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .9rem;font-family:inherit;font-size:.8125rem;transition:border-color .15s,color .15s;display:inline-flex}.time-jump-gate__chip:hover,.time-jump-gate__chip:focus-visible{border-color:var(--color-accent);color:var(--color-accent);outline:none}.app-shell{grid-template-columns:var(--left-rail-width,var(--rail-width)) minmax(0, 1fr) var(--right-rail-width,var(--rail-width));width:100%;height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell__rail{background:var(--color-surface);min-width:0;padding:1rem;overflow:hidden auto}.app-shell__rail--left{border-right:1px solid var(--color-border)}.app-shell__rail--right{border-left:1px solid var(--color-border)}.app-shell__rail--collapsed{border-color:#0000;padding:0}.app-shell__main{flex-direction:column;min-width:0;height:100vh;display:flex}.app-shell__backdrop{z-index:25;cursor:default;background:#00000073;border:none;width:100%;padding:0;display:none;position:fixed;inset:0}@media (width<=900px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-shell__rail{z-index:30;width:min(85vw,300px);transition:transform .18s;position:fixed;top:0;bottom:0;box-shadow:0 0 24px #0006}.app-shell__rail--left{left:0}.app-shell__rail--right{right:0}.app-shell__rail--left.app-shell__rail--collapsed{transform:translate(-100%)}.app-shell__rail--right.app-shell__rail--collapsed{transform:translate(100%)}.app-shell__backdrop{display:block}}.confirm-dialog__backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;max-width:420px;padding:1.5rem}.confirm-dialog__title{margin:0 0 .6rem;font-size:1.1rem}.confirm-dialog__message{color:var(--color-text-muted);margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.confirm-dialog__actions{justify-content:flex-end;gap:.75rem;display:flex}.confirm-dialog__cancel{width:auto;margin:0;padding:.55rem 1.1rem}.confirm-dialog__confirm{background:var(--color-danger);color:#fff;border:none;width:auto;margin:0;padding:.55rem 1.1rem;font-weight:600}.confirm-dialog__confirm:hover{opacity:.9}.confirm-dialog__confirm:disabled{opacity:.5;cursor:default}.prompt-form{flex-direction:column;flex:1;gap:1.25rem;max-width:70ch;padding:1.5rem;display:flex;overflow-y:auto}.form-field{color:var(--color-text-muted);font-size:.85rem;display:block}.form-field__label{margin-bottom:.4rem;font-weight:600;display:block}.form-field__label-hint{opacity:.75;font-weight:400}.form-field__input,.form-field__textarea,.form-field__select{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-input-bg);width:100%;color:var(--color-text);padding:.6rem .7rem;font-family:inherit;font-size:.95rem;display:block}.form-field__textarea{resize:vertical;line-height:1.45}.form-field__input:focus,.form-field__textarea:focus,.form-field__select:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.form-field__select{cursor:pointer}.field-error{color:var(--color-danger);margin:.35rem 0 0;font-size:.8rem;line-height:1.4}.field-success{color:var(--color-success);margin:.35rem 0 0;font-size:.8rem;line-height:1.4}.prompt-form__status{color:var(--color-text-muted);padding:1.5rem;font-style:italic}.prompt-form__actions{padding-top:.5rem;display:flex}.prompt-form__save{width:auto;margin:0;padding:.6rem 1.4rem}.form-section{border-top:1px solid var(--color-border);flex-direction:column;gap:1.25rem;padding-top:.5rem;display:flex}.form-section__title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0;font-size:.8rem}.form-section--first{border-top:none;padding-top:0}.wb-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}.wb-toggle-row__label{color:var(--color-text);font-size:.9rem}.wb-toggle{flex:none;width:40px;height:24px;position:relative}.wb-toggle__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.wb-toggle__track{background:var(--color-border);border-radius:999px;transition:background .15s;position:absolute;inset:0}.wb-toggle__track:before{content:"";background:var(--color-surface);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.wb-toggle__input:checked+.wb-toggle__track{background:var(--color-accent)}.wb-toggle__input:checked+.wb-toggle__track:before{transform:translate(16px)}.wb-toggle__input:focus-visible+.wb-toggle__track{outline:2px solid var(--color-accent);outline-offset:2px}.wb-danger-zone{border-top-color:var(--color-danger)}.wb-danger-zone__title{color:var(--color-danger)}.wb-danger-zone__body{color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.5}.wb-danger-zone__delete{border-color:var(--color-danger);width:auto;color:var(--color-danger);margin:0;padding:.55rem 1.2rem}.wb-danger-zone__delete:hover{background:var(--color-danger);color:#fff}.characters-page{flex:1;padding:1.5rem;overflow-y:auto}.characters-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.character-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);flex-direction:column;display:flex;overflow:hidden}.character-card__image{aspect-ratio:3/4;background:var(--color-bg);justify-content:center;align-items:center;display:flex;overflow:hidden}.character-card__image img{object-fit:cover;width:100%;height:100%}.character-card__image-placeholder{color:var(--color-text-muted);font-size:.8rem}.character-card__body{flex-direction:column;gap:.35rem;padding:.85rem;display:flex}.character-card__row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.character-card__name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.character-card__meta{color:var(--color-accent);margin:0;font-size:.8rem}.character-card__edit{border-radius:var(--radius);background:var(--color-input-bg);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.character-card__edit img{width:13px;height:13px}.character-card__edit:hover{background:var(--color-border)}.add-character-card{border:1px dashed var(--color-border);border-radius:var(--radius-lg);min-height:220px;color:var(--color-text);text-align:center;cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;display:flex}.add-character-card:hover{border-color:var(--color-accent);background:#e5b26e0d}.add-character-card__icon{background:#e5b26e1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.add-character-card__icon img{width:16px;height:16px}.add-character-card__title{font-size:.9rem;font-weight:700}.add-character-card__body{color:var(--color-text-faint);font-size:.8rem;line-height:1.4}.character-form__back{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.4rem;padding:0;font-size:.85rem;display:flex}.character-form__back img{width:12px;height:12px}.character-form__back:hover{color:var(--color-text)}.character-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.character-form__row--four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=700px){.character-form__row,.character-form__row--four{grid-template-columns:1fr}}.character-form__actions{gap:.75rem;padding-top:.5rem;display:flex}.character-form__save{width:auto;margin:0;padding:.6rem 1.4rem}.character-form__delete{border-color:var(--color-danger);width:auto;color:var(--color-danger);margin:0;padding:.6rem 1.4rem}.character-form__delete:hover{background:var(--color-danger);color:#fff}.image-dropzone{border:1px dashed var(--color-border);border-radius:var(--radius);background:var(--color-bg);cursor:pointer;justify-content:center;align-items:center;min-height:160px;margin-top:.35rem;display:flex;overflow:hidden}.image-dropzone:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.image-dropzone--active{border-color:var(--color-accent);background:var(--color-surface)}.image-dropzone__hint{color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;font-size:.85rem;display:flex}.image-dropzone__icon{width:20px;height:20px}.image-dropzone__preview{object-fit:contain;width:100%;max-height:220px}.image-dropzone__input{display:none}.image-dropzone__remove{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.8rem}.image-dropzone__remove:hover{color:var(--color-danger)}.settings-layout{flex:1;gap:2rem;padding:1.5rem;display:flex;overflow-y:auto}.settings-categories{flex-direction:column;flex:none;gap:.25rem;width:200px;display:flex}.settings-categories__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);margin:0 0 .5rem;font-size:.75rem}.settings-categories__item{border-radius:var(--radius);color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.6rem .7rem;font-family:inherit;font-size:.85rem;display:flex}.settings-categories__item img{flex:none;width:14px;height:14px}.settings-categories__item:hover{background:var(--color-surface);color:var(--color-text)}.settings-content{flex-direction:column;flex:1;gap:1.25rem;min-width:0;max-width:640px;display:flex}.settings-content form{flex-direction:column;gap:1.25rem;display:flex}.settings-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.settings-card__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.25rem;display:flex}.settings-card__title{margin:0 0 .3rem;font-size:1.1rem;font-weight:400}.settings-card__subtitle{color:var(--color-text-faint);margin:0;font-size:.8rem}.settings-card__status{flex:none;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.settings-card__status--connected{color:var(--color-success)}.settings-card__status--error{color:var(--color-danger)}.settings-card__status--connecting{color:#e0a52c}.settings-footer{justify-content:flex-end;display:flex}.settings-footer__save{width:auto;margin:0;padding:.6rem 1.6rem}.settings-logout__button{border-color:var(--color-danger);width:auto;color:var(--color-danger);margin:0;padding:.55rem 1.2rem}.settings-logout__button:hover{background:var(--color-danger);color:#fff}.auth-page{background:var(--color-bg);justify-content:center;align-items:center;width:100%;height:100vh;padding:1.5rem;display:flex}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);width:100%;max-width:380px;padding:2rem}.auth-card__brand{justify-content:center;align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.auth-card__brand-badge{border:1.5px solid var(--color-accent);background:#e5b26e14;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.auth-card__brand-badge img{width:17px;height:17px}.auth-card__brand-name{color:var(--color-text);font-size:1.6rem}.auth-card__subtitle{color:var(--color-text-muted);text-align:center;margin:0 0 1.5rem;font-size:.85rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-card__submit{width:100%;margin-top:.25rem;padding:.65rem}.auth-card__switch{color:var(--color-text-muted);text-align:center;margin:1.25rem 0 0;font-size:.85rem}.auth-card__switch-link{color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.auth-card__switch-link:hover{text-decoration:underline}.auth-loading{height:100vh;color:var(--color-text-muted);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-success{text-align:center}.auth-success__icon{margin-bottom:.75rem;font-size:2rem}.auth-success__title{margin:0 0 .5rem;font-size:1.15rem}.auth-success__body{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}