/* ===================== 基础样式 ===================== */
/* 包含：:root 变量、通配/标签选择器、滚动条、通用工具类（.scrim/.toast/.chip/.skeleton/.mini/.btn-* 等）、
   通用 @keyframes（spin/fadeUp/scaleIn/rippleSpread/skeleton/toastIc 等）、
   @media (prefers-reduced-motion:reduce)、@supports (safe-area)、暗色主题、文本溢出/焦点/ripple 等通用工具 */

:root{
  
  --md-primary:#8B5CF6; --md-on-primary:#FFFFFF;
  --md-primary-container:#EDE9FE; --md-on-primary-container:#5B21B6;
  
  --brand-cyan:#A78BFA; --brand-cyan-soft:#F5F3FF;
  --grad-primary:linear-gradient(135deg,#8B5CF6,#A78BFA);
  --grad-primary-hover:linear-gradient(135deg,#7C3AED,#8B5CF6);
  --grad-primary-soft:linear-gradient(135deg,var(--md-primary-container),var(--brand-cyan-soft));
  
  --md-secondary:#C4B5FD; --md-on-secondary:#3C1670;
  --md-secondary-container:#F3E8FF; --md-on-secondary-container:#5B21B6;
  
  --md-surface:#FFFFFF; --md-surface-dim:#E5DEF5;
  --md-surface-container:#FFFFFF; --md-surface-container-low:#FBFAFF;
  --md-surface-container-high:#EFE8FA; --md-surface-container-highest:#E2D8F4;
  --md-outline:#7C6FA8; --md-outline-var:#C9BBE8;
  
  --md-on-surface:#1B2733; --md-on-surface-variant:#5F5878;
  
  --md-error:#E5484D; --md-on-error:#FFF;
  --md-error-container:#FDE4E4; --md-on-error-container:#8C1A1F;
  --md-ok:#12A150; --md-on-ok:#FFF;
  --md-ok-container:#D3F5E0; --md-on-ok-container:#053D22;
  --md-warn:#F57B00; --md-on-warn:#FFF;
  --md-warn-container:#FFF3E0; --md-on-warn-container:#5C2D00;
  --md-info:#0EA5E9; --md-on-info:#FFF;
  --md-info-container:#E0F2FE; --md-on-info-container:#075985;
  
  --md-vip:#F9D048; --md-on-vip:#3C2000; --md-vip-container:#FEF3C7;
  
  --md-scrollbar:#DCD1F5; --md-scrollbar-hover:#C4B5FD;
  
  --shadow-rgb:91,64,240;
  
  --primary:var(--md-primary); --primary-2:#7C3AED; --primary-soft:var(--md-primary-container);
  --ink:#1B2733; --muted:#5F5878; --muted-2:#9A90B3; --line:var(--md-outline-var); --line-2:var(--md-surface-container-high);
  --md-ink:var(--ink); --md-muted:var(--muted); --md-muted-2:var(--muted-2);
  --ok:var(--md-ok); --err:var(--md-error); --warn:var(--md-warn);
  --bg:#F1EDF9; --card:var(--md-surface-container);
  --radius:18px; --radius-sm:14px; --radius-lg:26px;
  --sidebar-w:80px; --mobile-sidebar-w:240px;
  --shadow-sm:0 1px 2px rgba(var(--shadow-rgb),.06),0 1px 3px rgba(var(--shadow-rgb),.05);
  --shadow:0 2px 6px rgba(var(--shadow-rgb),.08),0 6px 16px rgba(var(--shadow-rgb),.06);
  --shadow-lg:0 6px 20px rgba(var(--shadow-rgb),.12),0 12px 36px rgba(var(--shadow-rgb),.10);
  --shadow-brand:0 8px 20px -6px rgba(139,92,246,.45);
  --shadow-brand-hover:0 10px 24px -6px rgba(139,92,246,.55);
  --shadow-brand-press:0 4px 14px -2px rgba(139,92,246,.4);
  --shadow-error:0 8px 20px -6px rgba(229,72,77,.45);
  --shadow-error-hover:0 10px 24px -6px rgba(229,72,77,.55);
  --brand-rgb:139,92,246;
  --error-rgb:229,72,77;
  
  --md-rs-full:28px; --md-rs-lg:26px; --md-rs-md:22px; --md-rs-sm:14px; --md-rs-xs:10px;
  
  --md-elevation-1:0 1px 2px rgba(var(--shadow-rgb),.12),0 1px 3px rgba(var(--shadow-rgb),.08);
  --md-elevation-2:0 2px 6px rgba(var(--shadow-rgb),.12),0 4px 12px rgba(var(--shadow-rgb),.08);
  --md-elevation-3:0 4px 12px rgba(var(--shadow-rgb),.15),0 8px 24px rgba(var(--shadow-rgb),.10);
}
*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
html,body{height:100%}
body{
  font-family:"Roboto","PingFang SC","Microsoft YaHei",-apple-system,system-ui,sans-serif;
  color:var(--ink); background:var(--bg); -webkit-font-smoothing:antialiased;
  overflow:hidden; font-size:14px; line-height:1.5;
}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}
svg{display:block}

.chip{font-size:12.5px;font-weight:500;color:var(--muted);background:transparent;border:1.5px solid var(--md-outline);
  padding:6px 14px;border-radius:var(--md-rs-sm);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px;
  height:32px}
.chip svg{width:15px;height:15px}
.chip.active{color:var(--md-primary);border-color:var(--md-primary);background:var(--md-primary-container)}

.mini{border:1.5px solid var(--md-outline);background:transparent;color:var(--ink);font-size:13px;font-weight:500;
  padding:7px 14px;border-radius:var(--md-rs-full);transition:all .15s;display:inline-flex;align-items:center;gap:4px;
  height:36px;line-height:1}
.mini svg{width:15px;height:15px}
.mini:hover{background:var(--md-surface-container-high)}
.mini.danger:hover{color:var(--err);background:var(--md-error-container);border-color:transparent}
.mini.ghost{border-color:transparent;background:transparent;color:var(--muted)}
.mini.ghost:hover{background:var(--md-surface-container-high)}

.scrim{position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;
  pointer-events:none;transition:opacity .25s;z-index:45}
.scrim.show{opacity:1;pointer-events:auto}

.btn-ghost{background:transparent;color:var(--md-primary);border-radius:20px}
.btn-ghost:hover{background:var(--md-primary-container)}

.btn-conf{background:var(--grad-primary);color:var(--md-on-primary);box-shadow:var(--shadow-brand);border-radius:20px}
.btn-conf:hover{background:var(--grad-primary-hover);box-shadow:var(--shadow-brand-hover);transform:translateY(-1px)}
.btn-conf:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-conf.danger{background:var(--md-error);box-shadow:var(--shadow-error)}
.btn-conf.danger:hover{background:var(--md-error);filter:brightness(1.05);box-shadow:var(--shadow-error-hover);transform:translateY(-1px)}
.btn-ghost:active{background:var(--md-primary-container);transform:scale(.97)}
.btn-conf:active{transform:translateY(0) scale(.97)}
.btn-conf.danger:active{transform:scale(.97)}

.toast{position:fixed;top:20px;left:50%;transform:translate(-50%,-20px);background:var(--md-surface);color:var(--ink);
  padding:12px 20px;border-radius:var(--radius);font-size:13.5px;font-weight:600;z-index:90;display:flex;align-items:center;gap:8px;
  max-width:calc(100vw - 28px);box-sizing:border-box;
  box-shadow:var(--shadow-lg);opacity:0;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);
  border-left:4px solid var(--md-primary)}
