#auth-btn .auth-name-span{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:100px;
      }
      @media (max-width: 768px){
        #auth-btn{
          width:38px;
          height:38px;
          min-width:38px;
          padding:6px;
          border-radius:50%;
          gap:0;
        }
        #auth-btn .auth-name-span{
          display:none;
        }
      }

.aliases-block{margin:16px 0 18px 0;padding:14px 14px;border:1px solid var(--glass-border, rgba(255,255,255,0.14));background:rgba(0,0,0,0.03);border-radius:8px;} [data-theme="dark"] .aliases-block{background:rgba(255,255,255,0.05);} .aliases-title{font-weight:900;font-size:13px;color:var(--text-muted, #8b8ba7);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;} .aliases-tags{display:flex;flex-wrap:wrap;gap:10px;} .alias-tag{display:inline-flex;align-items:center;padding:8px 10px;border-radius:6px;border:1px solid var(--glass-border, rgba(255,255,255,0.14));background:var(--glass-bg, rgba(255,255,255,0.2));color:var(--text-primary, #1a1a2e);font-size:13px;font-weight:800;cursor:pointer;user-select:none;} .alias-tag:hover{border-color:rgba(236,72,153,0.35);color:var(--pink, #ec4899);}

.toc-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
    .toc-title { font-size: 16px; font-weight: 700; color: var(--text-primary); margin: 0; letter-spacing: 0.5px; }
    .toc-action-btn { background: none; border: none; color: var(--text-muted); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 6px; border-radius: 6px; transition: all 0.2s; }
    .toc-action-btn:hover { background: var(--glass-bg); color: var(--text-primary); }
    .toc-tree { list-style: none; padding: 0; margin: 0; }
    .toc-tree ul { list-style: none; padding-left: 16px; margin: 4px 0 4px 8px; border-left: 1px solid var(--glass-border); }
    .toc-tree li { margin: 6px 0; }
    .toc-node { display: flex; align-items: flex-start; position: relative; }
    .toc-toggle { cursor: pointer; border-radius: 4px; color: var(--text-muted); display:flex; align-items:center; justify-content:center; width: 24px; height: 28px; flex-shrink:0; margin-right: 4px; }
    .toc-toggle:hover { color: var(--accent); background: rgba(231,251,176,0.1); }
    .toc-toggle.empty { visibility: hidden; }
    .toc-toggle svg { width: 16px; height: 16px; transition: transform 0.2s ease; }
    .toc-item-container.collapsed > ul { display: none; }
    .toc-item-container.collapsed > .toc-node .toc-toggle svg { transform: rotate(-90deg); }
    .toc-link { flex: 1; display: block; padding: 6px 10px; border-radius: 6px; color: var(--text-secondary); text-decoration: none; transition: all 0.2s; line-height: 1.5; border-left: 2px solid transparent; }
    .toc-link:hover { color: var(--accent); background: var(--glass-bg); }
    .toc-link.active { color: var(--accent); font-weight: 600; background: rgba(99, 102, 241, 0.08); border-left-color: var(--accent); }
    .toc-link.level-1 { font-size: 15px; font-weight: 600; color: var(--text-primary); margin-top: 8px; }
    .toc-link.level-2 { font-size: 14px; font-weight: 500; }
    .toc-link.level-3 { font-size: 13px; font-weight: 400; }
    .toc-link.level-4 { font-size: 13px; font-weight: 400; opacity: 0.8; }

html[data-perf-mode="1"],
body.perf-mode {
  scroll-behavior: auto;
}

html[data-perf-mode="1"] *,
body.perf-mode * {
  animation-duration: 0s;
  animation-delay: 0s;
  transition-duration: 0s;
  transition-delay: 0s;
  scroll-behavior: auto;
}

html[data-perf-mode="1"] #confetti-canvas,
body.perf-mode #confetti-canvas,
html[data-perf-mode="1"] #sparks-container,
body.perf-mode #sparks-container,
html[data-perf-mode="1"] .cursor,
body.perf-mode .cursor,
html[data-perf-mode="1"] .cursor-follower,
body.perf-mode .cursor-follower,
html[data-perf-mode="1"] #sakana-widget,
body.perf-mode #sakana-widget,
html[data-perf-mode="1"] .hero-bg::after,
body.perf-mode .hero-bg::after,
html[data-perf-mode="1"] .spotlight-card::before,
body.perf-mode .spotlight-card::before {
  display: none;
  visibility: hidden;
  opacity: 0;
}

html[data-perf-mode="1"] .navbar::before,
body.perf-mode .navbar::before,
html[data-perf-mode="1"] .sidebar,
body.perf-mode .sidebar,
html[data-perf-mode="1"] .doc-toc,
body.perf-mode .doc-toc,
html[data-perf-mode="1"] .modal-box,
body.perf-mode .modal-box,
html[data-perf-mode="1"] .feature-card,
body.perf-mode .feature-card,
html[data-perf-mode="1"] .app-card,
body.perf-mode .app-card,
html[data-perf-mode="1"] .doc-card,
body.perf-mode .doc-card,
html[data-perf-mode="1"] .continue-item,
body.perf-mode .continue-item,
html[data-perf-mode="1"] .theme-group,
body.perf-mode .theme-group,
html[data-perf-mode="1"] .site-theme-dropdown,
body.perf-mode .site-theme-dropdown,
html[data-perf-mode="1"] #srbill-dock,
body.perf-mode #srbill-dock {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-perf-mode="1"] .hero-actions .btn-primary,
body.perf-mode .hero-actions .btn-primary,
html[data-perf-mode="1"] .home-ai-chat-shell,
body.perf-mode .home-ai-chat-shell,
html[data-perf-mode="1"] .home-showcase-shell,
body.perf-mode .home-showcase-shell,
html[data-perf-mode="1"] .home-demo-shell,
body.perf-mode .home-demo-shell,
html[data-perf-mode="1"] .home-showcase-nav,
body.perf-mode .home-showcase-nav,
html[data-perf-mode="1"] .home-demo-nav,
body.perf-mode .home-demo-nav,
html[data-perf-mode="1"] .scroll-indicator i,
body.perf-mode .scroll-indicator i,
html[data-perf-mode="1"] .scroll-indicator svg,
body.perf-mode .scroll-indicator svg,
html[data-perf-mode="1"] .typewriter-cursor,
body.perf-mode .typewriter-cursor {
  animation: none;
  -webkit-animation: none;
}

html[data-perf-mode="1"] .markdown-body strong,
body.perf-mode .markdown-body strong {
  background: none;
  background-image: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: var(--srbill-bold-color, var(--text-primary));
  -webkit-text-fill-color: var(--srbill-bold-color, var(--text-primary));
  box-shadow: none;
  animation: none;
  -webkit-animation: none;
  font-weight: 900;
}

html[data-perf-mode="1"] .feature-card:hover,
body.perf-mode .feature-card:hover,
html[data-perf-mode="1"] .app-card:hover,
body.perf-mode .app-card:hover,
html[data-perf-mode="1"] .doc-card:hover,
body.perf-mode .doc-card:hover,
html[data-perf-mode="1"] .continue-item:hover,
body.perf-mode .continue-item:hover,
html[data-perf-mode="1"] .backlink-item:hover,
body.perf-mode .backlink-item:hover {
  transform: none;
}

.srbill-tag{display:inline-flex;align-items:center;padding:2px 10px;margin:0 2px;border-radius:8px;background:rgba(231,251,176,.10);border:1px solid rgba(231,251,176,.20);color:var(--accent);font-size:.9em;font-weight:700;cursor:pointer;transition:.2s;text-decoration:none;white-space:nowrap;}.srbill-tag:hover{background:rgba(231,251,176,.18);border-color:rgba(231,251,176,.35);transform:translateY(-1px);}.tag-modal-list{display:flex;flex-direction:column;gap:6px;max-height:65vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}.tag-modal-item{padding:12px 14px;border:1px solid var(--glass-border);border-radius:12px;background:rgba(255,255,255,.03);cursor:pointer;transition:.2s;}.tag-modal-item:hover{border-color:rgba(231,251,176,.3);background:rgba(231,251,176,.06);transform:translateY(-1px);}.tag-item-doc{font-weight:800;font-size:13px;color:var(--text-primary);margin-bottom:2px;display:flex;align-items:center;gap:6px;}.tag-item-path{font-size:11px;color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center;gap:4px;flex-wrap:wrap;}.tag-item-path .folder{opacity:.7;}.tag-item-path .sep{opacity:.4;font-size:10px;}.tag-item-path .current{color:var(--text-secondary);font-weight:600;}.tag-item-heading{font-size:12px;color:var(--accent);font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:4px;}.tag-item-ctx{font-size:12px;color:var(--text-secondary);line-height:1.6;}.tag-item-ctx mark{background:rgba(231,251,176,.15);color:var(--accent);padding:0 2px;border-radius:3px;}