:root{
  color-scheme:light;
  --accent:#5262bd;
  --accent-hover:#424fa0;
  --link:#4b5bb0;
  --text:#273249;
  --muted:#5e6b83;
  --decor:#7e8bc9;
  --focus:#6274d3;
  --placeholder:#68748c;
  --border:#dfe4ef;
  --border-hover:#aab7e0;
  --hero:#e9edf9;
  --hero-decor:#d8dff4;
  --art-line:#d8def0;
  --art-shadow:#b7c2e64d;
  --on-accent:#ffffff;
  --surface:#ffffff;
  --surface-soft:#fafbfe;
  --surface-hover:#f3f5fc;
  --selected:#edf0fc;
  --background:#f5f6fa;
  --bubble:#f0f2f8;
  --bubble-mine:#e7ebfb;
  --icon-bg:#f0f2f9;
  --avatar-bg:#eeeafa;
  --avatar-text:#7160a2;
  --new-bg:#edf0fb;
  --new-text:#5260a9;
  --progress-bg:#e7effb;
  --progress-text:#3d6594;
  --done-bg:#f0eafa;
  --done-text:#765399;
  --waiting-bg:#fff1de;
  --waiting-text:#86611d;
  --error-bg:#fff0eb;
  --error-text:#a44932;
  --shadow:#25355426;
  --backdrop:#15213a66;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --accent:#93a1f2;
  --accent-hover:#b0bbff;
  --link:#b2bdfb;
  --text:#e7ebf5;
  --muted:#a0abc2;
  --decor:#91a1de;
  --focus:#b0bbff;
  --placeholder:#96a2ba;
  --border:#303a50;
  --border-hover:#6074a4;
  --hero:#222b45;
  --hero-decor:#303e65;
  --art-line:#485676;
  --art-shadow:#080d1a66;
  --on-accent:#141b33;
  --surface:#1b2232;
  --surface-soft:#171e2d;
  --surface-hover:#252f46;
  --selected:#2c3655;
  --background:#121622;
  --bubble:#252e43;
  --bubble-mine:#303c62;
  --icon-bg:#28334d;
  --avatar-bg:#39304d;
  --avatar-text:#d3bcf0;
  --new-bg:#303b5b;
  --new-text:#c0cafc;
  --progress-bg:#263d56;
  --progress-text:#a1cdf9;
  --done-bg:#3b2e50;
  --done-text:#d6b7fa;
  --waiting-bg:#48381f;
  --waiting-text:#f2ce8a;
  --error-bg:#462c2a;
  --error-text:#ffb6a6;
  --shadow:#00000055;
  --backdrop:#080c16b3;
}
@font-face{font-family:Local;src:local("Segoe UI")}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Local,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--link)}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;padding:32px 22px 0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:750;letter-spacing:-.6px}.brand small{display:block;font-size:9px;letter-spacing:1.4px;margin-top:3px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:44px;height:48px;background:var(--accent);color:var(--on-accent);border-radius:14px;font-size:37px;line-height:1}.sidebar-label{font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--muted);margin:42px 9px 13px}nav{display:flex;flex-direction:column;gap:8px}nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px}nav a>span:first-child{font-size:23px;width:24px;font-weight:400;line-height:1}nav a.active{background:var(--selected);color:var(--link)}nav b{margin-left:auto;border-radius:6px;background:var(--accent);color:var(--on-accent);font-size:10px;padding:1px 6px}.sidebar-tip{margin-top:auto;background:var(--surface-soft);border:1px solid var(--border);border-radius:13px;padding:17px;color:var(--muted)}.sidebar-tip>span{font-size:25px;color:var(--decor);display:block}.sidebar-tip strong{font-size:13px}.sidebar-tip p{font-size:12px;margin:6px 0 0}.profile{display:flex;gap:10px;align-items:center;padding:24px 0}.avatar{background:var(--avatar-bg);color:var(--avatar-text);border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:13px;font-weight:700}.profile strong{font-size:13px}.profile small{display:block;font-size:11px;color:var(--muted)}.icon-button{border:0;background:transparent;color:var(--muted);font-size:24px;padding:2px 6px}.profile .icon-button{margin-left:auto}.app-shell{margin-left:250px}.topbar{height:78px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface-soft)}.topbar>span{font-size:10px;letter-spacing:1.2px;color:var(--muted);font-weight:700}.topbar-divider{margin:0 14px;color:var(--placeholder)}#breadcrumb{color:var(--text);letter-spacing:0;text-transform:none;font-size:12px}.button{border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:11px 17px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.button:hover{background:var(--selected)}.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.primary:hover{background:var(--accent-hover);color:var(--on-accent)}.small{padding:9px 13px;font-size:12px}.subtle{background:transparent;border-color:transparent;color:var(--muted)}.full{width:100%}main{max-width:1270px;min-height:calc(100vh - 143px);padding:40px 44px 32px;margin:auto}h1{font-size:30px;letter-spacing:-1px;line-height:1.25;margin:0 0 9px;font-weight:700}h2{font-size:19px;letter-spacing:-.3px;margin:0}h3{font-size:15px;margin:0}.muted,.intro{color:var(--muted)}.intro{margin:0 0 25px;font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted);margin-bottom:13px}.hero{background:var(--hero);border:1px solid var(--border);border-radius:18px;padding:32px;display:flex;align-items:center;gap:20px;overflow:hidden;position:relative}.hero h2{font-size:27px;max-width:480px;line-height:1.3;color:var(--text)}.hero p{font-size:14px;max-width:470px;color:var(--muted);margin:12px 0 21px}.hero-art{margin-left:auto;width:200px;min-width:155px;height:180px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:155px;height:155px;border-radius:50%;background:var(--hero-decor)}.art-card{position:relative;transform:rotate(-8deg);background:var(--surface);border:1px solid var(--border);border-radius:17px;width:127px;height:131px;padding:16px;box-shadow:8px 10px 0 var(--art-shadow);color:var(--link)}.art-card>span{font-size:45px;display:block;line-height:1.1}.art-card i{display:block;height:5px;background:var(--art-line);border-radius:5px;margin:9px 0;width:76px}.art-card i:last-child{width:51px}.art-star{position:absolute;right:5px;top:9px;font-size:53px;color:var(--decor)}.art-dot{position:absolute;bottom:3px;left:3px;font-size:28px;color:var(--decor)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:23px 0 30px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:17px 21px;display:flex;align-items:center;gap:13px}.stat-icon{width:39px;height:39px;border-radius:11px;background:var(--icon-bg);color:var(--decor);display:grid;place-items:center;font-size:20px}.stat:nth-child(2) .stat-icon{background:var(--icon-bg);color:var(--decor)}.stat:nth-child(3) .stat-icon{background:var(--done-bg);color:var(--decor)}.stat strong{font-size:23px;line-height:1;display:block}.stat small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 15px}.section-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.text-link{color:var(--link);font-size:12px;font-weight:600}.ticket-list{background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden}.ticket-row{width:100%;display:flex;gap:15px;align-items:center;text-align:left;background:var(--surface);border:0;border-bottom:1px solid var(--border);padding:18px 20px;color:inherit}.ticket-row:last-child{border-bottom:0}.ticket-row:hover{background:var(--surface-hover)}.ticket-icon{background:var(--icon-bg);color:var(--decor);border-radius:10px;width:41px;height:41px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.ticket-main{flex:1;min-width:0}.ticket-main strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.ticket-main small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.badge{display:inline-block;border-radius:6px;padding:4px 9px;font-size:10px;font-weight:650;white-space:nowrap;background:var(--new-bg);color:var(--new-text)}.badge.progress{background:var(--progress-bg);color:var(--progress-text)}.badge.waiting{background:var(--waiting-bg);color:var(--waiting-text)}.badge.done{background:var(--done-bg);color:var(--done-text)}.unread{background:var(--accent);color:var(--on-accent);border-radius:12px;font-size:10px;padding:3px 7px}.chevron{color:var(--placeholder);margin-left:4px}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:inherit;min-height:185px}.article-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.article-card .category{font-size:10px;color:var(--muted);margin:14px 0 8px}.article-card h3{line-height:1.4}.article-card p{color:var(--muted);font-size:12px;margin:8px 0 0}.article-icon{font-size:25px;color:var(--decor);line-height:1}.empty{padding:35px 24px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--text);font-size:16px;margin-bottom:8px}.empty .button{margin-top:15px}.toolbar{display:flex;gap:12px;margin:23px 0;flex-wrap:wrap}.search{flex:1;min-width:180px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:8px 12px;font-size:12px;color:var(--muted)}.filter.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:11px 12px;color:var(--text);background:var(--surface);font-size:14px}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:var(--placeholder)}label{display:block;font-size:12px;font-weight:600;margin:17px 0 7px;color:var(--text)}.field-note{display:block;font-size:11px;color:var(--muted);margin-top:5px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:23px}.error{color:var(--error-text);font-size:13px;background:var(--error-bg);padding:12px;border-radius:8px;margin-top:14px}.auth-card{max-width:480px;background:var(--surface);padding:30px;border:1px solid var(--border);border-radius:16px;margin:25px auto}.auth-card h2{font-size:24px}.auth-card p{font-size:13px;color:var(--muted)}.auth-card .button{margin-top:22px}dialog{border:1px solid var(--border);border-radius:16px;padding:32px;width:min(620px,calc(100vw - 32px));max-height:90vh;color:var(--text);box-shadow:0 24px 90px var(--shadow)}dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(3px)}.modal-close{position:absolute;right:12px;top:8px}.modal-title{margin-bottom:10px;font-size:25px}.modal-description{font-size:13px;color:var(--muted);margin:0 0 10px}.conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;margin-top:25px}.conversation{border:1px solid var(--border);border-radius:13px;background:var(--surface);overflow:hidden}.conversation-heading{padding:17px 23px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.conversation-heading small{color:var(--muted);font-size:11px}.messages{padding:23px;min-height:270px;max-height:52vh;overflow:auto;background:var(--surface-soft)}.message{max-width:86%;margin:0 auto 20px 0;overflow-wrap:anywhere}.message.mine{margin-left:auto;margin-right:0}.message-meta{font-size:10px;color:var(--muted);margin-bottom:6px}.message.mine .message-meta{text-align:right}.bubble{background:var(--bubble);border:1px solid var(--border);padding:13px 16px;border-radius:0 12px 12px 12px;font-size:13px;white-space:pre-wrap}.mine .bubble{background:var(--bubble-mine);border-color:var(--border);border-radius:12px 0 12px 12px}.reply-form{border-top:1px solid var(--border);padding:17px}.reply-form textarea{min-height:78px;font-size:13px}.reply-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.reply-bottom small{font-size:10px;color:var(--muted)}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:21px;align-self:start}.detail-panel h3{margin-bottom:20px}.detail-panel dl{font-size:12px}.detail-panel dt{color:var(--muted);margin-top:18px}.detail-panel dd{margin:4px 0 0;overflow-wrap:anywhere}.detail-panel .button{margin-top:18px}.article-reading{background:var(--surface);max-width:830px;padding:35px;border:1px solid var(--border);border-radius:16px;margin-top:24px}.article-body{white-space:pre-wrap;line-height:1.85;font-size:15px;overflow-wrap:anywhere}.reading-meta{color:var(--muted);font-size:12px;margin:10px 0 25px}.callout{background:var(--hero);border:1px solid var(--border);padding:22px;border-radius:12px;margin-top:23px;font-size:13px}.callout p{color:var(--muted);margin:5px 0 13px}.invite-result{margin-top:20px;background:var(--hero);border:1px solid var(--border);border-radius:10px;padding:17px;overflow-wrap:anywhere}.invite-result input{font-size:12px;margin:12px 0}.loading{text-align:center;padding:80px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--on-accent);border-radius:10px;padding:13px 22px;font-size:13px;z-index:100;box-shadow:0 6px 25px var(--shadow);max-width:90vw}footer{border-top:1px solid var(--border);padding:22px 44px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}footer span{color:var(--muted)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.back{font-size:12px;color:var(--muted);margin-bottom:22px;display:inline-block}.info-strip{font-size:12px;color:var(--muted);margin-top:17px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.page-heading .intro{margin-bottom:0}
@media(min-width:1500px){main{padding-top:50px}.hero{padding:38px}}@media(max-width:1050px){.sidebar{width:210px;padding:25px 16px 0}.brand{font-size:18px}.brand small{font-size:8px}.app-shell{margin-left:210px}main{padding:30px 25px}.topbar{padding:0 25px}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:25px}.hero h2{font-size:24px}.hero-art{width:145px;min-width:130px}.conversation-layout{grid-template-columns:1fr}.detail-panel{order:-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:15px}.detail-panel h3{display:none}.detail-panel dl{display:flex;gap:15px;margin:0;flex:1}.detail-panel dt{margin-top:0}.detail-panel .button{margin-top:0}.detail-panel label{margin:0}.detail-panel select{width:140px;font-size:12px;padding:8px}.detail-panel .field-note{display:none}.detail-panel dd{max-width:170px}.stat{padding:14px;gap:10px}.stat-icon{display:none}}
@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px 18px 0;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:20px}.brand-mark{height:37px;width:37px;font-size:30px}.sidebar-label,.sidebar-tip,.profile{display:none}.sidebar nav{flex-direction:row;margin-top:16px;gap:3px;overflow:auto}.sidebar nav a{padding:10px 12px;white-space:nowrap;font-size:12px;border-radius:8px 8px 0 0;gap:5px}.sidebar nav a>span:first-child{font-size:17px;width:18px}.app-shell{margin-left:0}.topbar{height:58px;padding:0 18px}.topbar>span{font-size:8px}.topbar-divider{margin:0 7px}.topbar .button{font-size:11px;padding:8px 10px}main{padding:25px 18px}h1{font-size:26px}.hero{padding:22px}.hero h2{font-size:24px}.hero-art{display:none}.hero p{font-size:13px}.stats{gap:8px;margin:17px 0 26px}.stat{padding:13px 10px}.stat strong{font-size:23px}.stat small{font-size:10px}.articles-grid{grid-template-columns:1fr}.article-card{min-height:unset;padding:20px}.ticket-row{padding:15px 13px;gap:10px;flex-wrap:wrap}.ticket-main{min-width:130px}.ticket-icon{width:34px;height:34px}.ticket-main strong{font-size:13px}.chevron{display:none}.badge{font-size:9px}.section-head h2{font-size:18px}.section-head .text-link{font-size:11px}.section-head{gap:6px}footer{padding:18px;display:block;font-size:9px}footer span{display:none}.conversation-layout{margin-top:18px;gap:15px}.detail-panel dl{flex-wrap:wrap}.detail-panel dt,.detail-panel dd{font-size:11px}.messages{padding:17px;max-height:55vh}.message{max-width:94%}.two-fields{grid-template-columns:1fr;gap:0}.article-reading{padding:22px}.page-heading{align-items:start}.page-heading .button{font-size:11px;padding:8px 10px}.auth-card{padding:24px;margin:10px 0}dialog{padding:26px 22px}.reply-bottom small{max-width:150px}.toolbar{gap:9px}.filters{gap:5px}.filter{font-size:11px;padding:7px 9px}}