.toast.show{opacity:1;transform:translate(-50%,0)}
/* ===================== Toast 颜色随主题色 ===================== */
/* 成功消息使用主题色（--md-primary），随用户切换主题动态变化；
   错误消息仍用红色（--err），保持错误信号的明确性。 */
.toast.ok{border-left-color:var(--md-primary)}.toast.ok .ic{color:var(--md-primary)}
.toast.err{border-left-color:var(--err)}.toast.err .ic{color:var(--err)}
.toast .ic{width:17px;height:17px;flex:none}

.btn-copy{border:none;border-radius:20px;padding:0 16px;height:38px;font-size:12.5px;font-weight:600;color:var(--md-on-primary);
  background:var(--grad-primary);display:inline-flex;align-items:center;gap:5px;flex:none;
  transition:all .15s;white-space:nowrap;line-height:1;box-shadow:var(--shadow-brand)}
.btn-copy:hover{background:var(--grad-primary-hover);box-shadow:var(--shadow-brand-hover);transform:translateY(-1px)}
.btn-copy:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-brand)}
.btn-copy svg{width:14px;height:14px}

@keyframes scaleIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}

@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.modal,.menu,.toast{border-radius:var(--md-rs-lg)}

.tb-titles b,.tb-titles small,.ttl,.card .ttl,.modal h3,
.p-head h2,.p-head .p-sub,.gate h2,.k-name,.k-doc,.limit-name,.share-note,.fmt-lock{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

input::placeholder,textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
input,textarea,.sel-doc,.search-overlay-field input{max-width:100%}

button,.btn-new,.btn-multi,.btn-ghost,.btn-conf,.btn-copy,.d-save,.ai-bar button,.gate a,
.ai-clear,.msg-acts button,.chip,.seg button{
  white-space:nowrap}
.m-acts button,.btn-new,.btn-multi,.btn-ghost,.btn-conf,.btn-copy,.d-save,.ai-bar button,.gate a,
.ai-clear,.msg-acts button,.chip,.seg button{
  max-width:100%;overflow:hidden;text-overflow:ellipsis;min-width:0}

.btn-new svg,.btn-multi svg,.ai-bar button svg,.gate a svg{flex:none}
.btn-new span{overflow:hidden;text-overflow:ellipsis;min-width:0}

input:focus-visible,select:focus-visible,textarea:focus-visible,
.modal input:focus-visible,.modal select:focus-visible,.modal textarea:focus-visible,
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,
.search-overlay-field input:focus-visible,.ac-sel:focus-visible,.sel-doc:focus-visible,
.copy-row input:focus-visible,.d-body textarea:focus-visible,.ai-doc-sel select:focus-visible,
.fmt-link input:focus-visible,.ai-input-wrap textarea:focus-visible{outline:none}

.btn-new:focus-visible,
.btn-conf:focus-visible,
.btn-ghost:focus-visible,
.btn-copy:focus-visible,
.d-save:focus-visible,
.fab-main:focus-visible,
.btn-multi:focus-visible,
.mini:focus-visible,
.c-act:focus-visible,
.d-close:focus-visible,
.m-close:focus-visible,
.pp-close:focus-visible,
.ai-send:focus-visible,
.ai-expand:focus-visible,
.ai-pick:focus-visible,
.ai-clear:focus-visible,
.ai-doc-btn:focus-visible,
.sb-item:focus-visible,
.ftab:focus-visible,
.seg button:focus-visible,
.row-acts a:focus-visible,
.grp-item:focus-visible,
.grp-add-bottom:focus-visible,
.grp-edit-bottom:focus-visible,
.grp-del:focus-visible,
.grp-rename:focus-visible,
.split-menu button:focus-visible{
  outline:2.5px solid var(--md-primary);
  outline-offset:2px;
  border-radius:9px;
}

.c-act:focus-visible,
.d-close:focus-visible,
.m-close:focus-visible,
.pp-close:focus-visible,
.ai-send:focus-visible,
.ai-expand:focus-visible,
.fab-main:focus-visible,
.btn-new:focus-visible,
.btn-conf:focus-visible,
.btn-ghost:focus-visible,
.btn-copy:focus-visible,
.d-save:focus-visible,
.btn-multi:focus-visible,
.mini:focus-visible{
  outline-offset:3px;
}

.c-act svg,
.d-close svg,
.m-close svg,
.pp-close svg,
.ai-expand svg,
.ai-pick-ic svg,
.ai-doc-btn svg,
.ai-clear svg,
.grp-del svg,
.row-acts a::before{
  transition:transform .18s cubic-bezier(.34,1.56,.64,1);
}
.c-act:hover svg{transform:scale(1.12)}
.d-close:hover svg,
.m-close:hover svg,
.pp-close:hover svg{transform:scale(1.1) rotate(0deg)}
.ai-expand:hover svg{transform:scale(1.12)}
.ai-pick:hover .ai-pick-ic svg{transform:scale(1.1)}
.ai-clear:hover svg{transform:scale(1.12)}
.grp-del:hover svg{transform:scale(1.15)}
.grp-rename:hover svg{transform:scale(1.15)}

.btn-new, .btn-conf, .btn-ghost, .btn-copy, .d-save, .fab-main, .btn-multi, .ai-send,
.ai-doc-btn, .ai-pick, .ai-clear, .mini, .c-act, .row-acts a,
.modal .m-acts button, .split-menu button, .gate a, .grp-add-bottom, .grp-edit-bottom, .grp-del,
.d-expand, .d-close, .d-tool{
  position:relative;overflow:hidden;
}
.ripple{
  position:absolute;border-radius:50%;
  background:rgba(255,255,255,.45);
  pointer-events:none;transform:scale(0);
  animation:rippleSpread .55s cubic-bezier(.2,.8,.2,1) forwards;
}

.btn-new.outline .ripple,
.btn-ghost .ripple,
.btn-multi .ripple,
.mini .ripple,
.c-act .ripple,
.row-acts a .ripple,
.ai-pick .ripple,
.split-menu button .ripple,
.d-expand .ripple,
.d-close .ripple,
.d-tool .ripple{
  background:rgba(var(--brand-rgb),.22);
}
.ai-clear .ripple{background:rgba(var(--error-rgb),.22)}
@keyframes rippleSpread{
  to{transform:scale(2.4);opacity:0}
}

.is-loading{
  pointer-events:none;color:transparent!important;
  position:relative;opacity:.85;
}
.is-loading::after{
  content:'';position:absolute;top:50%;left:50%;
  width:16px;height:16px;margin:-8px 0 0 -8px;
  border:2px solid rgba(255,255,255,.5);
  border-top-color:#fff;border-radius:50%;
  animation:spin .6s linear infinite;
}

.btn-new.outline.is-loading::after,
.btn-ghost.is-loading::after,
.btn-multi.is-loading::after,
.mini.is-loading::after,
.d-tool.is-loading::after{
  border-color:rgba(var(--brand-rgb),.25);
  border-top-color:var(--md-primary);
}
@keyframes spin{to{transform:rotate(360deg)}}

.btn-new:disabled, .btn-conf:disabled, .btn-ghost:disabled, .btn-copy:disabled,
.d-save:disabled, .fab-main:disabled, .btn-multi:disabled, .mini:disabled,
.ai-send:disabled, .ai-doc-btn:disabled, .btn-new[disabled]{
  opacity:.5;cursor:not-allowed;transform:none!important;
  box-shadow:none;filter:grayscale(.3);
}
.btn-new:disabled:hover, .btn-conf:disabled:hover, .btn-copy:disabled:hover,
.d-save:disabled:hover, .fab-main:disabled:hover{
  transform:none;box-shadow:none;
}

.toast{
  transform:translate(-50%,-24px) scale(.96);
  transition:opacity .25s,transform .35s cubic-bezier(.34,1.4,.64,1);
}
.toast.show{
  transform:translate(-50%,0) scale(1);
}
.toast .ic{animation:toastIc .4s cubic-bezier(.34,1.56,.64,1) both}
@keyframes toastIc{
  0%{transform:scale(0) rotate(-90deg);opacity:0}
  100%{transform:scale(1) rotate(0);opacity:1}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  
}


:root[data-color-scheme=dark]{
    --md-primary:#A78BFA; --md-on-primary:#1A0F2E;
    --md-primary-container:#3A2D5C; --md-on-primary-container:#E6E1FA;
    --brand-cyan:#8B5CF6; --brand-cyan-soft:#2A2440;
    --grad-primary:linear-gradient(135deg,#A78BFA,#8B5CF6);
    --grad-primary-hover:linear-gradient(135deg,#8B5CF6,#7C3AED);
    --grad-primary-soft:linear-gradient(135deg,#2A2440,#1F1A2E);
    --md-secondary:#C4B5FD; --md-on-secondary:#1A0F2E;
    --md-secondary-container:#2D2447; --md-on-secondary-container:#E6E1FA;
    --md-surface:#1F1A2E; --md-surface-dim:#161127;
    --md-surface-container:#2A2440; --md-surface-container-low:#241F38;
    --md-surface-container-high:#332B4D; --md-surface-container-highest:#3D3458;
    --md-outline:#7C6FA8; --md-outline-var:#4D4369;
    --md-on-surface:#E6E1FA; --md-on-surface-variant:#B8AED4;
    --md-error:#F87171; --md-on-error:#2E0A0A;
    --md-error-container:#4A1F1F; --md-on-error-container:#FECACA;
    --error-rgb:248,113,113;
    --md-ok:#34D399; --md-on-ok:#052E1A;
    --md-ok-container:#1A3A2A; --md-on-ok-container:#A7F3D0;
    --md-warn:#FBBF24; --md-on-warn:#1A0F00;
    --md-warn-container:#3D2E0A; --md-on-warn-container:#FCD34D;
    --md-scrollbar:#4A3D6A; --md-scrollbar-hover:#5A4D7A;
    --ink:#E6E1FA; --muted:#B8AED4; --muted-2:#8B7FA8;
    --line:#3D3458; --line-2:#332B4D;
    --bg:#161127;
    --shadow-rgb:0,0,0;
    --shadow-sm:0 1px 2px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.3);
    --shadow:0 2px 6px rgba(0,0,0,.5),0 6px 16px rgba(0,0,0,.4);
    --shadow-lg:0 6px 20px rgba(0,0,0,.6),0 12px 36px rgba(0,0,0,.5);
    --shadow-brand:0 8px 20px -6px rgba(167,139,250,.5);
    --shadow-brand-hover:0 10px 24px -6px rgba(167,139,250,.6);
    --brand-rgb:167,139,250;
}

:root[data-color-scheme=dark] ::selection{background:rgba(var(--brand-rgb),.35);color:#fff}

:root[data-color-scheme=dark] body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 800px 400px at 50% -10%, rgba(var(--brand-rgb),.08), transparent 60%);}

:root[data-color-scheme=dark] input,:root[data-color-scheme=dark] textarea,:root[data-color-scheme=dark] select{background:var(--md-surface-container)!important;color:var(--ink)!important}
:root[data-color-scheme=dark] input:focus,:root[data-color-scheme=dark] textarea:focus,:root[data-color-scheme=dark] select:focus{background:var(--md-surface)!important}

:root[data-color-scheme=dark] .codeblk pre{background:var(--md-surface-container-low);color:var(--ink)}

/* ===================== 夜间模式：光标行高亮增强 ===================== */
:root[data-color-scheme=dark] .editor-active-line{background:var(--md-surface-container-highest);opacity:.7}

:root[data-color-scheme=dark] .gate{background:var(--bg)}
:root[data-color-scheme=dark] .gate .lg-card{background:rgba(31,26,46,.92);border-color:var(--md-outline-var)}
:root[data-color-scheme=dark] .gate .lg-mode-btn{background:var(--md-surface-container)}

::selection{background:rgba(var(--brand-rgb),.25);color:inherit}



.card,.row-item,.grp-item,.doc-card{
  animation:fadeUp .3s cubic-bezier(.2,.9,.3,1) both;
}

.card:nth-child(1),.row-item:nth-child(1){animation-delay:0ms}
.card:nth-child(2),.row-item:nth-child(2){animation-delay:30ms}
.card:nth-child(3),.row-item:nth-child(3){animation-delay:60ms}
.card:nth-child(4),.row-item:nth-child(4){animation-delay:90ms}
.card:nth-child(5),.row-item:nth-child(5){animation-delay:120ms}
.card:nth-child(6),.row-item:nth-child(6){animation-delay:150ms}
.card:nth-child(7),.row-item:nth-child(7){animation-delay:180ms}
.card:nth-child(8),.row-item:nth-child(8){animation-delay:210ms}
.card:nth-child(n+9),.row-item:nth-child(n+9){animation:none}

.skeleton{
  background:linear-gradient(90deg,var(--md-surface-container) 25%,var(--md-surface-container-high) 50%,var(--md-surface-container) 75%);
  background-size:200% 100%;
  animation:skeleton 1.4s ease infinite;
  color:transparent!important;
  pointer-events:none;
  border-radius:var(--md-rs-sm);
}
@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}

.btn-new:active,.btn-conf:active,.btn-ghost:active,.btn-copy:active,
.d-save:active,.fab-main:active,.btn-multi:active,.mini:active,
.c-act:active,.ai-send:active,.ai-pick:active,.ai-clear:active,
.ai-doc-btn:active,.split-menu button:active,
.modal .m-acts button:active,.gate a:active,
.grp-add-bottom:active,.grp-edit-bottom:active,.grp-del:active,
.es-act:active{transform:scale(.97)}

.empty-state{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:48px 24px;text-align:center;gap:12px;
  animation:fadeUp .4s cubic-bezier(.2,.9,.3,1) both;
}
.empty-state .es-icon{
  width:72px;height:72px;border-radius:50%;
  background:var(--grad-primary-soft);
  display:grid;place-items:center;color:var(--md-primary);
  margin-bottom:4px;
}
.empty-state .es-icon svg{width:32px;height:32px}
.empty-state .es-title{font-size:15px;font-weight:600;color:var(--ink)}
.empty-state .es-desc{font-size:13px;color:var(--muted);line-height:1.6;max-width:280px}
.empty-state .es-act{
  margin-top:8px;padding:9px 20px;border-radius:var(--md-rs-full);
  background:var(--grad-primary);color:var(--md-on-primary);
  font-size:13px;font-weight:600;border:none;cursor:pointer;
  box-shadow:var(--shadow-brand);transition:all .18s;
}
.empty-state .es-act:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand-hover)}

