@import url("/static/library-theme/workspace-appearance.css?v=20261016-reconcile1");
/* SI Library / Quiet study. Pinned to Open WebUI 0.12.0. */
:root {
  --library-paper: #f7f7f1;
  --library-surface: #fffefb;
  --library-ink: #233f34;
  --library-muted: #647368;
  --library-green: #245143;
  --library-line: #e0e5da;
  --library-soft: #ebf0e6;
  --color-gray-50: #f2f3ec;
  --color-gray-100: #eaf0e5;
  --color-gray-200: #dce3d8;
  --color-gray-300: #c3cfc1;
  --color-gray-400: #8c9a8d;
  --color-gray-500: #66756a;
  --color-gray-600: #4c6256;
  --color-gray-700: #354f42;
  --color-gray-800: #293e34;
  --color-gray-850: #23362e;
  --color-gray-900: #1c2c25;
  --color-gray-950: #13221b;
}
html:not(.dark) body {
  background: var(--library-paper) !important;
  color: var(--library-ink) !important;
}
body {
  font-family: system-ui, 'Microsoft YaHei', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
html:not(.dark) #chat-container, html:not(.dark) #chat-pane { background: var(--library-paper) !important; }
html:not(.dark) #sidebar { background: #eef0e7 !important; color: var(--library-ink) !important; }
#sidebar:has(#sidebar-webui-name) { padding: 14px 8px 4px; }
#sidebar:has(#sidebar-webui-name) > div { border-color: transparent !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; }
#sidebar .sidebar { margin-bottom: 15px; padding: 2px 4px 12px; }
#sidebar-webui-name { font-family: Georgia, 'Times New Roman', serif; font-size: 21px; font-weight: 600 !important; letter-spacing: -.6px; }
#sidebar-webui-name::after { content: attr(data-library-subtitle); display: block; font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif; font-size: 10px; letter-spacing: 1px; margin-top: 3px; color: var(--library-muted); }
#sidebar .sidebar-new-chat-icon { width: 31px; height: 31px; border-radius: 9px; }
#sidebar a#sidebar-new-chat-button { background: var(--library-green) !important; color: #fffdf5 !important; border-radius: 11px; padding: 12px; margin: 0 1px 12px; box-shadow: 0 3px 8px #234b4010; }
#sidebar a#sidebar-new-chat-button:hover { background: #315c4c !important; }
#sidebar a#sidebar-new-chat-button [class*='text-gray'] { color: #d9e5d8 !important; }
/* Native chat is a library tool; the platform dashboard is the home entry. */
#sidebar a#sidebar-new-chat-button { background: transparent !important; color: var(--library-ink) !important; box-shadow: none; border: 1px solid var(--library-line); }
#sidebar a#sidebar-new-chat-button:hover { background: var(--library-soft) !important; }
#sidebar a#sidebar-new-chat-button [class*='text-gray'] { color: var(--library-muted) !important; }
#sidebar .library-dashboard-link { font-weight: 400; }
#sidebar .library-service-link { margin-top: 9px; border-top: 1px solid var(--library-line); border-radius: 0; }
#sidebar .library-nav-link[hidden], #sidebar #sidebar-new-chat-button[hidden], #sidebar #sidebar-search-button[hidden], #sidebar #sidebar-notes-button[hidden], #sidebar #sidebar-workspace-button[hidden] { display: none !important; }
#sidebar #sidebar-search-button, #sidebar #sidebar-notes-button, #sidebar #sidebar-workspace-button, .library-nav-link { min-height: 43px; padding: 10px 12px; gap: 11px; }
#sidebar a:hover, #sidebar button:hover { transition: background-color 160ms, color 160ms; }
.library-nav-link { display: flex; align-items: center; border-radius: 11px; margin: 0 4px; font-size: 13px; }
.library-nav-link svg { width: 17px; height: 17px; }
#sidebar-chats-content { margin-top: 9px; }
#sidebar #sidebar-chat-item { min-height: 40px; padding: 10px 12px; }
.library-sidebar-note { display: flex; gap: 10px; align-items: center; flex-shrink: 0; padding: 16px 12px 18px; margin-top: 4px; border-top: 1px solid var(--library-line); font-size: 11px; color: var(--library-muted); }
.library-sidebar-note svg { width: 17px; height: 17px; flex-shrink: 0; }
.library-sidebar-note strong { display: block; font-weight: 500; color: var(--library-ink); }
.library-sidebar-note span { display: block; font-size: 10px; margin-top: 3px; }
html:not(.dark) #chat-container nav { background: #f7f5eefa; border-bottom: 1px solid #e5e7dd; }
#chat-container nav { padding: 12px 18px !important; min-height: 55px; margin-bottom: 0 !important; gap: 12px; }
#chat-container nav > div:first-child { gap: 14px; }
.library-local-badge { color: var(--library-green); background: var(--library-soft); border: 1px solid #d9e3d3; padding: 5px 10px; border-radius: 100px; white-space: nowrap; font-size: 11px; display: inline-flex; gap: 6px; align-items: center; flex-shrink: 0; }
.library-local-badge svg { height: 13px; width: 13px; }
#navbar-bg-gradient-to-b { display: none !important; }
#chat-pane { scrollbar-color: #c7d0c1 transparent; }
html:not(.dark) #message-input-container { background: var(--library-surface) !important; color: var(--library-ink); border: 1px solid #cfd9ca !important; }
#message-input-container { border-radius: 20px !important; box-shadow: 0 8px 24px #253e3508, 0 2px 4px #253e3504 !important; padding: 8px 10px !important; transition: box-shadow 180ms, border-color 180ms; }
#message-input-container:focus-within { border-color: #769481 !important; box-shadow: 0 0 0 3px #7c99851a, 0 8px 24px #253e3508 !important; }
#chat-input { font-size: 16px !important; line-height: 1.85; min-height: 45px; }
#chat-input p.is-editor-empty::before { color: #7b8679 !important; }
#input-menu-button { color: var(--library-green) !important; background: var(--library-soft) !important; width: 33px; height: 33px; }
#send-message-button:not(:disabled) { background: var(--library-green) !important; color: white !important; }
#send-message-button:disabled { background: #d7dfd1 !important; color: #7b8c76 !important; opacity: .65; cursor: not-allowed; }
#model-selector-model-button { color: var(--library-muted); font-size: 12px; }
.library-welcome-content { max-width: 920px !important; transform: none !important; padding: 45px 48px 52px !important; }
.library-welcome #chat-pane > div { min-height: min-content; }
.library-native-intro, .library-native-suggestions { display: none !important; }
.library-welcome-content #message-input-container { width: 100%; }
.library-welcome-content .max-w-\[58rem\] { padding-left: 0 !important; padding-right: 0 !important; }
.library-hero { display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; width: 100%; text-align: left; margin-bottom: 28px; gap: 12px; }
.library-hero-copy { position: relative; z-index: 1; }
.library-eyebrow { font-size: 10px; color: #73816e; font-weight: 600; letter-spacing: 2.4px; margin-bottom: 17px; }
.library-hero h1 { font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif; font-size: clamp(25px, 2.7vw, 34px); line-height: 1.55; letter-spacing: -1.1px; color: var(--library-ink); font-weight: 600; white-space: nowrap; margin: 0 0 15px; }
.library-hero p { color: var(--library-muted); font-size: 14px; line-height: 1.95; margin: 0; }
.library-hero img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; border-radius: 20px; }
.library-hero-meta { display: flex; align-items: center; gap: 8px; margin-top: 24px; font-size: 11px; color: #73816e; letter-spacing: 1px; }
.library-hero-meta svg { width: 15px; height: 15px; }
.library-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; margin-bottom: 16px; }
.library-action { display: flex; align-items: center; gap: 14px; text-align: left; background: #fffefa99; border: 1px solid var(--library-line); border-radius: 14px; padding: 18px; color: var(--library-ink); cursor: pointer; transition: border-color 150ms, background-color 150ms, transform 150ms; }
.library-action > svg { width: 22px; height: 22px; color: #59735f; flex-shrink: 0; }
.library-action > svg:last-child { margin-left: auto; width: 16px; height: 16px; color: #81917e; }
.library-action strong { display: block; font-size: 13px; font-weight: 600; }
.library-action small { display: block; font-size: 11px; margin-top: 5px; color: var(--library-muted); }
.library-action:hover { border-color: #95ac96; background: #fffefa; transform: translateY(-2px); }
.library-reading-note { display: flex; align-items: flex-start; justify-content: center; gap: 7px; width: 100%; font-size: 11px; line-height: 1.8; font-weight: 400; color: #72816e; margin-top: 18px; text-align: left; }
.library-reading-note svg { width: 14px; height: 14px; margin-top: 3px; flex-shrink: 0; }
.library-reading-note kbd { padding: 0 4px; border: 1px solid #d7dfd0; border-radius: 4px; background: #eff2e9; font-family: inherit; }
.library-mobile-break { display: none; }
#messages-container { padding-top: 24px; }
#response-content-container { font-size: 16px; line-height: 1.9; }
#response-content-container p { line-height: 1.9; }
#response-content-container button[aria-label^='查看来源'], #response-content-container button[aria-label^='View Source'], #response-content-container button[aria-label^='Ver fuente'] { background: #e6eee1 !important; color: #365e42 !important; border: 1px solid #d3dfce; border-radius: 6px !important; padding: 1px 7px !important; font-size: 11px !important; }
#response-content-container button[aria-label^='展开/收起'] { border: 1px solid var(--library-line); border-radius: 9px; padding: 7px 10px; background: #fffefa; color: var(--library-green); }
body :is(button, a, [role='button'], input, textarea):focus-visible { outline: 2px solid #608467 !important; outline-offset: 3px; }
html.dark { --library-paper: #1c2c25; --library-surface: #263a30; --library-ink: #e4ecdf; --library-muted: #afbcac; --library-line: #415547; --library-soft: #304b3a; }
html.dark .library-local-badge, html.dark .library-action, html.dark .library-reading-note kbd { background: #263c2e; color: #dce8d6; border-color: #435a47; }
html.dark .library-hero img { mix-blend-mode: normal; opacity: .85; }
html.dark .library-sidebar-note strong { color: #dce8d6; }
html.dark #input-menu-button { color: #dce8d6 !important; }
html.dark #response-content-container button[aria-label^='展开/收起'] { background: #263c2e; color: #dce8d6; }
@media (max-width: 1023px) { .library-welcome-content { padding: 34px 24px 40px !important; } .library-hero { grid-template-columns: 1.4fr 1fr; } .library-action { padding: 15px 12px; gap: 10px; } }
@media (max-width: 640px) {
  #chat-container nav { padding: 10px 6px !important; min-height: 48px; gap: 7px; }
  #chat-container nav > div:first-child { gap: 6px; }
  .library-local-badge { font-size: 10px; padding: 4px 7px; }
  .library-welcome-content { padding: 26px 14px 26px !important; margin-top: 20px !important; margin-bottom: auto !important; }
  .library-hero { display: block; position: relative; margin-bottom: 22px; }
  .library-hero img { width: 145px; position: absolute; right: -7px; top: -5px; opacity: .22; }
  html.dark .library-hero img { opacity: .22; }
  .library-eyebrow { font-size: 9px; letter-spacing: 1.6px; margin-bottom: 12px; }
  .library-hero h1 { font-size: 25px; letter-spacing: -1px; white-space: normal; margin-bottom: 12px; }
  .library-hero p { font-size: 12px; line-height: 1.9; }
  .library-hero-meta { margin-top: 15px; font-size: 10px; }
  .library-actions { gap: 8px; }
  .library-action { padding: 13px 10px; gap: 8px; }
  .library-action strong { font-size: 12px; }
  .library-action small { font-size: 10px; line-height: 1.5; }
  .library-action > svg { width: 17px; height: 17px; }
  .library-action > svg:last-child { display: none; }
  #message-input-container { border-radius: 16px !important; padding: 6px !important; }
  #chat-input { font-size: 15px !important; }
  .library-reading-note { font-size: 10px; justify-content: flex-start; margin-top: 12px; }
  .library-mobile-break { display: block; }
}
@media (prefers-reduced-motion: reduce) { .library-action, #message-input-container { transition: none; } .library-action:hover { transform: none; } }


/* Native three-language control. No overlay: all existing navigation stays usable. */
.library-nav-tools { display: flex; align-items: center; gap: 10px; margin-left: auto; flex-shrink: 0; position: relative; }
.library-home-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; min-height: 36px; padding: 6px 10px; border: 1px solid var(--library-line); border-radius: 9px; color: var(--library-green); background: var(--library-surface); font-size: 12px; font-weight: 600; white-space: nowrap; -webkit-app-region: no-drag; }
.library-home-link svg { width: 15px; height: 15px; flex-shrink: 0; }
.library-home-link:hover { background: var(--library-soft); }
.library-home-link:focus-visible { outline: 2px solid #608467; outline-offset: 3px; }
.library-language-nav > div { flex-wrap: wrap; }
html.dark .library-home-link { color: #dce8d6; background: #263c2e; border-color: #435a47; }
.library-language-switch { display: inline-flex; align-items: center; gap: 6px; color: var(--library-ink); background: var(--library-surface); border: 1px solid var(--library-line); border-radius: 9px; padding: 3px 7px; font-size: 12px; line-height: 1.4; cursor: pointer; -webkit-app-region: no-drag; }
.library-language-switch > svg { width: 15px; height: 15px; flex-shrink: 0; }
.library-language-switch > [data-library-i18n] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.library-language-select { min-width: 76px; max-width: 106px; min-height: 28px; padding: 3px 2px; border: 0; border-radius: 4px; background: transparent; color: inherit; font: inherit; cursor: pointer; appearance: auto; }
.library-language-select:disabled { opacity: .6; cursor: wait; }
.library-language-select option { color: var(--library-ink); background: var(--library-surface); }
.library-language-select:focus-visible { outline: 2px solid #608467 !important; outline-offset: 3px; }
.library-language-error { position: absolute; right: 0; top: calc(100% + 7px); z-index: 50; width: max-content; max-width: min(270px, 75vw); border: 1px solid var(--library-line); border-radius: 9px; padding: 10px 12px; color: var(--library-ink); background: var(--library-surface); font-size: 12px; line-height: 1.5; box-shadow: 0 5px 20px #0002; }
.library-language-error[hidden] { display: none; }
.library-workspace-language-nav > div { gap: 8px; }
.library-workspace-language-nav > div > div:not(.library-nav-tools) { min-width: 0; }
.library-hero-copy, .library-action > span { min-width: 0; }
.library-actions { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.library-action strong, .library-action small { overflow-wrap: break-word; }
html:not([data-library-locale='zh-CN']) .library-hero h1 { white-space: normal; line-height: 1.3; letter-spacing: -.8px; text-wrap: balance; }
html:not([data-library-locale='zh-CN']) .library-eyebrow { line-height: 1.7; letter-spacing: 1.4px; }
html[data-library-locale='zh-CN'] #sidebar-webui-name { font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif; font-size: 19px; letter-spacing: -.4px; }
html.dark .library-language-switch { color: #dce8d6; background: #263c2e; border-color: #435a47; }
@media (max-width: 640px) {
  .library-nav-tools { gap: 5px; }
  .library-nav-tools .library-local-badge { display: none; }
  .library-language-switch { padding: 2px 5px; }
  .library-language-switch > svg { display: none; }
  .library-language-select { min-width: 74px; max-width: 86px; font-size: 12px; }
  .library-workspace-language-nav > div { gap: 4px; }
  html:not([data-library-locale='zh-CN']) .library-hero h1 { max-width: 100%; font-size: 25px; }
}
@media (max-width: 460px) {
  .library-actions { grid-template-columns: minmax(0, 1fr); }
  .library-action { padding: 12px 14px; }
  .library-action strong { font-size: 13px; }
  .library-action small { font-size: 11px; }
  .library-action > svg:last-child { display: block; }
}
/* Login home opens the workspace; an unscoped library chat chooses a collection. */
.workspace-default-home #chat-pane > :not(.workspace-home-loading) { display: none !important; }
.workspace-home-loading { margin: auto; width: min(560px, 100%); padding: 70px 30px; color: var(--library-ink); }
.workspace-home-loading[hidden] { display: none !important; }
.workspace-home-loading h1 { margin: 18px 0 12px; font: 600 30px/1.2 Georgia, serif; }
.workspace-home-loading p { color: var(--library-muted); line-height: 1.7; }
.workspace-home-loading a { display: inline-flex; margin-top: 24px; border: 1px solid var(--library-line); border-radius: 9px; padding: 10px 18px; color: var(--library-green); background: var(--library-surface); }
.library-choose-scope #message-input-container,.library-choose-scope #model-selector-model-button{display:none!important}
.library-scope-indicator{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 22px;border-bottom:1px solid var(--library-line);background:var(--library-soft);color:var(--library-ink);font-size:12px;line-height:1.6}
.library-scope-indicator strong{font-weight:600}.library-scope-indicator span{font-size:10px;color:var(--library-muted)}.library-scope-indicator[hidden]{display:none}
.library-choose-scope .library-reading-note{margin-top:4px}.library-personal-link,.library-public-link{white-space:normal;line-height:1.5}
@media(max-width:640px){.library-scope-indicator{padding:9px 14px;gap:3px;font-size:11px}.library-scope-indicator span{flex-basis:100%;font-size:10px}}

/* Unified native shell. Keep native page controls and profile Dropdown ownership. */
:root { --si-shell-header: 88px; --si-shell-inset: 30px; }
.si-native-shell .app { padding-top: var(--si-shell-header); }
.si-native-shell .app > div:has(#main-content),
.si-native-shell #main-content > div,
.si-native-shell #sidebar,
.si-native-shell #sidebar[data-state] > div { height: calc(100dvh - var(--si-shell-header)) !important; min-height: 0 !important; max-height: calc(100dvh - var(--si-shell-header)) !important; }
.si-native-shell #sidebar { top: var(--si-shell-header) !important; }
.si-native-shell .app > div:has(#main-content) { background: var(--library-paper) !important; }
.si-native-header { position: fixed; inset: 0 0 auto; height: var(--si-shell-header); z-index: 60; padding: 16px var(--si-shell-inset); background: var(--library-surface); border-bottom: 1px solid var(--library-line); color: var(--library-ink); }
.si-native-header-row { display:flex; align-items:center; gap:20px; height:100%; min-width:0; }
.si-native-brand { display:flex; align-items:center; gap:11px; min-width:0; flex:1; font:600 23px/1.4 Georgia,'Songti SC',serif; letter-spacing:-.035em; white-space:nowrap; }
.si-native-brand img { width:38px; height:38px; flex-shrink:0; }
.si-native-header .library-nav-tools { margin:0; gap:12px; }
.si-native-header .library-home-link { min-height:44px; }
.si-native-header .library-language-switch { min-height:44px; }
.si-native-account-slot { display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.si-native-shared-content { padding-top:var(--si-shell-header); box-sizing:border-box; height:100dvh; max-height:100dvh; }
.si-native-shared-content > div { min-height:0; }
.si-shared-account { position:relative; }
.si-shared-account-trigger { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:4px; border:1px solid var(--library-line); border-radius:50%; background:var(--library-soft); }
.si-shared-account-trigger > span { display:flex; align-items:center; justify-content:center; width:34px; height:34px; overflow:hidden; border-radius:50%; }
.si-shared-account-trigger img { width:100%; height:100%; object-fit:cover; }
.si-shared-account-panel { position:absolute; top:calc(100% + 12px); right:0; width:min(300px,calc(100vw - 32px)); max-height:calc(100dvh - var(--si-shell-header) - 20px); overflow:auto; padding:12px; background:var(--library-surface); color:var(--library-ink); border:1px solid var(--library-line); border-radius:13px; box-shadow:0 14px 35px #233f3424; font:14px/1.6 system-ui,'Microsoft YaHei',sans-serif; }
.si-shared-account-panel [hidden],.si-shared-account-panel[hidden] { display:none !important; }
.si-shared-account-panel a,.si-shared-signout { display:flex; align-items:center; width:100%; min-height:44px; padding:8px 12px; border-radius:8px; text-align:left; }
.si-shared-account-panel a:hover,.si-shared-signout:hover { background:var(--library-soft); }
.si-shared-account-name { padding:6px 12px 12px; border-bottom:1px solid var(--library-line); overflow-wrap:anywhere; }
.si-shared-account-status { padding:8px 12px; }
.si-native-profile-trigger > button { display:flex !important; align-items:center !important; justify-content:center !important; width:44px !important; height:44px !important; min-width:44px; padding:0 !important; border-radius:50% !important; border:1px solid var(--library-line); background:var(--library-soft) !important; }
.si-native-profile-trigger > button > div:first-child { margin:0 !important; width:36px !important; height:36px !important; display:flex; align-items:center; justify-content:center; }
.si-native-profile-trigger > button > div:not(:first-child) { display:none; }
.si-native-profile-trigger img { width:34px !important; height:34px !important; border-radius:50%; }
.si-native-duplicate-profile { display:none !important; }
.si-native-account-menu { position:fixed !important; top:var(--si-account-top,var(--si-shell-header)) !important; bottom:auto !important; right:var(--si-shell-inset) !important; left:auto !important; width:min(300px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - var(--si-account-top,var(--si-shell-header)) - 12px) !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain; box-sizing:border-box; padding:8px; border:1px solid var(--library-line); border-radius:13px; background:var(--library-surface); color:var(--library-ink); box-shadow:0 14px 35px #233f3424; }
.si-native-account-menu .app-dropdown-menu { width:100% !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
.si-native-account-menu > div > div { width:100% !important; }
.si-native-account-menu a,.si-native-account-menu button { min-height:36px; }
.si-native-account-menu > a { display:flex; align-items:center; min-height:44px; margin:2px 6px; padding:8px 12px; border-radius:8px; font-size:13px; }
.si-native-account-menu > a:hover { background:var(--library-soft); }
.si-native-services { border-top:1px solid var(--library-line); }
.si-native-shell #sidebar .library-sidebar-note { padding:10px 12px; }
/* The global header owns branding. Hide only the two duplicate brand links
   in the expanded sidebar row; its separate native collapse button stays. */
.si-native-shell #sidebar:has(#sidebar-webui-name) { padding:0; }
.si-native-shell #sidebar .sidebar:has(#sidebar-webui-name) { justify-content:flex-end; min-height:44px; padding:6px 12px; margin:0; }
.si-native-shell #sidebar .sidebar:has(#sidebar-webui-name) > a { display:none !important; }
.si-native-shell #chat-container nav { background:var(--library-paper) !important; }
.si-native-admin #sidebar > div > :not(.si-native-admin-nav):not(.si-native-sidebar-top) { display:none !important; }
.si-native-admin-nav { padding:18px 8px; overflow-y:auto; }
.si-native-admin-nav h2 { font-size:12px; color:var(--library-muted); margin:0 12px 14px; font-weight:600; letter-spacing:.04em; }
.si-native-admin-nav .library-nav-link { min-height:44px; margin:3px 0; padding:10px 12px; color:var(--library-ink); }
.si-native-admin-nav [aria-current='page'] { background:var(--library-soft); font-weight:600; }
.si-native-admin-tabs { background:var(--library-paper); border-bottom:1px solid var(--library-line); padding:12px 20px !important; }
.si-native-admin-tabs > div { flex-wrap:wrap; gap:8px !important; }
.si-native-admin-tabs > div > div { min-width:0; flex:1 1 300px; }
.si-native-admin-tabs a { min-height:44px; display:inline-flex; align-items:center; padding:8px 12px !important; color:var(--library-ink) !important; }
html:not(.dark) .si-native-page { background:var(--library-paper); color:var(--library-ink); }
html:not(.dark) .si-native-page > div { background:var(--library-paper); }
html:not(.dark) .si-native-page input,html:not(.dark) .si-native-page select { background:var(--library-surface); }
.si-native-shell #settings-tabs-container { background:var(--library-paper); }
.si-native-shell #settings-tabs-container > button { min-height:44px; }
html:not(.dark) .si-native-shell #settings-tabs-container + div { background:var(--library-surface); color:var(--library-ink); }
@media(max-width:780px) {
  :root { --si-shell-header:78px; --si-shell-inset:20px; }
  .si-native-header { padding:12px var(--si-shell-inset); }
  .si-native-header-row { gap:12px; }
  .si-native-brand { font-size:20px; }
  .si-native-header .library-nav-tools { gap:8px; }
  .si-native-header .library-home-link:not(.si-native-signin) { display:none; } /* Brand is the same accessible home link. */
  .si-native-shell #sidebar { max-width:min(85vw,320px); }
  .si-native-admin-tabs { padding:8px 12px !important; }
}
@media(max-width:580px) {
  :root { --si-shell-header:72px; --si-shell-inset:16px; }
  .si-native-header-row { gap:9px; }
  .si-native-brand { font-size:18px; gap:7px; }
  .si-native-brand img { width:29px; height:29px; }
  .si-native-profile-trigger > button { width:42px !important; height:42px !important; min-width:42px; }
  .si-shared-account-trigger { width:42px; height:42px; }
  .si-native-header .library-language-select { min-width:66px; max-width:72px; }
  .si-native-header .library-language-switch { padding:2px 4px; }
}
@media(max-width:360px) { .si-native-brand img { display:none; } .si-native-brand { font-size:17px; } }
.si-native-profile-fallback { width:44px; height:44px; flex-shrink:0; border:1px solid var(--library-line); border-radius:50%; background:var(--library-soft); color:var(--library-ink); font-weight:650; }
.si-native-profile-fallback img { width:34px; height:34px; margin:auto; object-fit:cover; border-radius:50%; }
.si-native-profile-fallback:disabled { cursor:wait; }
/* A collapsed rail keeps its native expansion control; only the expanded
   admin sidebar replaces ordinary work links with its management links. */
.si-native-admin #sidebar:has(> button) > div > * { display:revert !important; }
/* The compact rail keeps its native reopen button; its brand image yields to
   the actual sidebar icon. Administration has its own compact links as well. */
.si-native-shell #sidebar:has(> button) { margin-inline-end:auto; }
.si-native-shell #sidebar:has(> button) > button > div:first-child .sidebar-new-chat-icon { display:none !important; }
.si-native-shell #sidebar:has(> button) > button > div:first-child svg { display:block !important; }
.si-native-admin #sidebar:has(> button) > button { flex:0 0 auto !important; }
.si-native-admin #sidebar:has(> button) > button > div:not(:first-child) { display:none !important; }
.si-native-admin-rail { padding:6px 0; flex:1 1 auto; min-height:0; overflow-y:auto; }
.si-native-admin-rail h2,.si-native-admin-rail .library-nav-link > span { display:none; }
.si-native-admin-rail .library-nav-link { width:100%; min-height:44px; padding:8px 4px; justify-content:center; }
.si-native-admin-rail .library-nav-link svg { flex-shrink:0; width:18px; height:18px; }
@media(max-width:580px) { .si-native-profile-fallback { width:42px; height:42px; } }



/* Chat navigation uses one native scroll surface, with history in the first
   screen. Existing links/permission gates remain inside the disclosure. */
.si-sidebar-navigation-toggle { display:flex; align-items:center; justify-content:space-between; width:calc(100% - 16px); min-height:40px; margin:4px 8px; padding:8px 12px; border:1px solid var(--library-line); border-radius:8px; color:var(--library-ink); font-size:13px; text-align:left; }
.si-sidebar-navigation-toggle::after { content:'＋'; flex-shrink:0; margin-left:8px; }
.si-sidebar-navigation-toggle[aria-expanded='true']::after { content:'−'; }
#si-sidebar-navigation-toggle[aria-expanded='false'] + #pinned-menu-items-list { display:none !important; }
.si-native-shell #sidebar > div > .overflow-y-auto { min-height:0; scrollbar-width:thin; scrollbar-color:var(--library-muted) transparent; }
.si-native-shell #sidebar > div > .overflow-y-auto::-webkit-scrollbar { display:block; width:6px; }
.si-native-shell #sidebar > div > .overflow-y-auto::-webkit-scrollbar-thumb { background:var(--library-muted); border-radius:4px; }
[data-si-private-citation='true'] { display:none !important; }
.si-advanced-editor { position:relative; margin:0 0 8px auto; width:max-content; max-width:100%; font:12px/1.6 system-ui,sans-serif; }
.si-advanced-editor summary { cursor:pointer; padding:5px 8px; color:var(--library-muted); border-radius:6px; }
.si-advanced-editor .si-output-mode { position:static; padding:4px; }
.si-output-mode:not(.si-advanced-editor .si-output-mode) { display:none; }
.si-sidebar-navigation-toggle:focus-visible,.si-advanced-editor summary:focus-visible { outline:2px solid var(--library-green); outline-offset:2px; }
/* Match the shared static header's brand and language controls exactly. */
.si-native-brand small { display:block; font:11px/1.4 system-ui,'Microsoft YaHei',sans-serif; letter-spacing:.04em; color:var(--library-muted); margin-top:2px; }
.si-native-brand-symbol { display:grid; grid-template-columns:9px 9px; grid-template-rows:9px 9px; gap:3px; padding:10px; width:42px; height:42px; flex-shrink:0; background:var(--library-green); color:#fffefa; border-radius:11px; box-sizing:border-box; }
.si-native-brand-symbol i { display:block; border:1px solid currentColor; border-radius:2px; }
.si-native-brand-symbol i:first-child { grid-row:1/3; }
.si-native-header .library-language-switch { padding:0; border:0; background:transparent; min-height:42px; }
.si-native-header .library-language-switch > svg { display:none; }
.si-native-header .library-language-select { width:104px; min-width:104px; max-width:104px; min-height:42px; font:12px/1.6 system-ui,'Microsoft YaHei',sans-serif; padding:8px 10px; border:1px solid var(--library-line); border-radius:7px; }
html.dark { --library-paper:#18221c; --library-surface:#222d26; --library-ink:#e2ebe3; --library-muted:#b2c1b6; --library-line:#435448; --library-soft:#2c3e31; --library-green:#bed7c4; }
html.dark .si-native-brand-symbol { color:#183021; }
@media(max-width:580px) {
  .si-native-brand-symbol,.si-native-brand small { display:none; }
  .si-native-header .library-language-select { width:82px; min-width:82px; max-width:82px; padding:8px 6px; }
}

/* The chat attachment menu intentionally exposes only native file upload. */
.si-upload-only > :not(.si-upload-entry) { display: none !important; }