.top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:700px){.sidebar nav{scrollbar-width:none}.topbar>span{white-space:nowrap}.top-actions{gap:4px}.topbar .subtle{font-size:0;padding:4px 8px}.topbar .subtle:before{content:"⚙";font-size:20px}}

.theme-toggle{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);flex-shrink:0;transition:background .15s,color .15s}
.theme-toggle:hover{background:var(--selected);color:var(--link)}
.theme-toggle svg{width:18px;height:18px}
.theme-sun{display:none}
:root[data-theme="dark"] .theme-sun{display:block}
:root[data-theme="dark"] .theme-moon{display:none}
dialog{background:var(--surface)}
:root{accent-color:var(--accent)}
@media(max-width:700px){.topbar>span{display:none}.topbar{justify-content:flex-end}}

/* Keep navigation and forms reachable by keyboard and on small screens. */
.skip-link{position:fixed;top:10px;left:10px;z-index:200;padding:10px 16px;background:var(--surface);color:var(--link);border:1px solid var(--border);border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.sidebar{overflow-y:auto}
.brand-mark,.avatar{flex-shrink:0}
.profile>div{min-width:0;overflow-wrap:anywhere}
.icon-button,.theme-toggle{min-width:44px;min-height:44px}
nav a,.button,.filter{min-height:44px}
#kb-category{width:auto;flex:0 1 230px}
.hero>div:first-child,.page-heading>div{min-width:0}
h1,h2,h3{overflow-wrap:anywhere}
.page-heading,.section-head{flex-wrap:wrap}
.form-actions{flex-wrap:wrap}
.messages:focus-visible{outline-offset:-4px}
.reply-bottom .button{flex-shrink:0;white-space:nowrap}
.discord-panel{margin-top:24px}
.custom-select{position:relative;width:100%;min-width:0}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text);text-align:left;font-weight:400}
.select-trigger:hover{border-color:var(--border-hover);background:var(--surface-hover)}
.select-trigger[aria-expanded="true"]{border-color:var(--focus)}
.select-trigger svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.select-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-list{position:fixed;inset:auto;margin:0;padding:6px;max-width:calc(100vw - 24px);border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);box-shadow:0 12px 40px #0003;overflow-y:auto;overscroll-behavior:contain}
.select-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;min-height:44px;border-radius:8px;cursor:pointer;font-size:14px}
.select-option:hover,.select-option.is-active{background:var(--selected);color:var(--link)}
.select-option[aria-selected="true"]{font-weight:650}
.select-option[aria-selected="true"]::after{content:'✓';color:var(--link)}
.toolbar .custom-select{flex:0 1 230px;width:230px}
@media(max-width:700px){.toolbar .custom-select{flex:1 1 180px;width:auto}.select-trigger,.select-option{font-size:16px}}
.check-label{display:flex;align-items:center;gap:12px;margin:20px 0}
.check-label input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}
.discord-panel .form-actions{flex-wrap:wrap}
.status-explanation{margin:14px 0;line-height:1.6;color:var(--muted)}
@media(min-width:701px) and (max-width:860px){.topbar>span{display:none}.topbar{justify-content:flex-end}}
@media(max-width:700px){
  .sidebar{overflow:visible}
  input,select,textarea{font-size:16px}
  .reply-form textarea{font-size:16px}
  #kb-category{flex:1 1 180px;max-width:100%}
  .topbar .subtle{min-width:44px}
  .detail-panel select{width:100%;font-size:16px}
  .detail-panel>div{max-width:100%}
  .conversation-heading{flex-wrap:wrap}
  .loading{padding:50px 20px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.notification-settings{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);}.notification-settings p{font-size:14px;line-height:1.6;margin:10px 0;}

.invitation-list{display:grid;gap:12px;margin-top:20px}.invitation-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--border);border-radius:12px}.invitation-detail{min-width:0}.invitation-detail strong{overflow-wrap:anywhere;margin-right:12px}.invitation-detail p{margin:8px 0 0}.invitation-card>button{flex-shrink:0}.invitation-history .section-head{margin:0 0 12px}.invitation-history .section-head h2{margin:0}@media(max-width:600px){.invitation-card{align-items:flex-start;flex-direction:column;gap:12px}}