.empty-state .es-ic{margin-bottom:4px;opacity:.9}
.empty-state .es-tt{font-size:14px;color:var(--muted);line-height:1.6;max-width:320px}

@supports (padding: env(safe-area-inset-bottom)){
  .ai-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .ai-pick-panel{padding-bottom:env(safe-area-inset-bottom,0px)}
}

/* ===================== 精简模式（低端机性能优化） =====================
 * 通过 <html data-lite="1"> 启用。覆盖范围：
 *   1. 关闭 backdrop-filter（模态遮罩 / loading / 登录卡 / 账号中心头像等）—— GPU 模糊最耗性能
 *   2. 关闭 transform 装饰动画（卡片 hover 缩放、按钮按压、modal 弹入缩放等）
 *   3. 简化 transition 为颜色/透明度过渡（保留视觉反馈，去掉 transform 重排）
 *   4. 移除 will-change 预分配（编辑器 / 行号容器 / 抽屉）
 *   5. 关闭装饰性 @keyframes（fadeUp / scaleIn / rippleSpread / glIn / toastIc / aiStopPulse / selFloatIn / skeleton）
 *   6. 关闭卡片错峰入场动画
 *   7. 简化 hover 阴影增强（保留基础阴影，去掉 hover 时额外大阴影）
 * 保留：opacity 过渡、滚动、焦点轮廓、关键状态颜色变化 —— 确保可用性不下降。 */

