export declare const WEB_UI_STYLES = "    /*\n     * Typography scale \u2014 modular 1.25 ratio, base = 14px\n     * --text-xs   (caption):  ~11px  (base / 1.25^2, rounded)\n     * --text-sm   (small):     12px  (base / 1.25, rounded)\n     * --text-base (body):      14px\n     * --text-md   (h3):        18px  (base * 1.25, rounded)\n     * --text-lg   (h2):        22px  (base * 1.25^2, rounded)\n     * --text-xl   (h1):        28px  (base * 1.25^3, rounded)\n     */\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --text-xs: 11px;\n      --text-sm: 12px;\n      --text-base: 14px;\n      --text-md: 18px;\n      --text-lg: 22px;\n      --text-xl: 28px;\n      --bg: #f9f8f6;\n      --surface: #ffffff;\n      --surface-raised: #fafbfc;\n      --surface-sunken: #f1f3f6;\n      --ink: #1a1a18;\n      --ink-secondary: #3d3d3a;\n      --muted: #7a7872;\n      --accent: #b8860b;\n      --accent-hover: #9a7209;\n      --accent-dim: rgba(184,134,11,.08);\n      --accent-glow: rgba(184,134,11,.15);\n      --cyan: #2b5f8e;\n      --cyan-dim: rgba(43,95,142,.08);\n      --border: #e5e7eb;\n      --border-light: #f3f4f6;\n      --danger: #c45a4a;\n      --danger-dim: rgba(239,68,68,.08);\n      --warning: #d4892e;\n      --success: #10b981;\n      --success-dim: rgba(16,185,129,.08);\n      --purple: #b8860b;\n      --purple-dim: rgba(184,134,11,.08);\n      --blue: #3b82f6;\n      --red: #c45a4a;\n      --green: #10b981;\n      --radius: 10px;\n      --radius-sm: 6px;\n      --shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.02);\n      --shadow: 0 2px 8px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);\n      --shadow-lg: 0 8px 24px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);\n      --font: \"Inter\", system-ui, -apple-system, sans-serif;\n      --mono: \"JetBrains Mono\", \"Fira Code\", \"Cascadia Code\", monospace;\n    }\n\n    [data-theme=\"dark\"] {\n      --bg: #0d0e0c;\n      --surface: #15160f;\n      --surface-raised: #1c1d16;\n      --surface-sunken: #0a0b08;\n      --ink: #e8e4d9;\n      --ink-secondary: #b5b0a3;\n      --muted: #6b6860;\n      --accent: #d4892e;\n      --accent-hover: #e09a3a;\n      --accent-dim: rgba(212,137,46,.10);\n      --accent-glow: rgba(212,137,46,.18);\n      --cyan: #3a7bae;\n      --cyan-dim: rgba(58,123,174,.12);\n      --border: #2a2820;\n      --border-light: #1e1d17;\n      --danger-dim: rgba(239,68,68,.1);\n      --success-dim: rgba(16,185,129,.1);\n      --purple-dim: rgba(212,137,46,.12);\n      --shadow-sm: 0 1px 3px rgba(0,0,0,.4);\n      --shadow: 0 2px 8px rgba(0,0,0,.5), 0 0 1px rgba(0,0,0,.3);\n      --shadow-lg: 0 8px 32px rgba(0,0,0,.6), 0 0 1px rgba(0,0,0,.4);\n    }\n    [data-theme=\"dark\"] .split-item.selected { background: rgba(212,137,46,.08); border-left-color: var(--accent); }\n    [data-theme=\"dark\"] .split-item:hover { background: var(--surface-raised); }\n    [data-theme=\"dark\"] .hook-item.selected { background: rgba(212,137,46,.08); border-left-color: var(--accent); }\n    [data-theme=\"dark\"] .hook-item:hover { background: var(--surface-raised); }\n    [data-theme=\"dark\"] .projects-search { background: var(--surface); color: var(--ink); }\n    [data-theme=\"dark\"] .review-filters select { background: var(--surface); color: var(--ink); }\n    [data-theme=\"dark\"] .review-edit-textarea { background: var(--surface-sunken); color: var(--ink); border-color: var(--border); }\n    [data-theme=\"dark\"] .reader-content textarea { background: var(--surface-sunken); color: var(--ink); }\n    [data-theme=\"dark\"] .graph-container { background: #0a0b08; }\n    [data-theme=\"dark\"] .reader-toolbar { background: var(--surface-sunken); }\n    [data-theme=\"dark\"] .card { border-color: var(--border); }\n    [data-theme=\"dark\"] .badge-project { background: rgba(212,137,46,.15); color: #d4892e; }\n    [data-theme=\"dark\"] .badge { background: var(--surface-sunken); }\n    [data-theme=\"dark\"] .review-card { border-color: var(--border); background: var(--surface-raised); }\n    [data-theme=\"dark\"] .review-card:hover { border-color: var(--accent); }\n\n    body {\n      font-family: var(--font);\n      background: var(--bg);\n      color: var(--ink);\n      line-height: 1.5;\n      min-height: 100vh;\n    }\n\n    /* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .header {\n      background: rgba(255,255,255,.82);\n      backdrop-filter: blur(16px) saturate(1.8);\n      -webkit-backdrop-filter: blur(16px) saturate(1.8);\n      border-bottom: 1px solid var(--border);\n      padding: 0 24px;\n      display: flex;\n      align-items: center;\n      gap: 32px;\n      height: 56px;\n      position: sticky;\n      top: 0;\n      z-index: 100;\n    }\n    [data-theme=\"dark\"] .header {\n      background: rgba(13,14,12,.82);\n      border-bottom-color: var(--border);\n      box-shadow: 0 1px 0 rgba(212,137,46,.08);\n    }\n    .header-brand {\n      font-size: var(--text-md);\n      font-weight: 700;\n      color: var(--accent);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      letter-spacing: -0.03em;\n    }\n    .header-brand svg {\n      width: 28px;\n      height: 28px;\n      opacity: .9;\n      flex-shrink: 0;\n      filter: drop-shadow(0 0 4px rgba(155,139,196,.5));\n      cursor: pointer;\n      animation: phren-breathe 3.6s ease-in-out infinite;\n      transform-origin: center;\n      transition: filter .2s;\n    }\n    .header-brand svg:hover {\n      animation: phren-wobble .5s ease-in-out;\n      filter: drop-shadow(0 0 8px rgba(155,139,196,.7));\n    }\n    .header-brand svg.popped {\n      animation: phren-pop .45s ease-out forwards;\n    }\n    @keyframes phren-breathe {\n      0%, 100% { transform: scale(1); filter: drop-shadow(0 0 4px rgba(155,139,196,.5)); }\n      50% { transform: scale(1.06); filter: drop-shadow(0 0 6px rgba(155,139,196,.65)); }\n    }\n    @keyframes phren-wobble {\n      0%   { transform: rotate(0deg) scale(1.1); }\n      20%  { transform: rotate(-12deg) scale(1.1); }\n      40%  { transform: rotate(10deg) scale(1.1); }\n      60%  { transform: rotate(-6deg) scale(1.1); }\n      80%  { transform: rotate(4deg) scale(1.1); }\n      100% { transform: rotate(0deg) scale(1.1); }\n    }\n    @keyframes phren-pop {\n      0%   { transform: scale(1); }\n      30%  { transform: scale(1.35); filter: drop-shadow(0 0 8px rgba(155,139,196,.8)); }\n      60%  { transform: scale(0.92); }\n      100% { transform: scale(1); filter: drop-shadow(0 0 4px rgba(155,139,196,.5)); }\n    }\n    .nav { display: flex; gap: 0; height: 100%; }\n    .nav-item {\n      padding: 0 16px;\n      font-size: var(--text-base);\n      font-weight: 500;\n      color: var(--muted);\n      cursor: pointer;\n      border: none;\n      background: none;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      border-bottom: 2px solid transparent;\n      transition: color .15s, border-color .15s;\n      font-family: var(--font);\n      letter-spacing: -0.01em;\n    }\n    .nav-item:hover { color: var(--ink); }\n    .nav-item.active {\n      color: var(--accent);\n      border-bottom-color: var(--accent);\n      font-weight: 600;\n    }\n    .nav-item .count {\n      background: var(--accent-dim);\n      color: var(--accent);\n      font-size: var(--text-xs);\n      padding: 0 8px;\n      border-radius: 10px;\n      margin-left: 8px;\n      font-weight: 700;\n      letter-spacing: .02em;\n    }\n\n    /* \u2500\u2500 Main \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .main { padding: 24px; max-width: 1400px; margin: 0 auto; }\n    .tab-content { display: none; }\n    .tab-content.active { display: block; }\n\n    /* \u2500\u2500 Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .card {\n      background: var(--surface-raised);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      box-shadow: var(--shadow-sm);\n      overflow: hidden;\n    }\n    .card-header {\n      padding: 12px 20px;\n      border-bottom: 1px solid var(--border-light);\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: var(--surface-raised);\n    }\n    .card-header h2 {\n      font-size: var(--text-sm);\n      font-weight: 650;\n      text-transform: uppercase;\n      letter-spacing: .05em;\n      color: var(--muted);\n    }\n    .card-body { padding: 20px; }\n\n    /* \u2500\u2500 Projects Tab \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .projects-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n      gap: 16px;\n    }\n    .project-card {\n      background: var(--surface-raised);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 20px;\n      cursor: pointer;\n      transition: box-shadow .2s, border-color .2s, transform .15s;\n      position: relative;\n    }\n    .project-card:hover {\n      box-shadow: var(--shadow-lg);\n      border-color: color-mix(in srgb, var(--accent) 40%, var(--border));\n      transform: translateY(-1px);\n    }\n    .project-card.selected {\n      border-color: var(--accent);\n      box-shadow: 0 0 0 1px var(--accent), var(--shadow);\n    }\n    .project-card-name {\n      font-size: var(--text-md);\n      font-weight: 600;\n      margin-bottom: 8px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .project-card-summary {\n      font-size: var(--text-base);\n      color: var(--muted);\n      line-height: 1.5;\n      margin-bottom: 12px;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n    .project-card-stats {\n      display: flex;\n      gap: 16px;\n      font-size: var(--text-sm);\n      color: var(--muted);\n    }\n    .project-card-stat {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n    .project-card-stat strong { color: var(--ink); font-weight: 600; }\n\n    /* Project detail panel */\n    .project-detail {\n      margin-top: 20px;\n    }\n    .project-detail-header {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      margin-bottom: 16px;\n    }\n    .project-detail-header h2 { font-size: var(--text-lg); font-weight: 700; }\n    .project-detail-header .btn { font-size: var(--text-sm); }\n    .project-detail-tabs {\n      display: flex;\n      gap: 0;\n      border-bottom: 1px solid var(--border);\n      margin-bottom: 0;\n    }\n    .project-detail-tab {\n      padding: 12px 20px;\n      font-size: var(--text-base);\n      font-weight: 500;\n      color: var(--muted);\n      cursor: pointer;\n      border: none;\n      background: none;\n      border-bottom: 2px solid transparent;\n      font-family: var(--font);\n      transition: color .15s;\n    }\n    .project-detail-tab:hover { color: var(--ink); }\n    .project-detail-tab.active { color: var(--accent); border-bottom-color: var(--accent); }\n    .project-detail-content {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-top: none;\n      border-radius: 0 0 var(--radius) var(--radius);\n      min-height: 400px;\n    }\n    .project-detail-content pre {\n      margin: 0;\n      padding: 20px;\n      font-family: var(--mono);\n      font-size: var(--text-sm);\n      line-height: 1.7;\n      white-space: pre-wrap;\n      word-break: break-word;\n      overflow: auto;\n      max-height: 600px;\n    }\n    .project-detail-empty {\n      padding: 60px 20px;\n      text-align: center;\n      color: var(--muted);\n      font-size: var(--text-base);\n    }\n\n    /* \u2500\u2500 Finding detail cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .finding-cards { display: flex; flex-direction: column; gap: 10px; padding: 14px; }\n    .finding-detail-card {\n      border: 1px solid var(--border);\n      border-radius: var(--radius-sm);\n      background: var(--surface-raised);\n      overflow: hidden;\n    }\n    .finding-detail-card summary {\n      list-style: none;\n      cursor: pointer;\n      padding: 12px 14px;\n      color: var(--ink-secondary);\n      font-size: var(--text-sm);\n      line-height: 1.5;\n      font-weight: 500;\n    }\n    .finding-detail-card summary::-webkit-details-marker { display: none; }\n    .finding-detail-card[open] summary {\n      border-bottom: 1px solid var(--border-light);\n      background: color-mix(in srgb, var(--accent) 4%, var(--surface-raised));\n    }\n    .finding-detail-meta {\n      padding: 10px 14px 12px;\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      align-items: center;\n      font-size: var(--text-xs);\n      color: var(--muted);\n    }\n    .finding-score-indicator {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      display: inline-block;\n      margin-right: 6px;\n      vertical-align: middle;\n    }\n    .finding-score-indicator.healthy { background: #10b981; }\n    .finding-score-indicator.decaying { background: #f59e0b; }\n    .finding-score-indicator.stale { background: #ef4444; }\n\n\n    /* \u2500\u2500 Review Tab \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .review-filters {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 16px;\n      flex-wrap: wrap;\n    }\n    .review-filters select {\n      padding: 8px 28px 8px 12px;\n      border: 1px solid var(--border);\n      border-radius: var(--radius-sm);\n      font-size: var(--text-sm);\n      font-family: var(--font);\n      font-weight: 500;\n      background: var(--surface);\n      color: var(--ink-secondary);\n      outline: none;\n      cursor: pointer;\n      transition: border-color .15s;\n      appearance: none;\n      -webkit-appearance: none;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' stroke-width='1.5'/%3E%3C/svg%3E\");\n      background-repeat: no-repeat;\n      background-position: right 8px center;\n    }\n    .review-filters select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim); }\n    .review-cards { display: flex; flex-direction: column; gap: 12px; }\n    .review-card {\n      background: var(--surface-raised);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 0;\n      box-shadow: var(--shadow-sm);\n      transition: border-color .2s, box-shadow .2s;\n      overflow: hidden;\n    }\n    .review-card:hover {\n      border-color: color-mix(in srgb, var(--accent) 30%, var(--border));\n      box-shadow: var(--shadow), 0 0 0 1px var(--accent-dim);\n    }\n    .review-card-inner {\n      padding: 16px 18px;\n    }\n    .review-card-header {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      margin-bottom: 10px;\n      flex-wrap: wrap;\n    }\n    .review-card-text {\n      font-size: var(--text-base);\n      line-height: 1.65;\n      margin-bottom: 12px;\n      color: var(--ink);\n    }\n    .review-card-text code {\n      background: var(--surface-sunken);\n      border: 1px solid var(--border);\n      padding: 0 4px;\n      border-radius: 4px;\n      font-size: var(--text-sm);\n      font-family: var(--mono);\n    }\n    .review-card-text p { margin: 0 0 8px; }\n    .review-card-text p:last-child { margin-bottom: 0; }\n    .review-card-actions {\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      padding-top: 10px;\n      border-top: 1px solid var(--border-light);\n    }\n    .review-card-edit {\n      margin-top: 12px;\n      padding-top: 12px;\n      border-top: 1px solid var(--border-light);\n    }\n    .review-edit-textarea {\n      width: 100%;\n      min-height: 80px;\n      padding: 12px 16px;\n      border: 1px solid var(--border);\n      border-radius: var(--radius-sm);\n      font-size: var(--text-base);\n      font-family: var(--font);\n      line-height: 1.6;\n      resize: vertical;\n      background: var(--surface-sunken);\n      color: var(--ink);\n      transition: border-color .15s;\n    }\n    .review-edit-textarea:focus {\n      outline: none;\n      border-color: var(--accent);\n      box-shadow: 0 0 0 3px var(--accent-dim);\n    }\n    .review-help {\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      background: var(--surface);\n      overflow: hidden;\n    }\n    .review-help summary {\n      cursor: pointer;\n      font-size: var(--text-sm);\n      font-weight: 600;\n      color: var(--muted);\n      padding: 12px 16px;\n      letter-spacing: .02em;\n      text-transform: uppercase;\n    }\n    .review-help dl { margin: 0; padding: 0 16px 16px; font-size: var(--text-base); }\n    .review-help dt { font-weight: 600; margin-top: 12px; color: var(--ink-secondary); font-size: var(--text-base); }\n    .review-help dd { margin: 4px 0 0 0; color: var(--muted); line-height: 1.55; font-size: var(--text-base); }\n    .review-help dd code {\n      background: var(--surface-sunken);\n      border: 1px solid var(--border);\n      padding: 0 4px;\n      border-radius: 4px;\n      font-size: var(--text-sm);\n      font-family: var(--mono);\n    }\n    .panes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }\n    .card ul { margin: 0; padding-left: 0; list-style: none; max-height: 220px; overflow: auto; font-size: var(--text-sm); }\n    .card li { padding: 8px 0; color: var(--muted); border-bottom: 1px solid var(--border-light); line-height: 1.5; font-size: var(--text-sm); }\n    .card li:last-child { border-bottom: none; }\n\n    /* \u2500\u2500 Star button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .star-btn {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      background: none;\n      border: none;\n      font-size: var(--text-md);\n      cursor: pointer;\n      color: var(--border);\n      transition: color .15s;\n      padding: 4px;\n      line-height: 1;\n    }\n    .star-btn:hover { color: var(--warning); }\n    .star-btn.starred { color: var(--warning); }\n\n    /* \u2500\u2500 Project search \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .projects-search {\n      width: 100%;\n      padding: 12px 16px;\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      font-size: var(--text-base);\n      font-family: var(--font);\n      margin-bottom: 16px;\n      background: var(--surface);\n      outline: none;\n      transition: border-color .15s;\n    }\n    .projects-search:focus { border-color: var(--accent); }\n\n    /* \u2500\u2500 GitHub link \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .github-link {\n      font-size: var(--text-sm);\n      color: var(--muted);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n    }\n    .github-link:hover { color: var(--ink); }\n\n    /* \u2500\u2500 Graph Tab \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .graph-container {\n      background: #0d0e0c;\n      border-radius: var(--radius);\n      border: 1px solid var(--border);\n      overflow: hidden;\n      position: relative;\n    }\n    #graph-canvas {\n      width: 100%;\n      height: calc(100vh - 160px);\n      min-height: 800px;\n      display: block;\n      cursor: grab;\n    }\n    #graph-canvas:active { cursor: grabbing; }\n    .graph-controls {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      z-index: 2;\n    }\n    .graph-controls button {\n      width: 36px;\n      height: 36px;\n      background: rgba(255,255,255,.1);\n      border: 1px solid rgba(255,255,255,.15);\n      border-radius: 6px;\n      color: #e2e8f0;\n      font-size: var(--text-md);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      backdrop-filter: blur(8px);\n      transition: background .15s;\n    }\n    .graph-controls button:hover { background: rgba(255,255,255,.2); }\n    .graph-legend {\n      display: flex;\n      gap: 24px;\n      padding: 14px 20px;\n      background: rgba(10,11,8,.85);\n      border-top: 1px solid rgba(255,255,255,.1);\n      backdrop-filter: blur(8px);\n    }\n    .graph-legend-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      color: #94a3b8;\n      font-size: var(--text-sm);\n      font-weight: 500;\n    }\n    .graph-legend-dot {\n      width: 12px;\n      height: 12px;\n      border-radius: 50%;\n      display: inline-block;\n    }\n    .graph-tooltip {\n      position: absolute;\n      background: rgba(10,11,8,.95);\n      color: #e2e8f0;\n      padding: 8px 12px;\n      border-radius: 6px;\n      font-size: var(--text-sm);\n      max-width: 300px;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity .15s;\n      border: 1px solid rgba(255,255,255,.1);\n      line-height: 1.4;\n      z-index: 10;\n    }\n    .graph-tooltip.visible { opacity: 1; }\n    .graph-filters {\n      position: absolute;\n      top: 12px;\n      left: 12px;\n      right: 52px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      padding: 10px 14px;\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: 8px;\n      backdrop-filter: blur(8px);\n    }\n    .graph-filter {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      align-items: center;\n    }\n    .graph-filter-btn {\n      padding: 4px 12px;\n      background: rgba(255,255,255,.08);\n      border: 1px solid rgba(255,255,255,.12);\n      border-radius: 20px;\n      color: #94a3b8;\n      font-size: var(--text-xs);\n      font-weight: 500;\n      cursor: pointer;\n      transition: all .15s;\n      font-family: var(--font);\n    }\n    .graph-filter-btn:hover, .graph-filter-btn.active {\n      background: rgba(255,255,255,.15);\n      color: #e2e8f0;\n    }\n\n    /* \u2500\u2500 Two-pane (Skills/Hooks) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .split-view {\n      display: grid;\n      grid-template-columns: 280px 1fr;\n      gap: 0;\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      background: var(--surface);\n      height: calc(100vh - 140px);\n      min-height: 520px;\n      overflow: hidden;\n    }\n    .split-sidebar {\n      border-right: 1px solid var(--border);\n      overflow-y: auto;\n      background: var(--surface-sunken);\n    }\n    .split-group-label {\n      padding: 8px 16px;\n      font-size: var(--text-xs);\n      text-transform: uppercase;\n      letter-spacing: .06em;\n      color: var(--muted);\n      font-weight: 600;\n      background: var(--surface-sunken);\n      border-bottom: 1px solid var(--border);\n      position: sticky;\n      top: 0;\n    }\n    .split-item {\n      padding: 12px 16px;\n      cursor: pointer;\n      border-bottom: 1px solid var(--border-light);\n      font-size: var(--text-base);\n      transition: background .1s;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    .split-item:hover { background: var(--surface-raised); }\n    .split-item.selected { background: var(--accent-dim); border-left: 3px solid var(--accent); padding-left: 12px; }\n    .split-reader {\n      display: flex;\n      flex-direction: column;\n    }\n    .reader-toolbar {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border);\n      background: var(--surface-sunken);\n    }\n    .reader-title { font-weight: 650; font-size: var(--text-base); flex-shrink: 0; }\n    .reader-path {\n      font-size: var(--text-xs);\n      color: var(--muted);\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-family: var(--mono);\n    }\n    .reader-content {\n      flex: 1;\n      overflow: auto;\n      display: flex;\n      flex-direction: column;\n      min-height: 0;\n    }\n    .reader-content pre {\n      margin: 0;\n      padding: 20px;\n      font-size: var(--text-sm);\n      line-height: 1.7;\n      font-family: var(--mono);\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n    .reader-content textarea {\n      flex: 1;\n      width: 100%;\n      min-height: 300px;\n      padding: 20px;\n      font-size: var(--text-sm);\n      line-height: 1.7;\n      font-family: var(--mono);\n      border: none;\n      outline: none;\n      resize: none;\n    }\n    .reader-empty {\n      padding: 60px 20px;\n      text-align: center;\n      color: var(--muted);\n      font-size: var(--text-base);\n    }\n\n    /* Hook items */\n    .hook-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--border-light);\n      cursor: pointer;\n      transition: background .1s;\n    }\n    .hook-item:hover { background: var(--surface-raised); }\n    .hook-item.selected { background: var(--accent-dim); border-left: 3px solid var(--accent); padding-left: 12px; }\n    .hook-name { flex: 1; font-size: var(--text-base); font-weight: 500; }\n    .hook-custom-event { font-size: var(--text-sm); font-weight: 600; color: var(--ink); }\n    .hook-custom-cmd { font-size: var(--text-xs); color: var(--muted); word-break: break-all; margin-top: 4px; }\n\n    /* \u2500\u2500 Badges & Buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 2px 8px;\n      border-radius: 6px;\n      font-size: var(--text-xs);\n      font-weight: 600;\n      background: var(--surface-sunken);\n      color: var(--muted);\n      letter-spacing: .02em;\n      text-transform: uppercase;\n    }\n    .badge-project { background: var(--purple-dim); color: var(--purple); }\n    .badge-on { background: var(--success-dim); color: var(--success); }\n    .badge-off { background: var(--danger-dim); color: var(--danger); }\n    .badge-count { background: var(--accent); color: white; min-width: 20px; text-align: center; border-radius: 10px; }\n    .badge-machine { background: var(--accent-dim); color: var(--accent); }\n    .badge-model { background: rgba(245,158,11,.1); color: #d97706; }\n\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 8px 16px;\n      border-radius: var(--radius-sm);\n      font-size: var(--text-sm);\n      font-weight: 550;\n      font-family: var(--font);\n      cursor: pointer;\n      transition: all .15s ease;\n      border: 1px solid var(--border);\n      background: var(--surface);\n      color: var(--ink-secondary);\n      letter-spacing: -0.01em;\n    }\n    .btn:hover { background: var(--surface-sunken); color: var(--ink); }\n    .btn:active { transform: scale(.97); }\n    .btn-primary { background: var(--accent); color: white; border-color: transparent; }\n    .btn-primary:hover { background: var(--accent-hover); }\n    .btn-approve {\n      background: var(--success-dim);\n      color: var(--success);\n      border-color: transparent;\n      font-weight: 600;\n    }\n    .btn-approve:hover { background: var(--success); color: white; }\n    .btn-reject {\n      background: transparent;\n      color: var(--muted);\n      border-color: var(--border);\n    }\n    .btn-reject:hover { background: var(--danger-dim); color: var(--danger); border-color: var(--danger); }\n    .btn-sm { padding: 4px 12px; font-size: var(--text-xs); }\n\n    kbd {\n      background: var(--surface-sunken);\n      border: 1px solid var(--border);\n      border-radius: 4px;\n      padding: 0 8px;\n      font-size: var(--text-xs);\n      font-family: var(--mono);\n      font-weight: 550;\n      color: var(--muted);\n      line-height: 1;\n    }\n\n    .text-muted { color: var(--muted); }\n    .status-msg { font-size: var(--text-sm); padding: 4px 8px; border-radius: var(--radius-sm); }\n    .status-msg.ok { background: var(--success-dim); color: var(--green); }\n    .status-msg.err { background: var(--danger-dim); color: var(--red); }\n\n    /* \u2500\u2500 Status LED \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .status-led {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      display: inline-block;\n      vertical-align: middle;\n      margin-right: 8px;\n      flex-shrink: 0;\n    }\n    .status-led-ok {\n      background: #22c55e;\n      color: #22c55e;\n      animation: ledPulse 2.5s infinite;\n    }\n    .status-led-warn {\n      background: #f59e0b;\n      color: #f59e0b;\n      animation: ledPulse 1.2s infinite;\n    }\n    .status-led-err {\n      background: #ef4444;\n      color: #ef4444;\n      animation: ledPulse 0.6s infinite;\n    }\n    @keyframes ledPulse {\n      0% { opacity: 1; box-shadow: 0 0 0 0 currentColor; }\n      70% { opacity: 0.8; box-shadow: 0 0 0 5px transparent; }\n      100% { opacity: 1; }\n    }\n\n    @media (max-width: 900px) {\n      .projects-grid { grid-template-columns: 1fr; }\n      .split-view { grid-template-columns: 1fr; }\n      .panes { grid-template-columns: 1fr; }\n      .header { padding: 0 12px; gap: 12px; }\n      .main { padding: 16px; }\n    }\n\n    ::view-transition-old(root), ::view-transition-new(root) {\n      animation-duration: 0.18s;\n    }\n\n    @keyframes cardIn {\n      from { opacity: 0; transform: translateY(8px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    .review-card {\n      animation: cardIn 0.3s cubic-bezier(.21,1.02,.73,1) backwards;\n    }\n    .review-card.removing {\n      animation: cardOut 0.25s ease forwards;\n      pointer-events: none;\n    }\n    @keyframes cardOut {\n      to { opacity: 0; transform: translateY(-6px) scale(.98); margin-top: -4px; padding: 0; }\n    }\n\n    /* \u2500\u2500 Batch actions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .review-card-check {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      width: 18px;\n      height: 18px;\n      border: 2px solid var(--border);\n      border-radius: 4px;\n      cursor: pointer;\n      background: var(--surface);\n      transition: all .15s;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 2;\n    }\n    .review-card-check:hover { border-color: var(--accent); }\n    .review-card-check.checked {\n      background: var(--accent);\n      border-color: var(--accent);\n    }\n    .review-card-check.checked::after {\n      content: '';\n      width: 6px;\n      height: 10px;\n      border: solid white;\n      border-width: 0 2px 2px 0;\n      transform: rotate(45deg);\n      margin-top: -2px;\n    }\n    .review-card { position: relative; }\n    .batch-bar {\n      position: fixed;\n      bottom: 24px;\n      left: 50%;\n      transform: translateX(-50%) translateY(80px);\n      background: var(--surface-raised, #1a2233);\n      border: 1px solid var(--border);\n      border-radius: 12px;\n      padding: 12px 16px;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      box-shadow: 0 8px 32px rgba(0,0,0,.2);\n      z-index: 500;\n      transition: transform .3s cubic-bezier(.21,1.02,.73,1);\n      pointer-events: all;\n    }\n    .batch-bar.visible {\n      transform: translateX(-50%) translateY(0);\n    }\n    .batch-bar-count {\n      font-size: var(--text-base);\n      font-weight: 600;\n      color: var(--ink);\n      min-width: 80px;\n    }\n\n    .review-banner-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 2px 10px;\n      border-radius: 99px;\n      font-size: var(--text-xs);\n      font-weight: 600;\n      background: var(--surface-raised);\n      border: 1px solid var(--border);\n      color: var(--ink);\n    }\n    .review-banner-pill.rp-danger {\n      background: rgba(239,68,68,.12);\n      border-color: rgba(239,68,68,.3);\n      color: #f87171;\n    }\n    .review-banner-pill.rp-warn {\n      background: rgba(251,191,36,.10);\n      border-color: rgba(251,191,36,.3);\n      color: #fbbf24;\n    }\n\n    /* \u2500\u2500 Diff view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .review-diff {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1px;\n      background: var(--border);\n      border: 1px solid var(--border);\n      border-radius: var(--radius-sm);\n      overflow: hidden;\n      margin-bottom: 8px;\n      font-size: var(--text-sm);\n      font-family: var(--mono);\n      line-height: 1.6;\n    }\n    .review-diff-pane {\n      padding: 12px;\n      background: var(--surface-sunken);\n      white-space: pre-wrap;\n      word-break: break-word;\n      min-height: 60px;\n    }\n    .review-diff-pane-label {\n      font-size: var(--text-xs);\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: .05em;\n      color: var(--muted);\n      margin-bottom: 8px;\n      font-family: var(--font);\n    }\n    .diff-del { background: var(--danger-dim); color: var(--danger); text-decoration: line-through; }\n    .diff-ins { background: var(--success-dim); color: var(--success); }\n\n    /* \u2500\u2500 Drag reorder \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .review-card.dragging {\n      opacity: .5;\n      transform: scale(.98);\n      z-index: 10;\n    }\n    .review-card.drag-over {\n      border-top: 2px solid var(--accent);\n      margin-top: -1px;\n    }\n    .review-card-drag-handle {\n      width: 16px;\n      height: 16px;\n      cursor: grab;\n      color: var(--border);\n      transition: color .15s;\n      flex-shrink: 0;\n      margin-right: 4px;\n    }\n    .review-card-drag-handle:hover { color: var(--muted); }\n    .review-card-drag-handle:active { cursor: grabbing; }\n\n\n    /* \u2500\u2500 Similarity groups \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .review-group {\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 8px;\n      margin-bottom: 12px;\n      background: color-mix(in srgb, var(--surface) 95%, var(--accent) 5%);\n    }\n    .review-group .review-card { margin-bottom: 8px; }\n    .review-group .review-card:last-child { margin-bottom: 0; }\n    .review-group-header {\n      font-size: var(--text-xs);\n      color: var(--muted);\n      margin-bottom: 8px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 4px;\n    }\n    .review-group-toggle {\n      background: none;\n      border: none;\n      color: var(--muted);\n      cursor: pointer;\n      font-size: var(--text-xs);\n      padding: 0 4px;\n    }\n    .review-group-toggle:hover { color: var(--ink-secondary); }\n    .review-group.collapsed .review-card:not(:first-child) { display: none; }\n\n    /* \u2500\u2500 Select all \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .review-select-all {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: var(--text-sm);\n      color: var(--muted);\n      cursor: pointer;\n      user-select: none;\n      margin-bottom: 8px;\n    }\n    .review-select-all input[type=\"checkbox\"] {\n      width: 14px;\n      height: 14px;\n      cursor: pointer;\n      accent-color: var(--accent);\n    }\n    /* \u2500\u2500 Toast \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .toast-container {\n      position: fixed;\n      bottom: 24px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 999;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      pointer-events: none;\n    }\n    .toast {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 16px;\n      background: var(--surface-raised, #1a2233);\n      color: var(--ink, #e8ecf4);\n      border: 1px solid var(--border, #1e2a3e);\n      border-radius: var(--radius);\n      font-size: var(--text-base);\n      font-weight: 500;\n      box-shadow: 0 8px 32px rgba(0,0,0,.2);\n      pointer-events: all;\n      animation: toastIn 0.25s cubic-bezier(.21,1.02,.73,1);\n      max-width: 420px;\n      backdrop-filter: blur(12px);\n    }\n    .toast.ok { border-color: var(--success); background: var(--success-dim); color: var(--success); }\n    .toast.err { border-color: var(--danger); background: var(--danger-dim); color: var(--danger); }\n    @keyframes toastIn {\n      from { opacity: 0; transform: translateY(12px) scale(.96); }\n      to { opacity: 1; transform: translateY(0) scale(1); }\n    }\n    .toast-undo {\n      background: none;\n      border: 1px solid currentColor;\n      color: inherit;\n      border-radius: var(--radius-sm);\n      padding: 4px 12px;\n      font-size: var(--text-xs);\n      font-weight: 600;\n      cursor: pointer;\n      font-family: var(--font);\n      opacity: .8;\n      transition: opacity .15s;\n    }\n    .toast-undo:hover { opacity: 1; }\n\n    /* \u2500\u2500 Command Palette \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n    .cmdpal-overlay {\n      position: fixed;\n      inset: 0;\n      background: rgba(0,0,0,.4);\n      backdrop-filter: blur(4px);\n      z-index: 900;\n      display: none;\n      align-items: flex-start;\n      justify-content: center;\n      padding-top: 14vh;\n    }\n    .cmdpal-overlay.open { display: flex; }\n    .cmdpal-box {\n      background: var(--surface-raised);\n      border: 1px solid var(--border);\n      border-radius: 12px;\n      width: 100%;\n      max-width: 520px;\n      box-shadow: 0 24px 80px rgba(0,0,0,.25);\n      overflow: hidden;\n    }\n    .cmdpal-input {\n      width: 100%;\n      padding: 16px 20px;\n      font-size: var(--text-md);\n      font-family: var(--font);\n      border: none;\n      outline: none;\n      background: transparent;\n      color: var(--ink);\n      border-bottom: 1px solid var(--border);\n      font-weight: 450;\n    }\n    .cmdpal-input::placeholder { color: var(--muted); }\n    .cmdpal-results { max-height: 340px; overflow-y: auto; }\n    .cmdpal-item {\n      padding: 12px 20px;\n      cursor: pointer;\n      font-size: var(--text-base);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: background .1s;\n    }\n    .cmdpal-item:hover, .cmdpal-item.selected { background: var(--accent-dim); }\n    .cmdpal-item-name { font-weight: 550; color: var(--ink); }\n    .cmdpal-item-meta { font-size: var(--text-xs); color: var(--muted); margin-left: auto; font-weight: 500; }\n    .cmdpal-empty { padding: 32px 20px; text-align: center; color: var(--muted); font-size: var(--text-base); }\n    @keyframes countPop {\n      0% { transform: scale(1); }\n      50% { transform: scale(1.3); }\n      100% { transform: scale(1); }\n    }\n    @keyframes countFlip {\n      0% { transform: scale(1) rotateX(0); }\n      40% { transform: scale(1.3) rotateX(90deg); }\n      60% { transform: scale(1.3) rotateX(-10deg); }\n      100% { transform: scale(1) rotateX(0); }\n    }\n    .count-animating {\n      animation: countPop 0.3s ease-out;\n    }\n    .count-flipping {\n      animation: countFlip 0.3s ease-out;\n    }";
export declare function renderWebUiScript(authToken: string): string;