.language-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:10px;flex-shrink:0}.language-switch button{background:transparent;border:0;border-radius:7px;color:var(--muted);font:inherit;font-size:12px;font-weight:700;padding:6px 8px;cursor:pointer}.language-switch button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.language-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.ai-chat{max-width:950px;padding:26px}.ai-heading{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--border)}.ai-heading .badge{margin-left:auto}.ai-heading p{margin:3px 0 0}.ai-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent);color:var(--on-accent);font-size:29px;flex-shrink:0}.ai-messages{max-height:55vh;min-height:220px;overflow:auto;padding:24px 0;overscroll-behavior:contain}.ai-welcome{text-align:center;max-width:490px;margin:25px auto;color:var(--muted)}.ai-welcome>span{font-size:44px;color:var(--decor)}.ai-welcome h2{font-size:21px;color:var(--text)}.ai-welcome p{font-size:14px}.ai-message{max-width:93%;margin-bottom:22px}.ai-user{margin-left:auto;max-width:85%}.ai-user .message-meta{text-align:right}.ai-bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;padding:17px 20px;background:var(--bubble);border:1px solid var(--border);border-radius:4px 14px 14px}.ai-user .ai-bubble{background:var(--bubble-mine);border-radius:14px 4px 14px 14px}.ai-actions{display:flex;gap:18px;align-items:center;justify-content:space-between}.ai-actions p{font-size:12px;margin:12px 0;max-width:520px}.ai-actions button{flex-shrink:0}.ai-consent{margin-top:14px}.ai-settings .custom-select{width:100%;margin-bottom:12px}.ai-settings input[type=number]{max-width:220px}.ai-settings .field-note{margin-top:8px}.ai-settings .check-label{margin:18px 0}@media(max-width:700px){.ai-chat{padding:18px}.ai-actions{align-items:stretch;flex-direction:column;gap:5px}.ai-heading{gap:9px;flex-wrap:wrap}.ai-heading .badge{margin-left:0}.ai-message{max-width:100%}.ai-user{max-width:94%}.ai-heading strong{font-size:14px}.sidebar nav a{font-size:11px}}