[data-lite="1"] .modal-scrim,
[data-lite="1"] .global-loading,
[data-lite="1"] .gate .lg-card,
[data-lite="1"] .ac-hero .ac-ava,
[data-lite="1"] .ac-hero .ac-vip-tag,
[data-lite="1"] .ac-hero .ac-donate,
[data-lite="1"] .scrim{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

[data-lite="1"] .card,
[data-lite="1"] .row-item,
[data-lite="1"] .c-act,
[data-lite="1"] .row-acts a,
[data-lite="1"] .mini,
[data-lite="1"] .chip,
[data-lite="1"] .btn-new,
[data-lite="1"] .btn-conf,
[data-lite="1"] .btn-ghost,
[data-lite="1"] .btn-copy,
[data-lite="1"] .btn-multi,
[data-lite="1"] .d-save,
[data-lite="1"] .d-tool,
[data-lite="1"] .d-tool-pill,
[data-lite="1"] .d-toggle-tools,
[data-lite="1"] .d-expand,
[data-lite="1"] .d-close,
[data-lite="1"] .m-close,
[data-lite="1"] .pp-close,
[data-lite="1"] .ai-send,
[data-lite="1"] .ai-pick,
[data-lite="1"] .ai-clear,
[data-lite="1"] .ai-doc-btn,
[data-lite="1"] .fab-main,
[data-lite="1"] .grp-add-bottom,
[data-lite="1"] .grp-edit-bottom,
[data-lite="1"] .grp-del,
[data-lite="1"] .grp-rename,
[data-lite="1"] .grp-item,
[data-lite="1"] .split-menu button,
[data-lite="1"] .modal .m-acts button,
[data-lite="1"] .gate a,
[data-lite="1"] .es-act,
[data-lite="1"] .ac-mode-row,
[data-lite="1"] .ac-row,
[data-lite="1"] .ac-theme-btn,
[data-lite="1"] .m-tab,
[data-lite="1"] .m-mini,
[data-lite="1"] .ds-list button,
[data-lite="1"] .menu,
[data-lite="1"] .modal,
[data-lite="1"] .doc-sheet{
  transition:opacity .12s ease, background-color .12s ease, border-color .12s ease, color .12s ease !important;
}

[data-lite="1"] .card:hover,
[data-lite="1"] .row-item:hover,
[data-lite="1"] .card:active,
[data-lite="1"] .row-item:active,
[data-lite="1"] .btn-new:active,
[data-lite="1"] .btn-conf:active,
[data-lite="1"] .btn-ghost:active,
[data-lite="1"] .btn-copy:active,
[data-lite="1"] .d-save:active,
[data-lite="1"] .fab-main:active,
[data-lite="1"] .btn-multi:active,
[data-lite="1"] .mini:active,
[data-lite="1"] .c-act:active,
[data-lite="1"] .ai-send:active,
[data-lite="1"] .ai-pick:active,
[data-lite="1"] .ai-clear:active,
[data-lite="1"] .ai-doc-btn:active,
[data-lite="1"] .split-menu button:active,
[data-lite="1"] .modal .m-acts button:active,
[data-lite="1"] .gate a:active,
[data-lite="1"] .grp-add-bottom:active,
[data-lite="1"] .grp-edit-bottom:active,
[data-lite="1"] .grp-del:active,
[data-lite="1"] .es-act:active,
[data-lite="1"] .es-act:hover,
[data-lite="1"] .btn-new.outline .ripple,
[data-lite="1"] .btn-ghost .ripple,
[data-lite="1"] .btn-multi .ripple,
[data-lite="1"] .mini .ripple,
[data-lite="1"] .c-act .ripple,
[data-lite="1"] .row-acts a .ripple,
[data-lite="1"] .ai-pick .ripple,
[data-lite="1"] .split-menu button .ripple,
[data-lite="1"] .d-expand .ripple,
[data-lite="1"] .d-close .ripple,
[data-lite="1"] .d-tool .ripple,
[data-lite="1"] .ai-clear .ripple{
  transform:none !important;
}

[data-lite="1"] .modal{
  transform:none !important;
}
[data-lite="1"] .modal-scrim.show .modal{transform:none !important}

[data-lite="1"] .menu{
  transform:none !important;
}
[data-lite="1"] .menu.show{transform:none !important}

[data-lite="1"] .toast{
  transition:opacity .15s ease !important;
  transform:translate(-50%,0) scale(1) !important;
}
[data-lite="1"] .toast.show{
  transform:translate(-50%,0) scale(1) !important;
}
[data-lite="1"] .toast .ic{animation:none !important}

[data-lite="1"] .gl-card{animation:none !important;transform:none !important}
[data-lite="1"] .gl-spinner{animation:spin .6s linear infinite}

[data-lite="1"] .card,
[data-lite="1"] .row-item,
[data-lite="1"] .grp-item,
[data-lite="1"] .doc-card{
  animation:none !important;
}

[data-lite="1"] .empty-state{animation:none !important}

[data-lite="1"] .ripple{display:none !important}

[data-lite="1"] .skeleton{
  animation:none !important;
  background:var(--md-surface-container-high) !important;
}

[data-lite="1"] .editor-active-line{transition:none !important}

[data-lite="1"] .drawer,
[data-lite="1"] #editor,
[data-lite="1"] .ln-container,
[data-lite="1"] .editor-mirror,
[data-lite="1"] .topbar,
[data-lite="1"] .toolbar-wrap,
[data-lite="1"] .fab-main,
[data-lite="1"] .group-panel,
[data-lite="1"] .sidebar{
  will-change:auto !important;
}

[data-lite="1"] .btn-new:hover,
[data-lite="1"] .btn-conf:hover,
[data-lite="1"] .btn-copy:hover,
[data-lite="1"] .fab-main:hover,
[data-lite="1"] .es-act:hover{
  transform:none !important;
  box-shadow:var(--shadow-brand) !important;
}
[data-lite="1"] .btn-conf:hover{box-shadow:var(--shadow-brand) !important}
[data-lite="1"] .btn-copy:hover{box-shadow:var(--shadow-brand) !important}

[data-lite="1"] .c-act:hover svg,
[data-lite="1"] .d-close:hover svg,
[data-lite="1"] .m-close:hover svg,
[data-lite="1"] .pp-close:hover svg,
[data-lite="1"] .ai-expand:hover svg,
[data-lite="1"] .ai-pick:hover .ai-pick-ic svg,
[data-lite="1"] .ai-doc-btn:hover svg,
[data-lite="1"] .ai-clear:hover svg,
[data-lite="1"] .grp-del:hover svg,
[data-lite="1"] .grp-rename:hover svg,
[data-lite="1"] .d-expand svg,
[data-lite="1"] .d-head-actions .d-expand svg,
[data-lite="1"] .d-toggle-tools svg{
  transition:none !important;
  transform:none !important;
}

[data-lite="1"] .d-toggle-tools.collapsed svg,
[data-lite="1"] .d-toggle-tools svg{
  transform:none !important;
}

[data-lite="1"] .d-tools-row{
  transition:max-height .15s ease, opacity .15s ease !important;
}

[data-lite="1"] .row-cb,
[data-lite="1"] .card .row-cb{
  transition:opacity .12s ease, border-color .12s ease, background .12s ease !important;
}

[data-lite="1"] .ai-stop-btn{
  animation:none !important;
}

[data-lite="1"] .sel-float{
  animation:none !important;
}

[data-lite="1"] .doc-sheet{
  transform:translateY(100%) !important;
}
[data-lite="1"] .doc-sheet-scrim.show .doc-sheet{
  transform:translateY(0) !important;
}