:root {
  color-scheme: light;
  --bg: #f4f6fa; --surface: #fff; --surface-soft: #f8f9fc; --line: #e8ebf2;
  --text: #172033; --muted: #788298; --brand: #6556e8; --brand-strong: #5041d4;
  --brand-soft: #eeebff; --green: #12a678; --green-soft: #e7f8f2; --amber: #d78a14;
  --amber-soft: #fff5df; --red: #d14e62; --red-soft: #ffedf0;
  --shadow: 0 14px 40px rgba(32, 42, 72, .08); --radius: 18px;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); }
button, input, textarea { font: inherit; }
button { color: inherit; }
button, label[for], .attach-button { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid rgba(101,86,232,.23); outline-offset: 2px; }
[hidden] { display: none !important; }
.app-shell { min-height: 100vh; padding: 18px; }
.topbar { height: 66px; max-width: 1720px; margin: 0 auto 14px; padding: 0 18px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: rgba(255,255,255,.88); border: 1px solid rgba(232,235,242,.85); border-radius: 18px; box-shadow: 0 8px 32px rgba(31,43,76,.05); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 11px; width: fit-content; color: inherit; text-decoration: none; }
.brand-mark { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; color: #fff; font-weight: 750; background: linear-gradient(145deg,#7869f2,#5545d8); box-shadow: 0 8px 18px rgba(91,75,219,.26); }
.brand strong, .brand small { display: block; }.brand strong { font-size: 17px; letter-spacing: .04em; }.brand small { color: var(--muted); font-size: 11px; margin-top: 1px; }
.page-tabs { display: flex; padding: 5px; border-radius: 12px; background: var(--surface-soft); }
.page-tab { border: 0; background: transparent; color: var(--muted); padding: 9px 16px; border-radius: 9px; display: flex; align-items: center; gap: 7px; cursor: pointer; font-size: 13px; font-weight: 600; transition: .18s ease; }
.page-tab svg { width: 16px; }.page-tab.active { color: var(--brand); background: #fff; box-shadow: 0 3px 10px rgba(45,48,70,.08); }
.model-status { justify-self: end; display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); margin-right: 2px; }
.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); min-height: 0; }
.chat-layout { max-width: 1720px; height: calc(100vh - 116px); min-height: 650px; margin: auto; display: grid; grid-template-columns: 250px minmax(480px,1fr) 340px; gap: 14px; }
.left-panel { display: flex; flex-direction: column; overflow: hidden; padding: 15px 12px 12px; }
.section-heading { display: flex; justify-content: space-between; align-items: center; height: 38px; padding: 0 4px 0 8px; color: var(--muted); font-weight: 700; font-size: 12px; letter-spacing: .04em; }
.icon-button { width: 34px; height: 34px; border: 0; background: transparent; border-radius: 10px; display: inline-grid; place-items: center; cursor: pointer; color: var(--muted); transition: .16s; }
.icon-button:hover { color: var(--brand); background: var(--brand-soft); }.icon-button svg { width: 17px; height: 17px; }.danger-hover:hover { color: var(--red); background: var(--red-soft); }
.user-section{max-height:42%;display:flex;flex-direction:column}.user-picker { display: grid; gap: 4px; overflow-y:auto; }.user-row { border: 0; width: 100%; padding: 4px; border-radius: 12px; display: flex; align-items: center; text-align: left; background: transparent; }
.user-row:hover { background: var(--surface-soft); }.user-row.active { background: var(--brand-soft); color: var(--brand-strong); }
.user-select { min-width:0;flex:1;border:0;background:transparent;display:flex;gap:9px;align-items:center;text-align:left;padding:5px 4px;cursor:pointer;color:inherit; }
.avatar { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 11px; display: grid; place-items: center; font-weight: 750; font-size: 13px; color: #fff; background: linear-gradient(145deg,var(--avatar,#6b5ce7),color-mix(in srgb,var(--avatar,#6b5ce7),#24214d 20%)); }
.user-copy { min-width: 0; flex: 1; }.user-copy strong,.user-copy small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.user-copy strong { font-size: 13px; }.user-copy small { color: var(--muted); font-size: 11px; margin-top: 3px; }.user-actions{display:flex}.row-menu { opacity: 0; width: 25px; height: 28px; }.user-row:hover .row-menu,.user-row:focus-within .row-menu { opacity:1; }
.divider { border-top: 1px solid var(--line); margin: 13px 7px 7px; }
.sessions-section { flex: 1; overflow: hidden; display: flex; flex-direction: column; }.session-list { overflow-y: auto; padding-right: 2px; }
.session-row { position: relative; width: 100%; border: 0; background: transparent; border-radius: 11px; padding: 10px 10px; text-align: left; cursor: pointer; color: #525d73; display: flex; align-items: center; gap: 9px; }
.session-row svg { width: 15px; color: #9aa1b0; }.session-row span { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 12px; }.session-row small { color:#a0a8b7;font-size:10px; }.session-row:hover { background: var(--surface-soft); }.session-row.active { color: var(--brand-strong); background: var(--brand-soft); font-weight: 650; }.session-row.active svg { color: var(--brand); }
.ghost-button,.primary-button { border: 1px solid var(--line); background: #fff; border-radius: 10px; min-height: 38px; padding: 0 14px; display: inline-flex; align-items:center; justify-content:center; gap:7px; cursor:pointer; font-size:12px; font-weight:650; }.ghost-button:hover { border-color:#d9d4ff;color:var(--brand);background:#faf9ff;}.ghost-button svg{width:15px}.primary-button { color:#fff;background:var(--brand);border-color:var(--brand);}.primary-button:hover{background:var(--brand-strong)}
.reset-button { margin-top: 8px; width:100%; color:var(--muted); }
.conversation { overflow: hidden; display: flex; flex-direction: column; }
.conversation-header { height: 74px; flex: 0 0 auto; padding: 0 21px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.conversation-header h1{font-size:16px;margin:0 0 5px}.conversation-header p{font-size:11px;color:var(--muted);margin:0}.header-actions{display:flex;gap:2px}
.message-list { flex:1; overflow-y:auto; padding: 26px clamp(20px,5vw,72px); scroll-behavior:smooth; }
.welcome { height:100%; min-height:320px; display:grid; place-content:center; justify-items:center; text-align:center; color:var(--muted); }.welcome-illustration { width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#f1efff,#e7f4ff);color:var(--brand);margin-bottom:18px;}.welcome-illustration svg{width:28px;height:28px}.welcome h2{font-size:20px;color:var(--text);margin:0 0 9px}.welcome p{max-width:360px;font-size:13px;line-height:1.75;margin:0}
.message { display:flex; gap:11px; margin-bottom:22px; animation: rise .25s ease both; }.message.user { flex-direction:row-reverse; }.message-avatar { width:31px;height:31px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:#f0effd;color:var(--brand);}.message-avatar svg{width:16px}.message.user .message-avatar{color:#fff;background:var(--brand)}
.message-content { max-width:min(78%,680px); min-width:0; }.bubble { border-radius:5px 16px 16px 16px; background:var(--surface-soft); border:1px solid #eef0f5; padding:12px 15px; font-size:14px; line-height:1.72; white-space:pre-wrap; overflow-wrap:anywhere; }.message.user .bubble { background:var(--brand);border-color:var(--brand);color:#fff;border-radius:16px 5px 16px 16px; }.typing-caret::after{content:"";display:inline-block;width:2px;height:15px;background:var(--brand);vertical-align:-2px;margin-left:2px;animation:blink .8s infinite}
.message-images { display:flex; flex-wrap:wrap;gap:7px;margin-bottom:8px;justify-content:flex-start}.message.user .message-images{justify-content:flex-end}.message-image { width:100px;height:82px;border:0;padding:0;background:#eee;border-radius:11px;overflow:hidden;cursor:pointer;position:relative}.message-image img{width:100%;height:100%;object-fit:cover}.message-image span{position:absolute;inset:auto 5px 5px auto;color:white;background:rgba(20,25,38,.68);font-size:9px;padding:3px 5px;border-radius:5px;opacity:0;transition:.15s}.message-image:hover span{opacity:1}
.message-meta { min-height:25px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;color:#9aa2b2;font-size:10px}.message.user .message-meta{justify-content:flex-end}.generation-pill{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--brand-soft);color:var(--brand-strong);padding:4px 7px;border-radius:7px}.token-pill,.token-details summary{background:#f4f5f8;color:#7d8595;padding:4px 7px;border-radius:7px;cursor:default}.token-details{position:relative}.token-details summary{list-style:none;cursor:pointer}.token-details summary::-webkit-details-marker{display:none}.token-details>div{position:absolute;z-index:8;left:0;top:27px;width:220px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(35,42,64,.14)}.token-details>div span{display:grid;grid-template-columns:48px repeat(3,1fr);gap:5px;align-items:center;padding:4px}.token-details>div b{color:var(--text);font-size:9px}.token-details>div i{font-style:normal;font-size:8px;white-space:nowrap}.message-action{border:0;background:transparent;color:#8a93a5;font-size:10px;padding:3px;cursor:pointer}.message-action:hover{color:var(--brand)}
.source-ref { display:inline-flex;color:var(--brand);background:var(--brand-soft);padding:1px 5px;border-radius:5px;cursor:pointer;font-size:11px;font-weight:650; }
.upload-preview { flex:0 0 auto; padding:10px 20px 3px;display:flex;gap:8px;overflow-x:auto;border-top:1px solid var(--line);}.preview-item{position:relative;flex:0 0 auto;width:70px;height:58px;border-radius:10px;overflow:hidden;background:#eee}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item button{position:absolute;right:3px;top:3px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(19,24,36,.72);color:#fff;display:grid;place-items:center;cursor:pointer}.preview-item button svg{width:12px}.preview-count{align-self:center;color:var(--muted);font-size:11px;padding:0 4px}
.composer { flex:0 0 auto;padding:10px clamp(15px,3vw,40px) 14px;}.composer-box{border:1px solid #dfe3eb;border-radius:16px;padding:10px 10px 8px;background:#fff;box-shadow:0 5px 18px rgba(35,43,69,.05);transition:.18s}.composer-box:focus-within{border-color:#afa5f6;box-shadow:0 0 0 3px rgba(101,86,232,.08)}.composer textarea{border:0;outline:0;resize:none;width:100%;min-height:27px;max-height:150px;padding:3px 5px;color:var(--text);line-height:1.55;background:transparent}.composer textarea::placeholder{color:#a6adbb}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.composer-left{display:flex;align-items:center}.image-hint{color:#a0a7b5;font-size:10px}.send-button{border:0;border-radius:10px;height:36px;min-width:74px;padding:0 12px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 6px 15px rgba(85,69,216,.22)}.send-button:hover{background:var(--brand-strong)}.send-button svg{width:16px}.send-button.stop{background:var(--red);}.composer-note{text-align:center;color:#a0a7b6;font-size:9px;margin:7px 0 0}
.right-panel{overflow:hidden;display:flex;flex-direction:column}.profile-header{height:75px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.eyebrow{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.profile-header h2{margin:4px 0 0;font-size:17px}.close-drawer{display:none}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 12px}.side-tab{height:41px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;font-weight:650;cursor:pointer}.side-tab.active{color:var(--brand);border-color:var(--brand)}.tab-count{font-size:9px;padding:2px 5px;border-radius:8px;background:#eef0f5;margin-left:3px}.tab-count.accent{color:var(--brand);background:var(--brand-soft)}.side-content{padding:15px 14px;overflow-y:auto;flex:1}
.profile-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface-soft);border-radius:10px;margin-bottom:14px}.profile-mode button{height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:650;cursor:pointer}.profile-mode button.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px rgba(40,46,70,.07)}.profile-group{margin-bottom:18px}.profile-group-title{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.05em;margin:0 4px 8px}.profile-card{border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:8px;background:#fff;transition:.18s}.profile-card:hover,.profile-card.highlight{border-color:#cfc9fa;box-shadow:0 6px 17px rgba(71,61,150,.07)}.profile-card.highlight{animation:highlight 1.3s}.profile-value{font-size:12px;line-height:1.55;font-weight:600;margin-bottom:8px}.profile-evidence{font-size:10px;line-height:1.5;color:var(--muted);padding:7px 8px;background:var(--surface-soft);border-radius:8px}.profile-chain{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;color:var(--muted);font-size:8px}.profile-chain span{padding:2px 5px;border-radius:5px;background:var(--surface-soft)}.profile-chain time{margin-left:auto}.profile-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#a0a7b6;font-size:9px}.confidence{height:4px;width:56px;border-radius:4px;background:#edf0f3;overflow:hidden}.confidence i{display:block;height:100%;background:var(--green);border-radius:4px}.profile-actions{display:flex;gap:2px}.profile-actions button{border:0;background:transparent;color:var(--muted);padding:2px;font-size:9px;cursor:pointer}.profile-actions button:hover{color:var(--brand)}
.consent-intro{background:var(--brand-soft);padding:12px;border-radius:12px;color:#635b87;font-size:10px;line-height:1.6;margin-bottom:13px}.consent-row{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid #f0f1f5}.consent-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft)}.consent-icon svg{width:14px}.consent-copy{flex:1}.consent-copy strong,.consent-copy small{display:block}.consent-copy strong{font-size:11px}.consent-copy small{font-size:9px;color:var(--muted);margin-top:3px}.switch{position:relative;width:35px;height:20px}.switch input{position:absolute;opacity:0}.switch i{display:block;width:35px;height:20px;border-radius:15px;background:#dfe2e9;cursor:pointer;transition:.2s}.switch i::after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#fff;transform:translate(3px,3px);box-shadow:0 1px 4px rgba(0,0,0,.15);transition:.2s}.switch input:checked+i{background:var(--brand)}.switch input:checked+i::after{transform:translate(18px,3px)}
.change-item{display:grid;grid-template-columns:24px 1fr;gap:9px;position:relative;padding-bottom:16px}.change-item:not(:last-child)::after{content:"";position:absolute;left:11px;top:24px;bottom:0;border-left:1px solid var(--line)}.change-dot{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);z-index:1}.change-dot svg{width:12px}.change-item.corrected .change-dot{color:var(--amber);background:var(--amber-soft)}.change-item.removed .change-dot{color:var(--red);background:var(--red-soft)}.change-copy strong{display:block;font-size:11px;margin:3px 0 4px}.change-copy p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.change-copy time{font-size:9px;color:#abb1bd}.empty-side{text-align:center;padding:42px 15px;color:var(--muted)}.empty-side svg{width:27px}.empty-side p{font-size:11px;line-height:1.6}
.evaluation-page{max-width:1500px;margin:auto;padding:12px 8px 40px}.evaluation-hero{display:flex;align-items:center;justify-content:space-between;padding:25px 12px 28px}.evaluation-hero h1{font-size:28px;margin:7px 0 8px;letter-spacing:-.02em}.evaluation-hero p{color:var(--muted);font-size:13px;margin:0}.evaluation-badge{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 15px;box-shadow:var(--shadow);color:var(--green)}.evaluation-badge svg{width:22px}.evaluation-badge strong,.evaluation-badge small{display:block}.evaluation-badge strong{font-size:11px}.evaluation-badge small{font-size:9px;color:var(--muted);margin-top:3px}.metric-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.metric-card,.chart-card,.data-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.metric-card{padding:17px 18px;display:flex;align-items:center;gap:13px}.metric-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft)}.metric-icon svg{width:18px}.metric-copy strong,.metric-copy small{display:block}.metric-copy strong{font-size:21px}.metric-copy small{font-size:10px;color:var(--muted);margin-top:3px}.evaluation-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px}.chart-card{padding:18px;min-width:0}.card-heading h2{font-size:14px;margin:0 0 5px}.card-heading p{font-size:10px;color:var(--muted);margin:0}.chart{height:280px;margin-top:5px}.evaluation-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:13px;margin-top:13px}.data-card{padding:18px;min-width:0}.table-wrap{overflow-x:auto;margin-top:16px}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:var(--muted);font-size:9px;letter-spacing:.04em;padding:9px;border-bottom:1px solid var(--line)}td{padding:11px 9px;border-bottom:1px solid #f0f1f4}.case-list{margin-top:13px;display:grid;gap:8px}.case{padding:11px 12px;border-radius:11px;background:var(--surface-soft);border:1px solid #eef0f4}.case strong{font-size:10px;color:var(--brand)}.case p{font-size:10px;color:#646e82;line-height:1.55;margin:5px 0 0}
.dialog{width:min(410px,calc(100vw - 30px));padding:0;border:0;border-radius:20px;box-shadow:0 30px 80px rgba(26,33,57,.22)}.dialog::backdrop{background:rgba(25,31,47,.33);backdrop-filter:blur(3px)}.dialog form{padding:25px}.dialog-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--brand);background:var(--brand-soft);margin-bottom:15px}.dialog-icon svg{width:19px}.dialog h2{font-size:18px;margin:0 0 7px}.dialog>form>p{font-size:11px;color:var(--muted);line-height:1.55;margin:0}.dialog-field{display:block;margin-top:18px}.dialog-field span{display:block;font-size:10px;color:var(--muted);font-weight:650;margin-bottom:6px}.dialog-field input{width:100%;height:42px;border:1px solid #dfe2e9;border-radius:10px;padding:0 11px;outline:0}.dialog-field input:focus{border-color:var(--brand)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.toast-region{position:fixed;right:24px;bottom:22px;z-index:100;display:grid;gap:8px}.toast{min-width:220px;max-width:350px;padding:11px 14px;border-radius:11px;color:#fff;background:#283044;box-shadow:0 13px 35px rgba(26,32,50,.2);font-size:11px;animation:toast-in .2s ease}.toast.error{background:var(--red)}.drawer-backdrop,.mobile-profile-button{display:none}
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#dfe2e9;border-radius:4px}::-webkit-scrollbar-track{background:transparent}
@keyframes rise{from{opacity:0;transform:translateY(5px)}}@keyframes blink{50%{opacity:0}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}@keyframes highlight{50%{background:var(--brand-soft)}}
@media(max-width:1180px){.chat-layout{grid-template-columns:220px minmax(450px,1fr)}.right-panel{position:fixed;right:18px;top:98px;bottom:18px;width:350px;z-index:31;transform:translateX(calc(100% + 30px));transition:.25s}.right-panel.open{transform:none}.drawer-backdrop{display:block;position:fixed;z-index:30;inset:0;background:rgba(25,31,47,.28);opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-profile-button,.close-drawer{display:inline-grid}.metric-cards{grid-template-columns:repeat(2,1fr)}.evaluation-grid{grid-template-columns:1fr 1fr}.chart-card.wide{grid-column:1/-1}}
@media(max-width:760px){.app-shell{padding:8px}.topbar{height:60px;margin-bottom:8px;padding:0 10px;grid-template-columns:1fr auto}.brand small,.model-status>span:not(.status-dot){display:none}.page-tabs{position:fixed;z-index:40;bottom:10px;left:50%;transform:translateX(-50%);box-shadow:0 9px 30px rgba(32,39,60,.18);border:1px solid var(--line)}.model-status{grid-column:2}.chat-layout{height:calc(100vh - 77px);min-height:500px;grid-template-columns:1fr}.left-panel{display:none}.conversation{border-radius:15px}.message-list{padding:20px 13px}.message-content{max-width:88%}.conversation-header{height:62px;padding:0 14px}.composer{padding:8px 10px 68px}.composer-note{display:none}.right-panel{top:8px;bottom:8px;right:8px;width:min(350px,calc(100vw - 22px))}.evaluation-page{padding-bottom:90px}.evaluation-hero{display:block}.evaluation-badge{margin-top:16px;width:fit-content}.metric-cards,.evaluation-grid,.evaluation-bottom{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}.chart{height:250px}}
.mobile-nav-button,.mobile-panel-header{display:none}
@media(max-width:760px){.topbar{backdrop-filter:none}.mobile-nav-button{display:inline-grid}.row-menu{opacity:1}.left-panel{display:flex;position:fixed;left:8px;top:8px;bottom:8px;width:min(320px,calc(100vw - 22px));z-index:51;transform:translateX(calc(-100% - 30px));transition:.25s;box-shadow:0 22px 65px rgba(28,35,55,.2)}.left-panel.open{transform:none}.right-panel{z-index:51}.drawer-backdrop{z-index:50}.mobile-panel-header{height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 3px 6px 8px;border-bottom:1px solid var(--line);margin-bottom:5px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}