From 6e05ef7776acdf7bb49f1787bfa71512202a9878 Mon Sep 17 00:00:00 2001
From: dovvnloading <Devaux.mail@gmail.com>
Date: Wed, 22 Jul 2026 08:46:11 -0400
Subject: [PATCH 1/2] UI refactor P0: design-token foundation + full hex/font
 sweep behind a permanent gate

First phase of the UI refactor plan (doc/UI_QA_AUDIT.md section 7).

Foundation - graphlink_styles.py is THE token source (recorded decision:
extending the existing THEME_TOKENS/runtime-injection pipeline instead of
introducing a parallel JSON file that would fork truth):
- STRUCTURE_TOKENS: theme-independent scales - spacing on a 4px grid
  (--gl-space-1..8), radius sm/md/lg, type ramp 12/13/14/16/20 (nothing
  under 12px - audit finding D2), three elevation shadow levels (finding
  B9), motion 150/200ms + easing (finding F4). Exported to every island
  and registered under Tailwind v4's PROPER namespaces (spacing/radius/
  text/font-weight/shadow/duration/ease - not bogus color utilities), with
  Qt-side integer mirrors (SPACE_PX/RADIUS_PX/TEXT_PX/ELEVATION_PARAMS)
  parsed from the same dict so the two representations cannot drift.
- New per-theme "surface" group: the clean neutral role vocabulary
  (window/node_body/inset/inset_deep/field/border/border_strong/divider/
  handle/handle_hover/chrome_inactive + a 6-tier text ramp). Dark values
  equal the exact hexes that dominated the swept files, so the migration
  is essentially byte-neutral in the default theme; mono/muted derive
  from each theme's existing neutrals.
- New per-theme "syntax" group: PythonHighlighter's palette relocated
  from graphlink_pycoder.py so code-node colors theme with everything else.
- FONT_FAMILY_NAME (bare name for QFont) beside the existing QSS stack;
  get_surface_color()/get_syntax_color() lookups in graphlink_config.

Sweep - ~500 hardcoded hex literals and ~40 string-pasted "Segoe UI"
occurrences across ~35 UI files replaced with token lookups (4 parallel
sweep passes + a centrally-adjudicated finalization: near-role neutrals
deduped onto the role scale within a sanctioned sub-perceptual tolerance;
semantic/data colors either matched byte-exact to existing semantic roles,
promoted into the new groups, or explicitly allowlisted). Module-level
scrollbar style constants became functions so stylesheets resolve the
LIVE theme instead of freezing at import. Persisted scene-data defaults
(container color) deduped onto one documented constant.

Gate - tests/test_ui_token_acceptance.py codifies the P0 acceptance
criterion permanently: no hex literal and no "Segoe UI" outside
graphlink_styles.py, excepting a small reasoned allowlist (export CSS,
user-pickable presets, persisted data defaults, the per-theme QMenu table
that phase P8 retires); plus structure-scale conformance (4px grid, 12px
type floor, 3 elevation levels).

Verified: full pytest 1742 passed (acceptance gate green, export
round-trip/count/shape tests updated for the new groups); vitest 533
passed; all 19 islands rebuilt against the extended token sheet; real app
launch clean (window up, zero log errors).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../graphlink_canvas/graphlink_canvas_base.py |  22 +-
 .../graphlink_canvas_chart_item.py            |  25 +-
 .../graphlink_canvas_container.py             |  22 +-
 .../graphlink_canvas_dialogs.py               |  36 +--
 .../graphlink_canvas_frame.py                 |  34 +--
 .../graphlink_canvas_navigation_pin.py        |  19 +-
 .../graphlink_canvas/graphlink_canvas_note.py |  27 +--
 graphlink_app/graphlink_config.py             |  34 ++-
 graphlink_app/graphlink_connections.py        |  16 +-
 graphlink_app/graphlink_context_menu.py       |  25 +-
 graphlink_app/graphlink_conversation_node.py  |  39 ++--
 graphlink_app/graphlink_html_view.py          | 132 +++++------
 graphlink_app/graphlink_lod.py                |  39 ++--
 .../graphlink_nodes/graphlink_node_chat.py    |  51 ++--
 .../graphlink_nodes/graphlink_node_code.py    |  15 +-
 .../graphlink_node_document.py                |  47 ++--
 .../graphlink_nodes/graphlink_node_image.py   |  10 +-
 .../graphlink_node_thinking.py                |  29 +--
 .../graphlink_plugins/common/combo.py         |  16 +-
 .../graphlink_plugin_artifact.py              | 180 ++++++++-------
 .../graphlink_plugin_code_sandbox.py          | 210 ++++++++---------
 .../graphlink_plugin_gitlink.py               | 166 ++++++-------
 .../graphlink_plugin_portal.py                |   4 +-
 graphlink_app/graphlink_pycoder.py            | 159 ++++++-------
 graphlink_app/graphlink_scene.py              |   8 +-
 .../graphlink_session/deserializers.py        |   3 +-
 graphlink_app/graphlink_styles.py             | 218 +++++++++++++++++-
 .../graphlink_library_dialog.py               |   8 +-
 graphlink_app/graphlink_view.py               |   4 +-
 graphlink_app/graphlink_web.py                |  55 ++---
 graphlink_app/graphlink_widgets/overlays.py   |  31 +--
 graphlink_app/graphlink_widgets/scrolling.py  |   9 +-
 graphlink_app/graphlink_widgets/splash.py     |  23 +-
 .../tests/test_css_custom_properties.py       |  21 +-
 .../tests/test_tailwind_theme_css.py          |  30 ++-
 graphlink_app/tests/test_theme_tokens.py      |  10 +-
 .../tests/test_ui_token_acceptance.py         | 184 +++++++++++++++
 web_ui/src/lib/tokens/gl-theme.css            |  47 ++++
 web_ui/src/lib/tokens/gl-vars-dev.css         |  47 ++++
 39 files changed, 1328 insertions(+), 727 deletions(-)
 create mode 100644 graphlink_app/tests/test_ui_token_acceptance.py

diff --git a/graphlink_app/graphlink_canvas/graphlink_canvas_base.py b/graphlink_app/graphlink_canvas/graphlink_canvas_base.py
index 34ec440..c38de02 100644
--- a/graphlink_app/graphlink_canvas/graphlink_canvas_base.py
+++ b/graphlink_app/graphlink_canvas/graphlink_canvas_base.py
@@ -4,7 +4,7 @@
 from PySide6.QtCore import Qt, QRectF, QTimer, Signal
 from PySide6.QtGui import QPainter, QColor, QBrush, QPen
 
-from graphlink_config import get_current_palette
+from graphlink_config import get_current_palette, get_surface_color
 
 
 class HoverAnimationMixin:
@@ -145,19 +145,19 @@ def __init__(self, parent=None):
         self.setAlignment(Qt.AlignmentFlag.AlignLeft | Qt.AlignmentFlag.AlignVCenter)
         self.setAttribute(Qt.WidgetAttribute.WA_StyledBackground, True)
         self.setStyleSheet(
-            """
-            QLineEdit {
+            f"""
+            QLineEdit {{
                 background-color: rgba(26, 26, 26, 0.96);
-                color: #f1f1f1;
-                border: 1px solid #5a5a5a;
+                color: {get_surface_color("text_strong")};
+                border: 1px solid {get_surface_color("handle")};
                 border-radius: 5px;
                 padding: 4px 8px;
-                selection-background-color: #5a5a5a;
-                selection-color: #ffffff;
-            }
-            QLineEdit:focus {
-                border-color: #7a7a7a;
-            }
+                selection-background-color: {get_surface_color("handle")};
+                selection-color: {get_surface_color("text_bright")};
+            }}
+            QLineEdit:focus {{
+                border-color: {get_surface_color("text_muted")};
+            }}
             """
         )
         self.editingFinished.connect(self._emit_commit_if_needed)
diff --git a/graphlink_app/graphlink_canvas/graphlink_canvas_chart_item.py b/graphlink_app/graphlink_canvas/graphlink_canvas_chart_item.py
index e15b325..d53d553 100644
--- a/graphlink_app/graphlink_canvas/graphlink_canvas_chart_item.py
+++ b/graphlink_app/graphlink_canvas/graphlink_canvas_chart_item.py
@@ -19,9 +19,10 @@
 from PySide6.QtCore import Qt, QRectF, QPointF, QSizeF, QTimer, QStandardPaths
 from PySide6.QtGui import QPainter, QColor, QBrush, QPen, QFont, QPainterPath, QImage, QLinearGradient
 
-from graphlink_config import get_current_palette, get_graph_node_colors
+from graphlink_config import get_current_palette, get_graph_node_colors, get_surface_color
 from graphlink_chart_data import ChartDataError, canonicalize_chart_data
 from graphlink_context_menu import create_context_menu
+from graphlink_styles import FONT_FAMILY_NAME
 
 
 class ChartItem(QGraphicsItem):
@@ -79,9 +80,9 @@ def __init__(self, data, pos, parent=None, parent_content_node=None):
         self.aspect_ratio_locked = True
         self._base_aspect_ratio = self.DEFAULT_WIDTH / self.DEFAULT_HEIGHT
         self.resize_start_aspect_ratio = self._base_aspect_ratio
-        self.font_family = "Segoe UI"
+        self.font_family = FONT_FAMILY_NAME
         self.font_size = 10
-        self.font_color = QColor("#DDDDDD")
+        self.font_color = QColor(get_surface_color("text_primary"))
 
         self.figure = Figure(figsize=(6, 4), dpi=160)
         self.canvas = FigureCanvasAgg(self.figure)
@@ -216,12 +217,12 @@ def _mpl_rgba(color, alpha=1.0):
         return (color.redF(), color.greenF(), color.blueF(), alpha)
 
     def _build_theme(self, palette):
-        surface = QColor("#1B1B1B")
-        panel = QColor("#151515")
-        border = QColor("#474747")
-        text = QColor("#F7F7F7")
-        muted = QColor("#A5A5A5")
-        grid = QColor("#9A9A9A")
+        surface = QColor(get_surface_color("window"))
+        panel = QColor(get_surface_color("inset_deep"))
+        border = QColor(get_surface_color("divider"))
+        text = QColor(get_surface_color("text_bright"))
+        muted = QColor(get_surface_color("text_label"))
+        grid = QColor(get_surface_color("text_label"))
         primary = QColor(palette.AI_NODE)
         secondary = QColor(palette.USER_NODE)
         selection = QColor(palette.SELECTION)
@@ -810,7 +811,7 @@ def _render_chart_content(self, theme):
             return self.chart_image
 
     def update_font_settings(self, family, size, color):
-        self.font_family = str(family or "Segoe UI")
+        self.font_family = str(family or FONT_FAMILY_NAME)
         self.font_size = max(6, min(32, int(size)))
         self.font_color = QColor(color)
         self.generate_chart()
@@ -925,7 +926,7 @@ def paint(self, painter, option, widget=None):
         painter.drawText(header_rect.adjusted(12, 0, -120, 0), Qt.AlignmentFlag.AlignVCenter, self.title)
 
         badge_rect = QRectF(self.width - 102, 8, 90, 24)
-        painter.setPen(QPen(self._with_alpha(QColor("#FFFFFF"), 65), 1))
+        painter.setPen(QPen(self._with_alpha(QColor(get_surface_color("text_bright")), 65), 1))
         painter.setBrush(QBrush(node_colors["badge_fill"]))
         painter.drawRoundedRect(badge_rect, 12, 12)
         painter.setPen(QPen(self.font_color))
@@ -943,7 +944,7 @@ def paint(self, painter, option, widget=None):
         if self.hovered or self.isSelected():
             handle_size = 10
             handle_rect = QRectF(self.width - handle_size, self.height - handle_size, handle_size, handle_size)
-            painter.setPen(QPen(QColor("#FFFFFF")))
+            painter.setPen(QPen(QColor(get_surface_color("text_bright"))))
             painter.drawLine(handle_rect.topLeft(), handle_rect.bottomRight())
             painter.drawLine(
                 handle_rect.topLeft() + QPointF(0, handle_size / 2),
diff --git a/graphlink_app/graphlink_canvas/graphlink_canvas_container.py b/graphlink_app/graphlink_canvas/graphlink_canvas_container.py
index 1a612bb..e1b2df7 100644
--- a/graphlink_app/graphlink_canvas/graphlink_canvas_container.py
+++ b/graphlink_app/graphlink_canvas/graphlink_canvas_container.py
@@ -8,7 +8,15 @@
 
 from .graphlink_canvas_base import CanvasHeaderLineEdit, GhostFrame, update_connections_for_items
 from .graphlink_canvas_dialogs import ColorPickerDialog
-from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors
+from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_surface_color
+
+# The container's user-facing body color DEFAULT. Persisted scene DATA (saved
+# into and restored from chat JSON, see graphlink_session/serializers +
+# deserializers), not theme chrome - deliberately NOT a THEME_TOKENS lookup:
+# a saved container must keep its color across theme switches, exactly like
+# DEFAULT_GRID_COLOR in graphlink_grid_view_settings. The one allowed literal
+# home for this value (see tests/test_ui_token_acceptance.py's allowlist).
+DEFAULT_CONTAINER_COLOR = "#3a3a3a"
 
 
 class Container(QGraphicsItem):
@@ -46,7 +54,7 @@ def __init__(self, items, parent=None):
         self.expanded_rect = QRectF() # Caches the size before collapsing.
         
         self.rect = QRectF()
-        self.color = "#3a3a3a"
+        self.color = DEFAULT_CONTAINER_COLOR
         self.header_color = None 
         
         # Rects for hover detection of UI buttons in the header.
@@ -351,7 +359,7 @@ def paint(self, painter, option, widget=None):
             self.collapse_button_rect = QRectF(self.rect.right() - 34, self.rect.top() + 10, 24, 24)
 
             # Draw the title text in collapsed mode.
-            painter.setPen(QColor("#ffffff"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             font = canvas_font(self.scene(), delta=2, weight=QFont.Weight.Bold)
             painter.setFont(font)
             title_rect = QRectF(self.rect.left() + 14, self.rect.top(), self.rect.width() - 56, self.rect.height())
@@ -360,7 +368,7 @@ def paint(self, painter, option, widget=None):
 
             expand_icon = qta.icon(
                 'fa5s.expand-arrows-alt',
-                color='#ffffff' if self.collapse_button_hovered or self.hovered else '#9a9a9a',
+                color=get_surface_color("text_bright") if self.collapse_button_hovered or self.hovered else get_surface_color("text_label"),
             )
             expand_icon.paint(painter, self.collapse_button_rect.adjusted(3, 3, -3, -3).toRect())
             return
@@ -407,7 +415,7 @@ def paint(self, painter, option, widget=None):
         icon.paint(painter, self.collapse_button_rect.adjusted(4, 4, -4, -4).toRect())
 
         # Draw Color Button
-        painter.setPen(QPen(QColor("#ffffff") if self.color_button_hovered else node_colors["border"]))
+        painter.setPen(QPen(QColor(get_surface_color("text_bright")) if self.color_button_hovered else node_colors["border"]))
         painter.setBrush(QBrush(header_base_color))
         painter.drawEllipse(self.color_button_rect)
 
@@ -419,7 +427,7 @@ def paint(self, painter, option, widget=None):
         painter.drawEllipse(center + QPointF(6, 0), 2, 2)
 
         # Draw the title, either in display or editing mode.
-        painter.setPen(QPen(QColor("#ffffff")))
+        painter.setPen(QPen(QColor(get_surface_color("text_bright"))))
         font = canvas_font(self.scene(), weight=QFont.Weight.Bold)
         painter.setFont(font)
         text_rect = self._header_text_rect()
@@ -522,7 +530,7 @@ def show_color_picker(self):
         if dialog.exec() == QDialog.DialogCode.Accepted:
             color, color_type = dialog.get_selected_color()
             if color_type == "default":
-                self.color = "#3a3a3a"
+                self.color = DEFAULT_CONTAINER_COLOR
                 self.header_color = None
             elif color_type == "full":
                 self.color = color
diff --git a/graphlink_app/graphlink_canvas/graphlink_canvas_dialogs.py b/graphlink_app/graphlink_canvas/graphlink_canvas_dialogs.py
index f347671..b901efc 100644
--- a/graphlink_app/graphlink_canvas/graphlink_canvas_dialogs.py
+++ b/graphlink_app/graphlink_canvas/graphlink_canvas_dialogs.py
@@ -5,7 +5,7 @@
     QDialog, QVBoxLayout, QWidget, QHBoxLayout, QLineEdit, QLabel, QPushButton,
     QGraphicsDropShadowEffect, QTextEdit, QGridLayout, QApplication
 )
-from graphlink_config import get_current_palette, get_semantic_color
+from graphlink_config import get_current_palette, get_semantic_color, get_surface_color
 
 class ColorPickerDialog(QDialog):
     """
@@ -74,7 +74,7 @@ def __init__(self, parent=None):
 
         def create_section(title, color_type, names_list):
             label = QLabel(title)
-            label.setStyleSheet("color: #CCCCCC; font-size: 10px; margin-top: 5px;")
+            label.setStyleSheet(f"color: {get_surface_color('text_soft')}; font-size: 10px; margin-top: 5px;")
             main_layout.addWidget(label)
             
             grid_layout = QGridLayout()
@@ -91,18 +91,18 @@ def create_section(title, color_type, names_list):
                 btn.setCursor(Qt.CursorShape.PointingHandCursor)
                 
                 style = f"""
-                    QPushButton {{ background-color: {color_data["color"]}; border: 2px solid #3F3F3F; border-radius: 14px; }}
-                    QPushButton:hover {{ border: 2px solid #FFFFFF; }}
+                    QPushButton {{ background-color: {color_data["color"]}; border: 2px solid {get_surface_color("border")}; border-radius: 14px; }}
+                    QPushButton:hover {{ border: 2px solid {get_surface_color("text_bright")}; }}
                 """
                 if color_type == "header":
                     style = f"""
                         QPushButton {{
                             background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                 stop:0 {color_data["color"]}, stop:0.4 {color_data["color"]},
-                                stop:0.41 #3F3F3F, stop:1 #3F3F3F);
-                            border: 2px solid #3F3F3F; border-radius: 14px;
+                                stop:0.41 {get_surface_color("border")}, stop:1 {get_surface_color("border")});
+                            border: 2px solid {get_surface_color("border")}; border-radius: 14px;
                         }}
-                        QPushButton:hover {{ border: 2px solid #FFFFFF; }}
+                        QPushButton:hover {{ border: 2px solid {get_surface_color("text_bright")}; }}
                     """
                 btn.setStyleSheet(style)
                 btn.setProperty("frame_color_data", color_data)
@@ -124,20 +124,20 @@ def create_section(title, color_type, names_list):
         
         main_layout.addStretch()
         
-        self.setStyleSheet("""
-            QDialog { background: transparent; }
-            QWidget#colorPickerContainer { background-color: #252525; border-radius: 8px; }
-            QLabel#colorPickerTitle { color: #FFFFFF; font-size: 12px; font-weight: bold; }
-            QPushButton { background-color: #3F3F3F; border-radius: 5px; padding: 8px; }
-            QPushButton:hover { background-color: #555555; }
-            QPushButton#colorPickerCloseButton {
+        self.setStyleSheet(f"""
+            QDialog {{ background: transparent; }}
+            QWidget#colorPickerContainer {{ background-color: {get_surface_color("node_body")}; border-radius: 8px; }}
+            QLabel#colorPickerTitle {{ color: {get_surface_color("text_bright")}; font-size: 12px; font-weight: bold; }}
+            QPushButton {{ background-color: {get_surface_color("border")}; border-radius: 5px; padding: 8px; }}
+            QPushButton:hover {{ background-color: {get_surface_color("handle")}; }}
+            QPushButton#colorPickerCloseButton {{
                 background-color: transparent;
                 border-radius: 12px;
                 padding: 0px;
-            }
-            QPushButton#colorPickerCloseButton:hover {
-                background-color: #4A4A4A;
-            }
+            }}
+            QPushButton#colorPickerCloseButton:hover {{
+                background-color: {get_surface_color("border_strong")};
+            }}
         """)
         
         self.selected_color = None
diff --git a/graphlink_app/graphlink_canvas/graphlink_canvas_frame.py b/graphlink_app/graphlink_canvas/graphlink_canvas_frame.py
index 926efa3..640e075 100644
--- a/graphlink_app/graphlink_canvas/graphlink_canvas_frame.py
+++ b/graphlink_app/graphlink_canvas/graphlink_canvas_frame.py
@@ -10,7 +10,7 @@
 
 from .graphlink_canvas_base import CanvasHeaderLineEdit, update_connections_for_items
 from .graphlink_canvas_dialogs import ColorPickerDialog
-from graphlink_config import canvas_font, get_current_palette, get_semantic_color
+from graphlink_config import canvas_font, get_current_palette, get_semantic_color, get_surface_color
 
 
 class Frame(QGraphicsItem):
@@ -47,8 +47,8 @@ def __init__(self, nodes, parent=None):
         # Load icons for the lock/unlock button.
         # QtAwesome's legacy ``fa`` prefix is not installed in current releases;
         # use the Font Awesome 5 solid set used by the rest of the canvas.
-        self.lock_icon = qta.icon('fa5s.lock', color='#ffffff')
-        self.unlock_icon = qta.icon('fa5s.unlock-alt', color='#ffffff')
+        self.lock_icon = qta.icon('fa5s.lock', color=get_surface_color("text_bright"))
+        self.unlock_icon = qta.icon('fa5s.unlock-alt', color=get_surface_color("text_bright"))
         self.lock_icon_hover = qta.icon('fa5s.lock', color=get_semantic_color("status_info").name())
         self.unlock_icon_hover = qta.icon('fa5s.unlock-alt', color=get_semantic_color("status_success").name())
         
@@ -57,7 +57,7 @@ def __init__(self, nodes, parent=None):
         self.is_collapsed = False
         self.expanded_rect = QRectF()
         self.rect = QRectF()
-        self.color = "#2d2d2d"
+        self.color = get_surface_color("node_body")
         self.header_color = None 
         
         self.collapse_button_rect = QRectF(0, 0, 24, 24)
@@ -557,7 +557,7 @@ def show_color_picker(self):
         if dialog.exec() == QDialog.DialogCode.Accepted:
             color, color_type = dialog.get_selected_color()
             if color_type == "default":
-                self.color = "#2d2d2d"
+                self.color = get_surface_color("node_body")
                 self.header_color = None
             elif color_type == "full":
                 self.color = color
@@ -615,7 +615,7 @@ def paint(self, painter, option, widget=None):
 
         if self.is_collapsed:
             base_color = QColor(self.color)
-            outline_color = palette.SELECTION if self.isSelected() else palette.AI_NODE if self.hovered else QColor("#555555")
+            outline_color = palette.SELECTION if self.isSelected() else palette.AI_NODE if self.hovered else QColor(get_surface_color("handle"))
             path = QPainterPath()
             path.addRoundedRect(self.rect, 10, 10)
 
@@ -627,7 +627,7 @@ def paint(self, painter, option, widget=None):
             self.lock_button_rect = QRectF()
             self.color_button_rect = QRectF()
 
-            painter.setPen(QPen(QColor("#ffffff")))
+            painter.setPen(QPen(QColor(get_surface_color("text_bright"))))
             font = canvas_font(self.scene(), delta=1, weight=QFont.Weight.Bold)
             painter.setFont(font)
             title_rect = QRectF(self.rect.left() + 14, self.rect.top(), self.rect.width() - 56, self.rect.height())
@@ -636,7 +636,7 @@ def paint(self, painter, option, widget=None):
 
             expand_icon = qta.icon(
                 'fa5s.expand-arrows-alt',
-                color='#ffffff' if self.collapse_button_hovered or self.hovered else '#9a9a9a',
+                color=get_surface_color("text_bright") if self.collapse_button_hovered or self.hovered else get_surface_color("text_label"),
             )
             expand_icon.paint(painter, self.collapse_button_rect.adjusted(3, 3, -3, -3).toRect())
             return
@@ -653,7 +653,7 @@ def paint(self, painter, option, widget=None):
         elif self.hovered:
             outline_color = palette.AI_NODE
         else:
-            outline_color = QColor("#555555")
+            outline_color = QColor(get_surface_color("handle"))
         
         path = QPainterPath()
         path.addRoundedRect(self.rect, 10, 10)
@@ -688,19 +688,19 @@ def paint(self, painter, option, widget=None):
 
         # Draw collapse button.
         self.collapse_button_rect = QRectF(self.rect.right() - 102, self.rect.top() + 8, 24, 24)
-        painter.setPen(QPen(QColor("#ffffff") if self.collapse_button_hovered else QColor("#555555")))
-        painter.setBrush(QBrush(QColor("#3f3f3f")))
+        painter.setPen(QPen(QColor(get_surface_color("text_bright")) if self.collapse_button_hovered else QColor(get_surface_color("handle"))))
+        painter.setBrush(QBrush(QColor(get_surface_color("border"))))
         painter.drawEllipse(self.collapse_button_rect)
         collapse_icon = qta.icon(
             'fa5s.compress-arrows-alt',
-            color='#ffffff' if self.collapse_button_hovered else '#bbbbbb',
+            color=get_surface_color("text_bright") if self.collapse_button_hovered else get_surface_color("text_secondary"),
         )
         collapse_icon.paint(painter, self.collapse_button_rect.adjusted(4, 4, -4, -4).toRect())
     
         # Draw lock button.
         self.lock_button_rect = QRectF(self.rect.right() - 68, self.rect.top() + 8, 24, 24)
-        painter.setPen(QPen(palette.USER_NODE if self.lock_button_hovered else QColor("#555555")))
-        painter.setBrush(QBrush(QColor("#3f3f3f")))
+        painter.setPen(QPen(palette.USER_NODE if self.lock_button_hovered else QColor(get_surface_color("handle"))))
+        painter.setBrush(QBrush(QColor(get_surface_color("border"))))
         painter.drawEllipse(self.lock_button_rect)
         icon = self.lock_icon_hover if self.is_locked and self.lock_button_hovered else self.lock_icon if self.is_locked else self.unlock_icon_hover if self.lock_button_hovered else self.unlock_icon
         icon_size = 18
@@ -711,10 +711,10 @@ def paint(self, painter, option, widget=None):
     
         # Draw color button.
         self.color_button_rect = QRectF(self.rect.right() - 34, self.rect.top() + 8, 24, 24)
-        painter.setPen(QPen(QColor("#ffffff") if self.color_button_hovered else QColor("#555555")))
+        painter.setPen(QPen(QColor(get_surface_color("text_bright")) if self.color_button_hovered else QColor(get_surface_color("handle"))))
         painter.setBrush(QBrush(QColor(self.header_color if self.header_color else self.color)))
         painter.drawEllipse(self.color_button_rect)
-        icon_color = QColor("#ffffff"); icon_color.setAlpha(180)
+        icon_color = QColor(get_surface_color("text_bright")); icon_color.setAlpha(180)
         painter.setPen(QPen(icon_color))
         circle_size, spacing = 4, 3
         total_width = (circle_size * 3) + (spacing * 2)
@@ -725,7 +725,7 @@ def paint(self, painter, option, widget=None):
             painter.drawEllipse(QRectF(x_pos, y_pos, circle_size, circle_size))
     
         # Draw title (note).
-        painter.setPen(QPen(QColor("#ffffff")))
+        painter.setPen(QPen(QColor(get_surface_color("text_bright"))))
         font = canvas_font(self.scene())
         painter.setFont(font)
         text_rect = self._header_text_rect()
diff --git a/graphlink_app/graphlink_canvas/graphlink_canvas_navigation_pin.py b/graphlink_app/graphlink_canvas/graphlink_canvas_navigation_pin.py
index 33ce115..305ce1e 100644
--- a/graphlink_app/graphlink_canvas/graphlink_canvas_navigation_pin.py
+++ b/graphlink_app/graphlink_canvas/graphlink_canvas_navigation_pin.py
@@ -9,6 +9,9 @@
 from PySide6.QtCore import Qt, QRectF, Signal
 from PySide6.QtGui import QPainter, QColor, QPen, QFont, QFontMetrics, QPainterPath
 
+from graphlink_config import get_surface_color
+from graphlink_styles import FONT_FAMILY_NAME
+
 
 class NavigationPin(QGraphicsObject):
     """
@@ -75,15 +78,15 @@ def paint(self, painter, option, widget=None):
 
         selected = self.isSelected()
         active = selected or self.hovered
-        marker_fill = QColor("#c8c8c8" if selected else "#a0a0a0" if self.hovered else "#777777")
-        marker_border = QColor("#f2f2f2" if selected else "#bdbdbd" if self.hovered else "#555555")
-        surface = QColor("#252525")
+        marker_fill = QColor(get_surface_color("text_soft") if selected else get_surface_color("text_label") if self.hovered else get_surface_color("text_muted"))
+        marker_border = QColor(get_surface_color("text_strong") if selected else get_surface_color("text_secondary") if self.hovered else get_surface_color("handle"))
+        surface = QColor(get_surface_color("node_body"))
 
         # A beacon-style marker makes navigation pins visually distinct from
         # connection pins: rounded square body, inset waypoint core, stem, and
         # ground contact. It deliberately uses grayscale only.
         if active:
-            halo = QColor("#d8d8d8")
+            halo = QColor(get_surface_color("text_primary"))
             halo.setAlpha(35 if not selected else 55)
             painter.setPen(Qt.PenStyle.NoPen)
             painter.setBrush(halo)
@@ -104,8 +107,8 @@ def paint(self, painter, option, widget=None):
         painter.drawEllipse(QRectF(-5.0, 25.0, 10.0, 7.0))
 
         if active:
-            label_surface = QColor("#242424")
-            label_border = QColor("#777777" if selected else "#555555")
+            label_surface = QColor(get_surface_color("node_body"))
+            label_border = QColor(get_surface_color("text_muted") if selected else get_surface_color("handle"))
             painter.setPen(QPen(label_border, 1.0))
             painter.setBrush(label_surface)
             painter.drawRoundedRect(self._LABEL_RECT, 10.0, 10.0)
@@ -114,10 +117,10 @@ def paint(self, painter, option, widget=None):
             painter.setPen(QPen(label_border, 1.0))
             painter.drawLine(0.0, self._LABEL_RECT.bottom(), 0.0, -15.0)
 
-            font = QFont("Segoe UI", 8)
+            font = QFont(FONT_FAMILY_NAME, 8)
             font.setWeight(QFont.Weight.DemiBold if selected else QFont.Weight.Normal)
             painter.setFont(font)
-            painter.setPen(QColor("#f0f0f0"))
+            painter.setPen(QColor(get_surface_color("text_strong")))
             title = QFontMetrics(font).elidedText(
                 str(self.title or "Waypoint"), Qt.TextElideMode.ElideRight, 142
             )
diff --git a/graphlink_app/graphlink_canvas/graphlink_canvas_note.py b/graphlink_app/graphlink_canvas/graphlink_canvas_note.py
index 33678bd..46b4417 100644
--- a/graphlink_app/graphlink_canvas/graphlink_canvas_note.py
+++ b/graphlink_app/graphlink_canvas/graphlink_canvas_note.py
@@ -12,7 +12,8 @@
 )
 
 from .graphlink_canvas_dialogs import ColorPickerDialog
-from graphlink_config import canvas_font, get_current_palette
+from graphlink_config import canvas_font, get_current_palette, get_surface_color
+from graphlink_styles import FONT_FAMILY_NAME
 from graphlink_widgets import ScrollBar
 
 
@@ -58,7 +59,7 @@ def __init__(self, pos, parent=None):
         # Geometry and appearance
         self.width = self.DEFAULT_WIDTH
         self.height = self.DEFAULT_HEIGHT
-        self.color = "#2d2d2d"
+        self.color = get_surface_color("node_body")
         self.header_color = None
         
         # State for in-place text editing
@@ -119,7 +120,7 @@ def _setup_document(self):
         Configures the QTextDocument for rendering, applying styles from the
         scene and converting the Markdown content to HTML.
         """
-        font_family, font_size, color = "Segoe UI", 10, "#dddddd"
+        font_family, font_size, color = FONT_FAMILY_NAME, 10, get_surface_color("text_primary")
         
         if self.scene():
             font_family = self.scene().font_family
@@ -128,7 +129,7 @@ def _setup_document(self):
 
         stylesheet = f"""
             p, ul, ol, li, blockquote {{ color: {color}; font-family: '{font_family}'; font-size: {font_size}pt; }}
-            pre {{ background-color: #1e1e1e; padding: 8px; border-radius: 4px; white-space: pre-wrap; font-family: Consolas, monospace; }}
+            pre {{ background-color: {get_surface_color("window")}; padding: 8px; border-radius: 4px; white-space: pre-wrap; font-family: Consolas, monospace; }}
         """
         self.document.setDefaultStyleSheet(stylesheet)
         
@@ -219,9 +220,9 @@ def paint(self, painter, option, widget=None):
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
         
-        pen = QPen(QColor("#555555"))
+        pen = QPen(QColor(get_surface_color("handle")))
         if self.isSelected(): pen = QPen(palette.SELECTION, 2)
-        elif self.hovered: pen = QPen(QColor("#ffffff"), 2)
+        elif self.hovered: pen = QPen(QColor(get_surface_color("text_bright")), 2)
 
         # Special outline for system prompt notes.
         if self.is_system_prompt:
@@ -231,8 +232,8 @@ def paint(self, painter, option, widget=None):
         painter.setPen(pen)
             
         gradient = QLinearGradient(QPointF(0, 0), QPointF(0, self.height))
-        gradient.setColorAt(0, QColor("#4a4a4a"))
-        gradient.setColorAt(1, QColor("#2d2d2d"))
+        gradient.setColorAt(0, QColor(get_surface_color("border_strong")))
+        gradient.setColorAt(1, QColor(get_surface_color("node_body")))
         painter.setBrush(QBrush(gradient))
         painter.drawPath(path)
         
@@ -256,16 +257,16 @@ def paint(self, painter, option, widget=None):
         # Draw header icons for special note types.
         icon_rect = QRectF(10, (self.HEADER_HEIGHT - 16) / 2, 16, 16)
         if self.is_system_prompt:
-            qta.icon('fa5s.cog', color='#ffffff').paint(painter, icon_rect.toRect())
+            qta.icon('fa5s.cog', color=get_surface_color("text_bright")).paint(painter, icon_rect.toRect())
         elif self.is_summary_note:
-            qta.icon('fa5s.object-group', color='#ffffff').paint(painter, icon_rect.toRect())
+            qta.icon('fa5s.object-group', color=get_surface_color("text_bright")).paint(painter, icon_rect.toRect())
         
         # Draw the color picker button.
         self.color_button_rect = QRectF(self.width - 34, 8, 24, 24)
-        painter.setPen(QPen(QColor("#ffffff") if self.color_button_hovered else QColor("#555555")))
+        painter.setPen(QPen(QColor(get_surface_color("text_bright")) if self.color_button_hovered else QColor(get_surface_color("handle"))))
         painter.setBrush(QBrush(header_base_color))
         painter.drawEllipse(self.color_button_rect)
-        icon_color = QColor("#ffffff"); icon_color.setAlpha(180)
+        icon_color = QColor(get_surface_color("text_bright")); icon_color.setAlpha(180)
         painter.setPen(QPen(icon_color))
         circle_size, spacing = 4, 3
         total_width = (circle_size * 3) + (spacing * 2)
@@ -276,7 +277,7 @@ def paint(self, painter, option, widget=None):
             painter.drawEllipse(QRectF(x_pos, y_pos, circle_size, circle_size))
             
         # --- Content Rendering ---
-        painter.setPen(QPen(QColor("#ffffff")))
+        painter.setPen(QPen(QColor(get_surface_color("text_bright"))))
         font = canvas_font(self.scene())
         painter.setFont(font)
         
diff --git a/graphlink_app/graphlink_config.py b/graphlink_app/graphlink_config.py
index c4bf96c..8833f73 100644
--- a/graphlink_app/graphlink_config.py
+++ b/graphlink_app/graphlink_config.py
@@ -1,6 +1,6 @@
 from PySide6.QtGui import QColor, QFont
 from PySide6.QtWidgets import QApplication
-from graphlink_styles import THEME_TOKENS, THEMES
+from graphlink_styles import FONT_FAMILY_NAME, THEME_TOKENS, THEMES
 
 CURRENT_THEME = "dark"
 
@@ -15,15 +15,41 @@ def canvas_font(scene=None, delta=0, weight=QFont.Weight.Normal):
     reach their headers. Keeping this small helper in the shared config module
     makes those headers follow the same family and scale as document-backed nodes.
     """
-    family = getattr(scene, "font_family", "Segoe UI") if scene else "Segoe UI"
+    family = getattr(scene, "font_family", FONT_FAMILY_NAME) if scene else FONT_FAMILY_NAME
     base_size = getattr(scene, "font_size", 10) if scene else 10
     font = QFont(family, max(1, int(base_size) + int(delta)), weight)
     return font
 
 
-def canvas_font_color(scene=None, fallback="#DDDDDD"):
+def canvas_font_color(scene=None, fallback=None):
     color = getattr(scene, "font_color", None) if scene else None
-    return QColor(color) if color is not None else QColor(fallback)
+    if color is not None:
+        return QColor(color)
+    if fallback is not None:
+        return QColor(fallback)
+    # UI-refactor P0: the default falls back to the theme's primary text
+    # surface role instead of a hardcoded literal.
+    return QColor(get_surface_color("text_primary"))
+
+
+def get_syntax_color(name: str):
+    """Look up a syntax-highlight role's hex string for the current theme
+    (keyword/builtin/number/string/comment/function). Sweep adjudication
+    moved PythonHighlighter's palette into THEME_TOKENS; this is its lookup."""
+    return THEME_TOKENS[CURRENT_THEME]["syntax"][name]
+
+
+def get_surface_color(name: str):
+    """Look up a neutral surface/text role's hex string for the current theme.
+
+    UI-refactor P0 (doc/UI_QA_AUDIT.md section 7): the lookup the hex-literal
+    sweep migrated node/canvas/widget chrome onto. Mirrors
+    get_semantic_color()'s table-lookup shape but returns the raw hex string
+    rather than a QColor - the dominant call sites are f-string stylesheets,
+    and QColor construction is one wrap away for the painting sites that
+    need it."""
+    tokens = THEME_TOKENS[CURRENT_THEME]["surface"]
+    return tokens[name]
 
 
 def is_monochrome_theme():
diff --git a/graphlink_app/graphlink_connections.py b/graphlink_app/graphlink_connections.py
index 1c20dfb..ce6b93c 100644
--- a/graphlink_app/graphlink_connections.py
+++ b/graphlink_app/graphlink_connections.py
@@ -9,7 +9,7 @@
 
 from graphlink_canvas.graphlink_canvas_base import iter_scene_connection_lists
 from graphlink_canvas_items import Container, Frame, Note
-from graphlink_config import get_current_palette
+from graphlink_config import get_current_palette, get_surface_color
 from graphlink_pycoder import PyCoderNode
 from graphlink_conversation_node import ConversationNode
 from graphlink_html_view import HtmlViewNode
@@ -103,7 +103,7 @@ def paint(self, painter, option, widget=None):
         elif self.hover:
             color = palette.AI_NODE
         else:
-            color = QColor("#FFFFFF")
+            color = QColor(get_surface_color("text_bright"))
             
         painter.setPen(QPen(color.darker(120), 1))
         painter.setBrush(QBrush(color))
@@ -947,13 +947,13 @@ def drawArrow(self, painter, pos, color):
     def paint(self, painter, option, widget=None):
         """Paints the dashed connection line."""
         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
-        pen = QPen(QColor("#888888"), 1.5, Qt.PenStyle.DashLine)
+        pen = QPen(QColor(get_surface_color("chrome_inactive")), 1.5, Qt.PenStyle.DashLine)
         painter.setPen(pen)
         painter.drawPath(self.path)
 
         if self.is_animating:
             for arrow in self.arrows:
-                self.drawArrow(painter, arrow['pos'], QColor("#888888"))
+                self.drawArrow(painter, arrow['pos'], QColor(get_surface_color("chrome_inactive")))
 
     def hoverEnterEvent(self, event):
         """Handles hover enter event."""
@@ -1396,7 +1396,7 @@ def paint(self, painter, option, widget=None):
         palette = get_current_palette()
         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
         
-        pen_color = QColor("#A2A2A2") # A soft gray-blue
+        pen_color = QColor(get_surface_color("text_label"))
         if self.hover:
             pen_color = pen_color.lighter(130)
 
@@ -1928,7 +1928,7 @@ def update_path(self):
     def paint(self, painter, option, widget=None):
         """Paints the gray dashed line for the summary connection."""
         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
-        pen = QPen(QColor("#888888"), 1.5, Qt.PenStyle.DashLine)
+        pen = QPen(QColor(get_surface_color("chrome_inactive")), 1.5, Qt.PenStyle.DashLine)
         pen.setCapStyle(Qt.PenCapStyle.RoundCap)
         painter.setPen(pen)
         painter.drawPath(self.path)
@@ -1954,9 +1954,9 @@ def drawArrow(self, painter, pos, opacity):
         painter.translate(point)
         painter.rotate(-angle)
         
-        color = QColor("#888888")
+        color = QColor(get_surface_color("chrome_inactive"))
         if self.hover:
-            color = QColor("#BBBBBB")
+            color = QColor(get_surface_color("text_secondary"))
         color.setAlphaF(opacity)
         
         painter.setBrush(color)
diff --git a/graphlink_app/graphlink_context_menu.py b/graphlink_app/graphlink_context_menu.py
index 920e2ef..703c7a1 100644
--- a/graphlink_app/graphlink_context_menu.py
+++ b/graphlink_app/graphlink_context_menu.py
@@ -15,35 +15,36 @@
 from PySide6.QtGui import QColor, QPalette
 from PySide6.QtWidgets import QApplication, QMenu, QWidget
 
-from graphlink_config import get_current_palette, is_monochrome_theme, is_muted_theme
+from graphlink_config import get_current_palette, get_surface_color, is_monochrome_theme, is_muted_theme
+from graphlink_styles import FONT_FAMILY
 
 
 def _colors() -> dict[str, str]:
     """Return the menu colors for the active Graphlink theme."""
     if is_monochrome_theme():
         return {
-            "surface": "#2A2A2A",
-            "text": "#DDDDDD",
-            "border": "#444444",
+            "surface": get_surface_color("field"),
+            "text": get_surface_color("text_primary"),
+            "border": get_surface_color("border"),
             "hover": "#666666",
             "disabled": "#777777",
         }
 
     if is_muted_theme():
         return {
-            "surface": "#232323",
-            "text": "#D1D1D1",
-            "border": "#383838",
+            "surface": get_surface_color("field"),
+            "text": get_surface_color("text_primary"),
+            "border": get_surface_color("border"),
             "hover": "#707070",
             "disabled": "#707070",
         }
 
     return {
-        "surface": "#272727",
-        "text": "#DCDCDC",
-        "border": "#424242",
+        "surface": get_surface_color("field"),
+        "text": get_surface_color("text_primary"),
+        "border": get_surface_color("divider"),
         "hover": get_current_palette().SELECTION.name(),
-        "disabled": "#767676",
+        "disabled": get_surface_color("text_muted"),
     }
 
 
@@ -57,7 +58,7 @@ def context_menu_stylesheet() -> str:
             border: 1px solid {colors['border']};
             border-radius: 8px;
             padding: 4px;
-            font-family: 'Segoe UI', sans-serif;
+            font-family: {FONT_FAMILY};
             font-size: 12px;
         }}
         QMenu::item {{
diff --git a/graphlink_app/graphlink_conversation_node.py b/graphlink_app/graphlink_conversation_node.py
index b0aa523..67d3765 100644
--- a/graphlink_app/graphlink_conversation_node.py
+++ b/graphlink_app/graphlink_conversation_node.py
@@ -7,7 +7,8 @@
 from PySide6.QtGui import QPainter, QColor, QBrush, QPen, QPainterPath, QTextDocument, QAction, QCursor, QFont
 import qtawesome as qta
 import markdown
-from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_neutral_button_colors, get_semantic_color
+from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_neutral_button_colors, get_semantic_color, get_surface_color
+from graphlink_styles import FONT_FAMILY
 from graphlink_canvas_items import HoverAnimationMixin
 from graphlink_lod import draw_lod_card, preview_text, sync_proxy_render_state
 from graphlink_plugins.graphlink_plugin_context_menu import PluginNodeContextMenu
@@ -29,12 +30,12 @@ def __init__(self, text, is_user, timestamp=None, parent=None):
         
         self.document = QTextDocument()
         palette = get_current_palette()
-        self.document.setDefaultStyleSheet("""
-            p, ul, ol, li, blockquote { color: #e0e0e0; margin: 0; font-family: 'Segoe UI'; font-size: 12px; }
-            pre { background-color: #1e1e1e; padding: 8px; border-radius: 4px; white-space: pre-wrap; font-family: Consolas, monospace; }
-            a { color: %s; }
-            .timestamp { color: #666666; font-size: 9px; }
-        """ % palette.AI_NODE.name())
+        self.document.setDefaultStyleSheet(f"""
+            p, ul, ol, li, blockquote {{ color: {get_surface_color("text_primary")}; margin: 0; font-family: {FONT_FAMILY}; font-size: 12px; }}
+            pre {{ background-color: {get_surface_color("window")}; padding: 8px; border-radius: 4px; white-space: pre-wrap; font-family: Consolas, monospace; }}
+            a {{ color: {palette.AI_NODE.name()}; }}
+            .timestamp {{ color: {get_surface_color("handle_hover")}; font-size: 9px; }}
+        """)
         
         html_content = markdown.markdown(text, extensions=['fenced_code', 'tables'])
         # Append timestamp to the HTML
@@ -138,7 +139,7 @@ def paint(self, painter, option, widget=None):
         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
         path = QPainterPath()
         path.addRoundedRect(self.boundingRect(), 15, 15)
-        painter.setBrush(QColor("#323232"))
+        painter.setBrush(get_semantic_color("conversation_ai_bubble"))
         painter.setPen(Qt.PenStyle.NoPen)
         painter.drawPath(path)
 
@@ -182,9 +183,9 @@ def __init__(self, parent_node, parent=None):
         self.widget = QWidget()
         self.widget.setObjectName("conversationMainWidget")
         self.widget.setFixedSize(self.NODE_WIDTH, self.NODE_HEIGHT)
-        self.widget.setStyleSheet("""
-            QWidget#conversationMainWidget { background-color: transparent; color: #e0e0e0; }
-            QWidget#conversationMainWidget QLabel { background-color: transparent; }
+        self.widget.setStyleSheet(f"""
+            QWidget#conversationMainWidget {{ background-color: transparent; color: {get_surface_color("text_primary")}; }}
+            QWidget#conversationMainWidget QLabel {{ background-color: transparent; }}
         """)
 
         self._message_items = []
@@ -305,7 +306,7 @@ def _setup_ui(self):
         self.internal_view.setRenderHint(QPainter.RenderHint.Antialiasing)
         self.internal_view.setHorizontalScrollBarPolicy(Qt.ScrollBarPolicy.ScrollBarAlwaysOff)
         self.internal_view.setVerticalScrollBarPolicy(Qt.ScrollBarPolicy.ScrollBarAsNeeded)
-        self.internal_view.setStyleSheet("background-color: #1a1a1a; border: 1px solid #333; border-radius: 6px;")
+        self.internal_view.setStyleSheet(f"background-color: {get_surface_color('window')}; border: 1px solid {get_surface_color('border')}; border-radius: 6px;")
         main_layout.addWidget(self.internal_view)
 
         input_layout = QHBoxLayout()
@@ -340,7 +341,7 @@ def _update_button_style(self):
             hover = self._blend_color(button_colors["hover"], accent, 0.30)
             pressed = self._blend_color(button_colors["pressed"], accent, 0.24)
             border = self._blend_color(button_colors["border"], accent, 0.42)
-            icon_color = button_colors["muted_icon"] if self._cancel_pending else QColor("#ffffff")
+            icon_color = button_colors["muted_icon"] if self._cancel_pending else QColor(get_surface_color("text_bright"))
             icon_name = 'fa5s.stop'
             tooltip = "Cancelling..." if self._cancel_pending else "Cancel response"
         else:
@@ -516,13 +517,13 @@ def paint(self, painter, option, widget=None):
         
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
-        painter.setBrush(QColor("#2d2d2d"))
-        
+        painter.setBrush(QColor(get_surface_color("field")))
+
         node_color = node_colors["border"]
         pen = QPen(node_color, 1.5)
         
         if self.isSelected(): pen = QPen(palette.SELECTION, 2)
-        elif self.hovered: pen = QPen(QColor("#ffffff"), 2)
+        elif self.hovered: pen = QPen(QColor(get_surface_color("text_bright")), 2)
         
         painter.setPen(pen)
         painter.drawPath(path)
@@ -561,7 +562,7 @@ def paint(self, painter, option, widget=None):
             return
 
         if self.is_collapsed:
-            painter.setPen(QColor("#ffffff"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             font = canvas_font(self.scene(), weight=QFont.Weight.Bold)
             painter.setFont(font)
             painter.drawText(QRectF(40, 0, self.width - 80, self.height), Qt.AlignmentFlag.AlignVCenter, "Conversation")
@@ -570,7 +571,7 @@ def paint(self, painter, option, widget=None):
             icon.paint(painter, QRect(10, 10, 20, 20))
             
             self.collapse_button_rect = QRectF(self.width - 35, 5, 30, 30)
-            expand_icon = qta.icon('fa5s.expand-arrows-alt', color='#ffffff' if self.hovered else '#888888')
+            expand_icon = qta.icon('fa5s.expand-arrows-alt', color=get_surface_color("text_bright") if self.hovered else get_surface_color("chrome_inactive"))
             expand_icon.paint(painter, QRect(int(self.width - 30), 10, 20, 20))
         else:
             if self.hovered:
@@ -579,7 +580,7 @@ def paint(self, painter, option, widget=None):
                 painter.setPen(QColor(255, 255, 255, 150))
                 painter.drawRoundedRect(self.collapse_button_rect.adjusted(6,6,-6,-6), 4, 4)
                 
-                icon_pen = QPen(QColor("#ffffff"), 2)
+                icon_pen = QPen(QColor(get_surface_color("text_bright")), 2)
                 painter.setPen(icon_pen)
                 center = self.collapse_button_rect.center()
                 painter.drawLine(int(center.x() - 4), int(center.y()), int(center.x() + 4), int(center.y()))
diff --git a/graphlink_app/graphlink_html_view.py b/graphlink_app/graphlink_html_view.py
index 1bd7a7c..4e39b55 100644
--- a/graphlink_app/graphlink_html_view.py
+++ b/graphlink_app/graphlink_html_view.py
@@ -6,7 +6,7 @@
 from PySide6.QtCore import QRectF, Qt, Signal, QPoint, QRect
 from PySide6.QtGui import QPainter, QColor, QBrush, QPen, QPainterPath, QCursor, QFont
 import qtawesome as qta
-from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_neutral_button_colors, get_semantic_color
+from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_neutral_button_colors, get_semantic_color, get_surface_color
 from graphlink_canvas_items import HoverAnimationMixin
 from graphlink_lod import draw_lod_card, preview_text, sync_proxy_render_state
 from graphlink_plugins.graphlink_plugin_context_menu import PluginNodeContextMenu
@@ -45,27 +45,27 @@ def __init__(self, parent_node, parent=None):
         layout.addWidget(self.web_view)
 
     def _inject_scrollbar_style(self):
-        css = """
-        ::-webkit-scrollbar {
+        css = f"""
+        ::-webkit-scrollbar {{
             width: 10px;
             height: 10px;
-            background-color: #252525;
-        }
-        ::-webkit-scrollbar-track {
-            background-color: #252525;
+            background-color: {get_surface_color("node_body")};
+        }}
+        ::-webkit-scrollbar-track {{
+            background-color: {get_surface_color("node_body")};
             border-radius: 5px;
-        }
-        ::-webkit-scrollbar-thumb {
-            background-color: #555555;
+        }}
+        ::-webkit-scrollbar-thumb {{
+            background-color: {get_surface_color("handle")};
             border-radius: 5px;
-            border: 1px solid #252525;
-        }
-        ::-webkit-scrollbar-thumb:hover {
-            background-color: #6A6A6A;
-        }
-        ::-webkit-scrollbar-corner {
+            border: 1px solid {get_surface_color("node_body")};
+        }}
+        ::-webkit-scrollbar-thumb:hover {{
+            background-color: {get_surface_color("handle_hover")};
+        }}
+        ::-webkit-scrollbar-corner {{
             background: transparent;
-        }
+        }}
         """
         js = f"""
         (function() {{
@@ -148,9 +148,9 @@ def __init__(self, parent_node, parent=None):
         self.widget = QWidget()
         self.widget.setObjectName("htmlViewMainWidget")
         self.widget.setFixedSize(self.NODE_WIDTH, self.NODE_HEIGHT)
-        self.widget.setStyleSheet("""
-            QWidget#htmlViewMainWidget { background-color: transparent; color: #E0E0E0; }
-            QWidget#htmlViewMainWidget QLabel { background-color: transparent; }
+        self.widget.setStyleSheet(f"""
+            QWidget#htmlViewMainWidget {{ background-color: transparent; color: {get_surface_color("text_primary")}; }}
+            QWidget#htmlViewMainWidget QLabel {{ background-color: transparent; }}
         """)
         
         self._setup_ui()
@@ -209,15 +209,15 @@ def _setup_ui(self):
 
         self.splitter = QSplitter(Qt.Orientation.Vertical)
         self.splitter.splitterMoved.connect(self._on_splitter_moved)
-        self.splitter.setStyleSheet("""
-            QSplitter::handle:vertical {
+        self.splitter.setStyleSheet(f"""
+            QSplitter::handle:vertical {{
                 height: 8px;
-                background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #3F3F3F, stop:0.5 #555555, stop:1 #3F3F3F);
-            }
-            QSplitter::handle:vertical:hover {
-                background: %s;
-            }
-        """ % get_semantic_color("status_success").name())
+                background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 {get_surface_color("border")}, stop:0.5 {get_surface_color("handle")}, stop:1 {get_surface_color("border")});
+            }}
+            QSplitter::handle:vertical:hover {{
+                background: {get_semantic_color("status_success").name()};
+            }}
+        """)
 
         # --- HTML Input Pane ---
         input_container = QWidget()
@@ -246,13 +246,13 @@ def _setup_ui(self):
         preview_header_layout.addStretch()
         
         self.popout_button = QPushButton()
-        self.popout_button.setIcon(qta.icon('fa5s.external-link-alt', color='#ccc'))
+        self.popout_button.setIcon(qta.icon('fa5s.external-link-alt', color=get_surface_color("text_soft")))
         self.popout_button.setFixedSize(28, 28)
         self.popout_button.setToolTip("Open Preview in a New Window")
         self.popout_button.clicked.connect(self._handle_popout)
-        self.popout_button.setStyleSheet("""
-            QPushButton { border: 1px solid #555; border-radius: 4px; }
-            QPushButton:hover { background-color: #4F4F4F; }
+        self.popout_button.setStyleSheet(f"""
+            QPushButton {{ border: 1px solid {get_surface_color("handle")}; border-radius: 4px; }}
+            QPushButton:hover {{ background-color: {get_surface_color("border_strong")}; }}
         """)
         preview_header_layout.addWidget(self.popout_button)
         
@@ -267,7 +267,7 @@ def _setup_ui(self):
             self.web_view = QWebEngineView()
             _harden_preview_web_view(self.web_view)
             self._inject_scrollbar_style()
-            self.web_view.setStyleSheet("background-color: #FFFFFF; border-radius: 4px;")
+            self.web_view.setStyleSheet("background-color: white; border-radius: 4px;")
             webview_layout.addWidget(self.web_view)
         else:
             self.popout_button.setEnabled(False)
@@ -278,8 +278,8 @@ def _setup_ui(self):
             )
             error_label.setAlignment(Qt.AlignmentFlag.AlignCenter)
             error_label.setStyleSheet(
-                "background-color: #252525; border: 1px dashed #555;"
-                "color: #888; border-radius: 4px; padding: 20px;"
+                f"background-color: {get_surface_color('node_body')}; border: 1px dashed {get_surface_color('handle')};"
+                f"color: {get_surface_color('chrome_inactive')}; border-radius: 4px; padding: 20px;"
             )
             webview_layout.addWidget(error_label)
             self.render_button.setEnabled(False)
@@ -294,12 +294,12 @@ def _setup_ui(self):
         self.splitter_state = self.splitter.sizes()
 
         for widget in [self.html_input]:
-            widget.setStyleSheet("""
-                QTextEdit {
-                    background-color: #252525; border: 1px solid #3F3F3F;
-                    color: #CCCCCC; border-radius: 4px; padding: 5px;
+            widget.setStyleSheet(f"""
+                QTextEdit {{
+                    background-color: {get_surface_color("node_body")}; border: 1px solid {get_surface_color("border")};
+                    color: {get_surface_color("text_soft")}; border-radius: 4px; padding: 5px;
                     font-family: Consolas, Monaco, monospace;
-                }
+                }}
             """)
         
         button_colors = get_neutral_button_colors()
@@ -323,34 +323,34 @@ def _setup_ui(self):
                 border-color: {button_colors["border"].darker(105).name()};
             }}
             QPushButton:disabled {{
-                background-color: #2B2B2B;
-                border-color: #353535;
-                color: #7B7B7B;
+                background-color: {get_surface_color("field")};
+                border-color: {get_surface_color("border")};
+                color: {get_surface_color("text_muted")};
             }}
         """)
         
     def _inject_scrollbar_style(self):
-        css = """
-        ::-webkit-scrollbar {
+        css = f"""
+        ::-webkit-scrollbar {{
             width: 10px;
             height: 10px;
-            background-color: #252525;
-        }
-        ::-webkit-scrollbar-track {
-            background-color: #252525;
+            background-color: {get_surface_color("node_body")};
+        }}
+        ::-webkit-scrollbar-track {{
+            background-color: {get_surface_color("node_body")};
             border-radius: 5px;
-        }
-        ::-webkit-scrollbar-thumb {
-            background-color: #555555;
+        }}
+        ::-webkit-scrollbar-thumb {{
+            background-color: {get_surface_color("handle")};
             border-radius: 5px;
-            border: 1px solid #252525;
-        }
-        ::-webkit-scrollbar-thumb:hover {
-            background-color: #6A6A6A;
-        }
-        ::-webkit-scrollbar-corner {
+            border: 1px solid {get_surface_color("node_body")};
+        }}
+        ::-webkit-scrollbar-thumb:hover {{
+            background-color: {get_surface_color("handle_hover")};
+        }}
+        ::-webkit-scrollbar-corner {{
             background: transparent;
-        }
+        }}
         """
         js = f"""
         (function() {{
@@ -445,16 +445,16 @@ def paint(self, painter, option, widget=None):
         
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
-        painter.setBrush(QColor("#2D2D2D"))
-        
+        painter.setBrush(QColor(get_surface_color("field")))
+
         node_color = node_colors["border"]
         pen = QPen(node_color, 1.5)
 
         if self.isSelected():
             pen = QPen(palette.SELECTION, 2)
         elif self.hovered:
-            pen = QPen(QColor("#FFFFFF"), 2)
-        
+            pen = QPen(QColor(get_surface_color("text_bright")), 2)
+
         painter.setPen(pen)
         painter.drawPath(path)
         
@@ -490,7 +490,7 @@ def paint(self, painter, option, widget=None):
             return
 
         if self.is_collapsed:
-            painter.setPen(QColor("#FFFFFF"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             font = canvas_font(self.scene(), weight=QFont.Weight.Bold)
             painter.setFont(font)
             painter.drawText(QRectF(40, 0, self.width - 80, self.height), Qt.AlignmentFlag.AlignVCenter, "HTML Renderer")
@@ -499,7 +499,7 @@ def paint(self, painter, option, widget=None):
             icon.paint(painter, QRect(10, 10, 20, 20))
             
             self.collapse_button_rect = QRectF(self.width - 35, 5, 30, 30)
-            expand_icon = qta.icon('fa5s.expand-arrows-alt', color='#FFFFFF' if self.hovered else '#888888')
+            expand_icon = qta.icon('fa5s.expand-arrows-alt', color=get_surface_color("text_bright") if self.hovered else get_surface_color("chrome_inactive"))
             expand_icon.paint(painter, QRect(int(self.width - 30), 10, 20, 20))
         else:
             if self.hovered:
@@ -508,7 +508,7 @@ def paint(self, painter, option, widget=None):
                 painter.setPen(QColor(255, 255, 255, 150))
                 painter.drawRoundedRect(self.collapse_button_rect.adjusted(6,6,-6,-6), 4, 4)
                 
-                icon_pen = QPen(QColor("#FFFFFF"), 2)
+                icon_pen = QPen(QColor(get_surface_color("text_bright")), 2)
                 painter.setPen(icon_pen)
                 center = self.collapse_button_rect.center()
                 painter.drawLine(int(center.x() - 4), int(center.y()), int(center.x() + 4), int(center.y()))
diff --git a/graphlink_app/graphlink_lod.py b/graphlink_app/graphlink_lod.py
index 8e3f186..3fba550 100644
--- a/graphlink_app/graphlink_lod.py
+++ b/graphlink_app/graphlink_lod.py
@@ -3,6 +3,9 @@
 from PySide6.QtCore import QPointF, QRectF, Qt
 from PySide6.QtGui import QBrush, QColor, QFont, QFontMetrics, QLinearGradient, QPainter, QPainterPath, QPen
 
+from graphlink_config import get_surface_color
+from graphlink_styles import FONT_FAMILY_NAME
+
 
 LOD_FULL_THRESHOLD = 0.72
 LOD_SUMMARY_THRESHOLD = 0.3
@@ -291,14 +294,14 @@ def draw_lod_card(
     panel_path.addRoundedRect(panel_rect, border_radius, border_radius)
 
     gradient = QLinearGradient(QPointF(panel_rect.left(), panel_rect.top()), QPointF(panel_rect.left(), panel_rect.bottom()))
-    gradient.setColorAt(0, QColor("#2B2B2B"))
-    gradient.setColorAt(1, QColor("#1B1B1B"))
+    gradient.setColorAt(0, QColor(get_surface_color("field")))
+    gradient.setColorAt(1, QColor(get_surface_color("window")))
     painter.setBrush(QBrush(gradient))
 
     border_color = accent.lighter(110)
     border_width = 1.35
     if hovered:
-        border_color = QColor("#FFFFFF")
+        border_color = QColor(get_surface_color("text_bright"))
         border_width = 1.9
     if selected:
         border_color = selection_color
@@ -346,7 +349,7 @@ def draw_lod_card(
         chip_block_height = 0.0
         if badge:
             badge_font = _fit_font_to_height(
-                _scaled_font("Segoe UI", 7, scale=min(detail_scale, 1.42), weight=QFont.Weight.DemiBold, max_scale=1.42),
+                _scaled_font(FONT_FAMILY_NAME, 7, scale=min(detail_scale, 1.42), weight=QFont.Weight.DemiBold, max_scale=1.42),
                 _lod_font_height_limit(
                     panel_rect.height(),
                     zoom,
@@ -365,11 +368,11 @@ def draw_lod_card(
             painter.setBrush(QColor(accent.red(), accent.green(), accent.blue(), 64))
             painter.setPen(QPen(QColor(accent.red(), accent.green(), accent.blue(), 116), 1.0))
             painter.drawRoundedRect(chip_rect, chip_height / 2, chip_height / 2)
-            painter.setPen(QColor("#FAFAFA"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             painter.drawText(chip_rect, Qt.AlignmentFlag.AlignCenter, badge)
 
         footer_font = _fit_font_to_height(
-            _scaled_font("Segoe UI", 9, scale=min(detail_scale, 2.05), weight=QFont.Weight.DemiBold, max_scale=2.05),
+            _scaled_font(FONT_FAMILY_NAME, 9, scale=min(detail_scale, 2.05), weight=QFont.Weight.DemiBold, max_scale=2.05),
             _lod_font_height_limit(
                 panel_rect.height(),
                 zoom,
@@ -417,7 +420,7 @@ def draw_lod_card(
         )
 
         glyph_font = _fit_font_to_height(
-            _scaled_font("Segoe UI", 16, scale=detail_scale, weight=QFont.Weight.DemiBold, max_scale=2.8),
+            _scaled_font(FONT_FAMILY_NAME, 16, scale=detail_scale, weight=QFont.Weight.DemiBold, max_scale=2.8),
             _lod_font_height_limit(
                 orb_rect.height(),
                 zoom,
@@ -428,7 +431,7 @@ def draw_lod_card(
             min_point_size=8.0,
         )
         painter.setFont(glyph_font)
-        painter.setPen(QColor("#F7F7F7"))
+        painter.setPen(QColor(get_surface_color("text_bright")))
         painter.drawText(orb_rect, Qt.AlignmentFlag.AlignCenter, initials_for_title(title))
 
         painter.setBrush(QColor(255, 255, 255, 18))
@@ -439,7 +442,7 @@ def draw_lod_card(
             footer_rect.adjusted(10.0, 0.0, -10.0, 0.0),
             title,
             font=footer_font,
-            color=QColor("#F6F6F6"),
+            color=QColor(get_surface_color("text_bright")),
             max_lines=1,
             alignment=Qt.AlignmentFlag.AlignHCenter,
         )
@@ -467,7 +470,7 @@ def draw_lod_card(
         meta_text_x = content_left
         if badge:
             badge_font = _fit_font_to_height(
-                _scaled_font("Segoe UI", 7, scale=min(detail_scale, 1.5), weight=QFont.Weight.DemiBold, max_scale=1.5),
+                _scaled_font(FONT_FAMILY_NAME, 7, scale=min(detail_scale, 1.5), weight=QFont.Weight.DemiBold, max_scale=1.5),
                 _lod_font_height_limit(
                     panel_rect.height(),
                     zoom,
@@ -490,13 +493,13 @@ def draw_lod_card(
             painter.setBrush(QColor(accent.red(), accent.green(), accent.blue(), 74))
             painter.setPen(QPen(QColor(accent.red(), accent.green(), accent.blue(), 116), 1.0))
             painter.drawRoundedRect(badge_rect, badge_height / 2, badge_height / 2)
-            painter.setPen(QColor("#F7F7F7"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             painter.drawText(badge_rect, Qt.AlignmentFlag.AlignCenter, badge)
             meta_text_x = badge_rect.right() + 10.0
 
         if subtitle:
             subtitle_font = _fit_font_to_height(
-                _scaled_font("Segoe UI", 8, scale=min(detail_scale, 1.52), weight=QFont.Weight.Medium, max_scale=1.52),
+                _scaled_font(FONT_FAMILY_NAME, 8, scale=min(detail_scale, 1.52), weight=QFont.Weight.Medium, max_scale=1.52),
                 _lod_font_height_limit(
                     panel_rect.height(),
                     zoom,
@@ -511,7 +514,7 @@ def draw_lod_card(
                 QRectF(meta_text_x, header_rect.top(), max(18.0, content_right - meta_text_x), header_rect.height()),
                 subtitle,
                 font=subtitle_font,
-                color=QColor("#B6B6B6"),
+                color=QColor(get_surface_color("text_secondary")),
                 max_lines=1,
             )
 
@@ -521,7 +524,7 @@ def draw_lod_card(
 
         title_font = _fit_font_to_height(
             _scaled_font(
-                "Segoe UI",
+                FONT_FAMILY_NAME,
                 12 if compact_summary else 13,
                 scale=min(detail_scale, 2.45 if compact_summary else 2.1),
                 weight=QFont.Weight.DemiBold,
@@ -545,7 +548,7 @@ def draw_lod_card(
             title_rect,
             title,
             font=title_font,
-            color=QColor("#FAFAFA"),
+            color=QColor(get_surface_color("text_bright")),
             max_lines=title_line_limit,
             line_gap=2.0,
         )
@@ -560,7 +563,7 @@ def draw_lod_card(
 
         preview_font = _fit_font_to_height(
             _scaled_font(
-                "Segoe UI",
+                FONT_FAMILY_NAME,
                 9 if compact_summary else 10,
                 scale=min(detail_scale, 1.9 if compact_summary else 1.7),
                 max_scale=1.9 if compact_summary else 1.7,
@@ -586,7 +589,7 @@ def draw_lod_card(
             preview_inner_rect,
             preview or " ",
             font=preview_font,
-            color=QColor("#DCDCDC"),
+            color=QColor(get_surface_color("text_primary")),
             max_lines=preview_line_limit,
             line_gap=2.0,
         )
@@ -622,7 +625,7 @@ def draw_lod_card(
         painter.drawPath(panel_path)
 
     if search_match:
-        search_pen = QPen(QColor("#C6C6C6"), 2.2)
+        search_pen = QPen(QColor(get_surface_color("text_secondary")), 2.2)
         search_pen.setJoinStyle(Qt.PenJoinStyle.RoundJoin)
         painter.setPen(search_pen)
         painter.setBrush(Qt.BrushStyle.NoBrush)
diff --git a/graphlink_app/graphlink_nodes/graphlink_node_chat.py b/graphlink_app/graphlink_nodes/graphlink_node_chat.py
index 174da48..4007b2a 100644
--- a/graphlink_app/graphlink_nodes/graphlink_node_chat.py
+++ b/graphlink_app/graphlink_nodes/graphlink_node_chat.py
@@ -15,8 +15,9 @@
 from PySide6.QtWidgets import QGraphicsItem
 
 from graphlink_canvas_items import Container, Frame, HoverAnimationMixin
-from graphlink_config import get_current_palette, get_semantic_color, is_monochrome_theme
+from graphlink_config import get_current_palette, get_graph_node_colors, get_semantic_color, get_surface_color, is_monochrome_theme
 from graphlink_lod import draw_lod_card, lod_mode_for_item, preview_text
+from graphlink_styles import FONT_FAMILY_NAME
 from graphlink_widgets import ScrollBar
 
 
@@ -143,15 +144,15 @@ def _surface_colors(self):
         accent = self._role_accent()
         monochrome = is_monochrome_theme()
 
-        body_start = self._mix_color(QColor("#282828"), accent, 0.04 if not monochrome else 0.02)
-        body_end = self._mix_color(QColor("#1A1A1A"), accent, 0.02 if not monochrome else 0.01)
-        header_start = self._mix_color(QColor("#323232"), accent, 0.30 if not monochrome else 0.08)
-        header_end = self._mix_color(QColor("#1C1C1C"), accent, 0.18 if not monochrome else 0.04)
-        badge_fill = self._mix_color(QColor("#2B2B2B"), accent, 0.58 if not monochrome else 0.12)
-        badge_text = QColor("#FCFCFC") if self.is_user else QColor("#F6F6F6")
-        descriptor_text = self._mix_color(QColor("#A5A5A5"), accent, 0.14 if not monochrome else 0.04)
-        content_panel_fill = QColor("#141414")
-        content_panel_border = self._mix_color(QColor("#393939"), accent, 0.08 if not monochrome else 0.03)
+        body_start = self._mix_color(QColor(get_surface_color("field")), accent, 0.04 if not monochrome else 0.02)
+        body_end = self._mix_color(QColor(get_surface_color("window")), accent, 0.02 if not monochrome else 0.01)
+        header_start = self._mix_color(get_graph_node_colors()["header_end"], accent, 0.30 if not monochrome else 0.08)
+        header_end = self._mix_color(QColor(get_surface_color("window")), accent, 0.18 if not monochrome else 0.04)
+        badge_fill = self._mix_color(QColor(get_surface_color("field")), accent, 0.58 if not monochrome else 0.12)
+        badge_text = QColor(get_surface_color("text_bright"))
+        descriptor_text = self._mix_color(QColor(get_surface_color("text_label")), accent, 0.14 if not monochrome else 0.04)
+        content_panel_fill = QColor(get_surface_color("window"))
+        content_panel_border = self._mix_color(QColor(get_surface_color("border")), accent, 0.08 if not monochrome else 0.03)
 
         return {
             "accent": accent,
@@ -169,11 +170,11 @@ def _surface_colors(self):
     def _get_default_stylesheet(self, color, font_family, font_size):
         base_text = QColor(color)
         accent = self._role_accent()
-        muted_text = self._mix_color(base_text, QColor("#CFCFCF"), 0.18 if not is_monochrome_theme() else 0.04)
+        muted_text = self._mix_color(base_text, QColor(get_surface_color("text_soft")), 0.18 if not is_monochrome_theme() else 0.04)
         link_color = accent.lighter(125)
-        quote_border = self._mix_color(QColor("#545454"), accent, 0.55 if not is_monochrome_theme() else 0.10)
-        code_bg = self._mix_color(QColor("#141414"), accent, 0.10 if not is_monochrome_theme() else 0.03)
-        table_border = self._mix_color(QColor("#404040"), accent, 0.26 if not is_monochrome_theme() else 0.06)
+        quote_border = self._mix_color(QColor(get_surface_color("border_strong")), accent, 0.55 if not is_monochrome_theme() else 0.10)
+        code_bg = self._mix_color(QColor(get_surface_color("window")), accent, 0.10 if not is_monochrome_theme() else 0.03)
+        table_border = self._mix_color(QColor(get_surface_color("border")), accent, 0.26 if not is_monochrome_theme() else 0.06)
 
         return f"""
             body {{
@@ -199,7 +200,7 @@ def _get_default_stylesheet(self, color, font_family, font_size):
                 margin-bottom: 0.2em;
             }}
             h1, h2, h3, h4, h5, h6 {{
-                color: #FFFFFF;
+                color: {get_surface_color("text_bright")};
                 font-family: '{font_family}';
                 font-weight: bold;
                 margin-top: 0.2em;
@@ -260,9 +261,9 @@ def _get_default_stylesheet(self, color, font_family, font_size):
         """
 
     def _setup_document(self):
-        font_family = "Segoe UI"
+        font_family = FONT_FAMILY_NAME
         font_size = 10
-        color = "#DDDDDD"
+        color = get_surface_color("text_primary")
 
         if self.scene():
             font_family = self.scene().font_family
@@ -394,7 +395,7 @@ def _paint_header(self, painter, current_width):
         painter.setPen(QPen(colors["content_panel_border"], 1))
         painter.drawLine(10, self.HEADER_HEIGHT, current_width - 10, self.HEADER_HEIGHT)
 
-        font_family = self.scene().font_family if self.scene() else "Segoe UI"
+        font_family = self.scene().font_family if self.scene() else FONT_FAMILY_NAME
         badge_font = QFont(font_family, 8, QFont.Weight.DemiBold)
         painter.setFont(badge_font)
         badge_metrics = QFontMetrics(badge_font)
@@ -424,7 +425,7 @@ def _paint_collapse_button(self, painter, button_x):
         painter.setPen(QColor(255, 255, 255, 110))
         painter.drawRoundedRect(self.collapse_button_rect, 4, 4)
 
-        icon_pen = QPen(QColor("#FFFFFF"), 1.8)
+        icon_pen = QPen(QColor(get_surface_color("text_bright")), 1.8)
         painter.setPen(icon_pen)
         center = self.collapse_button_rect.center()
         painter.drawLine(int(center.x() - 4), int(center.y()), int(center.x() + 4), int(center.y()))
@@ -483,7 +484,7 @@ def paint(self, painter, option, widget=None):
         if self.isSelected() and not is_dragging:
             pen = QPen(palette.SELECTION, 2.2)
         elif self.hovered:
-            pen = QPen(QColor("#FFFFFF"), 2)
+            pen = QPen(QColor(get_surface_color("text_bright")), 2)
 
         painter.setPen(Qt.PenStyle.NoPen)
         painter.drawPath(path)
@@ -529,14 +530,14 @@ def paint(self, painter, option, widget=None):
 
         docked_child_count = self.docked_child_count()
         if docked_child_count:
-            indicator_color = QColor("#A2A2A2").lighter(130)
+            indicator_color = QColor(get_surface_color("text_label")).lighter(130)
             painter.setBrush(indicator_color)
             painter.setPen(Qt.PenStyle.NoPen)
             badge_width = 26 if docked_child_count < 10 else 32
             badge_rect = QRectF(current_width - badge_width - 38, 8, badge_width, 18)
             painter.drawRoundedRect(badge_rect, 9, 9)
-            painter.setPen(QColor("#141414"))
-            count_font = QFont(self.scene().font_family if self.scene() else "Segoe UI", 8, QFont.Weight.Bold)
+            painter.setPen(QColor(get_surface_color("window")))
+            count_font = QFont(self.scene().font_family if self.scene() else FONT_FAMILY_NAME, 8, QFont.Weight.Bold)
             painter.setFont(count_font)
             painter.drawText(badge_rect, Qt.AlignmentFlag.AlignCenter, str(docked_child_count))
 
@@ -569,10 +570,10 @@ def paint(self, painter, option, widget=None):
             painter.drawPath(path)
 
         if self.is_collapsed:
-            font_family = self.scene().font_family if self.scene() else "Segoe UI"
+            font_family = self.scene().font_family if self.scene() else FONT_FAMILY_NAME
             snippet_font = QFont(font_family, 9)
             painter.setFont(snippet_font)
-            painter.setPen(QColor("#F3F3F3"))
+            painter.setPen(QColor(get_surface_color("text_strong")))
             metrics = QFontMetrics(snippet_font)
             text_to_show = self.text.split('\n')[0].strip() or "[Empty]"
             elided_text = metrics.elidedText(text_to_show, Qt.TextElideMode.ElideRight, current_width - 26)
diff --git a/graphlink_app/graphlink_nodes/graphlink_node_code.py b/graphlink_app/graphlink_nodes/graphlink_node_code.py
index 441c0f5..e9369ff 100644
--- a/graphlink_app/graphlink_nodes/graphlink_node_code.py
+++ b/graphlink_app/graphlink_nodes/graphlink_node_code.py
@@ -4,8 +4,9 @@
 from PySide6.QtWidgets import QApplication, QGraphicsItem
 
 from graphlink_canvas_items import Container, HoverAnimationMixin
-from graphlink_config import canvas_font, canvas_font_color, get_current_palette, get_graph_node_colors, get_semantic_color
+from graphlink_config import canvas_font, canvas_font_color, get_current_palette, get_graph_node_colors, get_semantic_color, get_surface_color
 from graphlink_lod import draw_lod_card, lod_mode_for_item, preview_text
+from graphlink_styles import FONT_FAMILY_NAME
 from graphlink_widgets import ScrollBar
 
 try:
@@ -28,7 +29,7 @@ def __init__(self, style='monokai'):
 
     def highlight(self, code, language):
         if not PYGMENTS_AVAILABLE:
-            return f'<pre style="color: #ffffff; white-space: pre-wrap;">{code}</pre>'
+            return f'<pre style="color: {get_surface_color("text_bright")}; white-space: pre-wrap;">{code}</pre>'
         try:
             if not language:
                 lexer = guess_lexer(code)
@@ -83,9 +84,9 @@ def __init__(self, code, language, parent_content_node, parent=None):
 
     def _set_document_style(self):
         scene = self.scene()
-        family = getattr(scene, "font_family", "Segoe UI")
+        family = getattr(scene, "font_family", FONT_FAMILY_NAME)
         size = max(1, int(getattr(scene, "font_size", 10)))
-        color = canvas_font_color(scene, "#dddddd").name()
+        color = canvas_font_color(scene, get_surface_color("text_primary")).name()
         stylesheet = self.highlighter.get_stylesheet()
         stylesheet += f" body, pre {{ font-family: '{family}'; font-size: {size}pt; color: {color}; }}"
         self.document.setDefaultStyleSheet(stylesheet)
@@ -143,7 +144,7 @@ def paint(self, painter, option, widget=None):
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
 
-        painter.setBrush(QColor("#1e1e1e"))
+        painter.setBrush(QColor(get_surface_color("window")))
 
         is_dragging = self.scene() and getattr(self.scene(), 'is_rubber_band_dragging', False)
 
@@ -178,7 +179,7 @@ def paint(self, painter, option, widget=None):
         painter.setBrush(node_colors["header_start"])
         painter.drawPath(header_path)
 
-        painter.setPen(QColor("#cccccc"))
+        painter.setPen(QColor(get_surface_color("text_soft")))
         font = canvas_font(self.scene(), delta=-1)
         painter.setFont(font)
         metrics = QFontMetrics(font)
@@ -190,7 +191,7 @@ def paint(self, painter, option, widget=None):
         )
         painter.drawText(label_rect, Qt.AlignmentFlag.AlignVCenter, label_text)
 
-        copy_icon = qta.icon('fa5s.copy', color='#cccccc')
+        copy_icon = qta.icon('fa5s.copy', color=get_surface_color("text_soft"))
         copy_icon.paint(painter, QRectF(self.width - 28, 7, 16, 16).toRect())
 
         painter.save()
diff --git a/graphlink_app/graphlink_nodes/graphlink_node_document.py b/graphlink_app/graphlink_nodes/graphlink_node_document.py
index 735f050..1a957cb 100644
--- a/graphlink_app/graphlink_nodes/graphlink_node_document.py
+++ b/graphlink_app/graphlink_nodes/graphlink_node_document.py
@@ -8,8 +8,9 @@
 
 from graphlink_audio import format_duration
 from graphlink_canvas_items import Container, HoverAnimationMixin
-from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors
+from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_surface_color
 from graphlink_lod import draw_lod_card, lod_mode_for_item, preview_text
+from graphlink_styles import FONT_FAMILY_NAME
 from graphlink_widgets import ScrollBar
 
 
@@ -178,9 +179,9 @@ def _should_show_audio_preview(self, content, audio_details):
         return True
 
     def _setup_document(self):
-        font_family = "Segoe UI"
+        font_family = FONT_FAMILY_NAME
         font_size = 10
-        color = "#DDDDDD"
+        color = get_surface_color("text_primary")
 
         if self.scene():
             font_family = self.scene().font_family
@@ -192,13 +193,13 @@ def _setup_document(self):
             f"p {{ margin: 0 0 0.45em 0; }}"
             "table.meta { width: 100%; border-collapse: collapse; margin: 0 0 12px 0; }"
             "table.meta td { padding: 6px 0; vertical-align: top; }"
-            "td.meta-label { color: #979797; font-size: 9pt; font-weight: 600; width: 88px; min-width: 88px; max-width: 88px; padding-right: 18px; white-space: nowrap; }"
-            "td.meta-value { color: #F1F1F1; font-size: 9.5pt; }"
-            "p.attachment-kicker { color: #A0A0A0; font-size: 8.5pt; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 4px 0; }"
-            "p.attachment-title { color: #F7F7F7; font-size: 12pt; font-weight: 700; margin: 0 0 12px 0; }"
-            "p.section-label { color: #979797; font-size: 8.5pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin: 6px 0 8px 0; }"
-            "div.preview { background: #121212; border: 1px solid #393939; border-radius: 10px; padding: 10px 12px; }"
-            "pre.preview-text { margin: 0; color: #DDDDDD; font-family: 'Consolas', 'Courier New', monospace; white-space: pre-wrap; }"
+            f"td.meta-label {{ color: {get_surface_color('text_label')}; font-size: 9pt; font-weight: 600; width: 88px; min-width: 88px; max-width: 88px; padding-right: 18px; white-space: nowrap; }}"
+            f"td.meta-value {{ color: {get_surface_color('text_strong')}; font-size: 9.5pt; }}"
+            f"p.attachment-kicker {{ color: {get_surface_color('text_label')}; font-size: 8.5pt; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 4px 0; }}"
+            f"p.attachment-title {{ color: {get_surface_color('text_bright')}; font-size: 12pt; font-weight: 700; margin: 0 0 12px 0; }}"
+            f"p.section-label {{ color: {get_surface_color('text_label')}; font-size: 8.5pt; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin: 6px 0 8px 0; }}"
+            f"div.preview {{ background: {get_surface_color('inset_deep')}; border: 1px solid {get_surface_color('border')}; border-radius: 10px; padding: 10px 12px; }}"
+            f"pre.preview-text {{ margin: 0; color: {get_surface_color('text_primary')}; font-family: 'Consolas', 'Courier New', monospace; white-space: pre-wrap; }}"
         )
         self.document.setDefaultStyleSheet(stylesheet)
         self.document.setHtml(self._build_attachment_html())
@@ -376,29 +377,29 @@ def _paint_action_button(self, painter, rect, icon_name, hovered):
         painter.setBrush(button_bg)
         painter.setPen(button_border)
         painter.drawRoundedRect(rect, 4, 4)
-        icon = qta.icon(icon_name, color="#FFFFFF" if hovered else "#D7D7D7")
+        icon = qta.icon(icon_name, color=get_surface_color("text_bright") if hovered else get_surface_color("text_primary"))
         icon.paint(painter, rect.adjusted(3, 3, -3, -3).toRect())
 
     def _paint_collapsed_state(self, painter, current_width, current_height, pen):
         node_colors = get_graph_node_colors()
-        painter.setBrush(QColor("#272727"))
+        painter.setBrush(QColor(get_surface_color("field")))
         painter.setPen(pen)
         painter.drawRoundedRect(0, 0, current_width, current_height, current_height / 2, current_height / 2)
 
-        icon = qta.icon(self._icon_name(), color="#D9D9D9")
+        icon = qta.icon(self._icon_name(), color=get_surface_color("text_primary"))
         icon.paint(painter, QRectF(12, 14, 16, 16).toRect())
 
-        title_font = QFont(self.scene().font_family if self.scene() else "Segoe UI", 9, QFont.Weight.Bold)
+        title_font = QFont(self.scene().font_family if self.scene() else FONT_FAMILY_NAME, 9, QFont.Weight.Bold)
         painter.setFont(title_font)
-        painter.setPen(QColor("#F3F3F3"))
+        painter.setPen(QColor(get_surface_color("text_strong")))
         title_metrics = QFontMetrics(title_font)
         title_width = current_width - 84
         elided_title = title_metrics.elidedText(self.title or self._subtitle_text(), Qt.TextElideMode.ElideRight, title_width)
         painter.drawText(QRectF(36, 9, title_width, 16), Qt.AlignmentFlag.AlignLeft | Qt.AlignmentFlag.AlignVCenter, elided_title)
 
-        subtitle_font = QFont(self.scene().font_family if self.scene() else "Segoe UI", 8)
+        subtitle_font = QFont(self.scene().font_family if self.scene() else FONT_FAMILY_NAME, 8)
         painter.setFont(subtitle_font)
-        painter.setPen(QColor("#B1B1B1"))
+        painter.setPen(QColor(get_surface_color("text_secondary")))
         subtitle_metrics = QFontMetrics(subtitle_font)
         subtitle_text = subtitle_metrics.elidedText(self.preview_label or self._subtitle_text(), Qt.TextElideMode.ElideRight, title_width)
         painter.drawText(QRectF(36, 26, title_width, 14), Qt.AlignmentFlag.AlignLeft | Qt.AlignmentFlag.AlignVCenter, subtitle_text)
@@ -444,7 +445,7 @@ def paint(self, painter, option, widget=None):
         else:
             path = QPainterPath()
             path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
-            painter.setBrush(QColor("#2D2D2D"))
+            painter.setBrush(QColor(get_surface_color("field")))
             painter.setPen(pen)
             painter.drawPath(path)
 
@@ -454,10 +455,10 @@ def paint(self, painter, option, widget=None):
             painter.setBrush(node_colors["header_start"])
             painter.drawPath(header_path)
 
-            icon = qta.icon(self._icon_name(), color="#CCCCCC")
+            icon = qta.icon(self._icon_name(), color=get_surface_color("text_soft"))
             icon.paint(painter, QRectF(10, 7, 16, 16).toRect())
 
-            painter.setPen(QColor("#CCCCCC"))
+            painter.setPen(QColor(get_surface_color("text_soft")))
             title_font = canvas_font(self.scene(), delta=-1, weight=QFont.Weight.Bold)
             painter.setFont(title_font)
             title_metrics = QFontMetrics(title_font)
@@ -473,12 +474,12 @@ def paint(self, painter, option, widget=None):
             painter.setBrush(QColor(255, 255, 255, 18))
             painter.setPen(Qt.PenStyle.NoPen)
             painter.drawRoundedRect(badge_rect, 8, 8)
-            painter.setPen(QColor("#D9D9D9"))
+            painter.setPen(QColor(get_surface_color("text_primary")))
             painter.drawText(badge_rect, Qt.AlignmentFlag.AlignCenter, badge_metrics.elidedText(badge_text, Qt.TextElideMode.ElideRight, int(badge_rect.width() - 10)))
 
             panel_rect = self._content_panel_rect()
-            painter.setBrush(QColor("#1C1C1C"))
-            painter.setPen(QPen(QColor("#404040"), 1))
+            painter.setBrush(QColor(get_surface_color("window")))
+            painter.setPen(QPen(QColor(get_surface_color("border")), 1))
             painter.drawRoundedRect(panel_rect, 11, 11)
 
             painter.save()
diff --git a/graphlink_app/graphlink_nodes/graphlink_node_image.py b/graphlink_app/graphlink_nodes/graphlink_node_image.py
index c24428a..300c7cd 100644
--- a/graphlink_app/graphlink_nodes/graphlink_node_image.py
+++ b/graphlink_app/graphlink_nodes/graphlink_node_image.py
@@ -4,7 +4,7 @@
 from PySide6.QtWidgets import QGraphicsItem
 
 from graphlink_canvas_items import Container, HoverAnimationMixin
-from graphlink_config import canvas_font, canvas_font_color, get_current_palette, get_graph_node_colors, get_semantic_color
+from graphlink_config import canvas_font, canvas_font_color, get_current_palette, get_graph_node_colors, get_semantic_color, get_surface_color
 from graphlink_lod import draw_lod_card, lod_mode_for_item, preview_text
 
 
@@ -59,7 +59,7 @@ def paint(self, painter, option, widget=None):
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
 
-        painter.setBrush(QColor("#2D2D2D"))
+        painter.setBrush(QColor(get_surface_color("field")))
 
         is_dragging = self.scene() and getattr(self.scene(), 'is_rubber_band_dragging', False)
 
@@ -94,10 +94,10 @@ def paint(self, painter, option, widget=None):
         painter.setBrush(node_colors["header_start"])
         painter.drawPath(header_path)
 
-        icon = qta.icon('fa5s.image', color='#CCCCCC')
+        icon = qta.icon('fa5s.image', color=get_surface_color("text_soft"))
         icon.paint(painter, QRectF(10, 7, 16, 16).toRect())
 
-        painter.setPen(QColor("#CCCCCC"))
+        painter.setPen(QColor(get_surface_color("text_soft")))
         font = canvas_font(self.scene(), delta=-1)
         painter.setFont(font)
         metrics = QFontMetrics(font)
@@ -126,7 +126,7 @@ def paint(self, painter, option, widget=None):
             painter.drawImage(target_rect, self.image)
         else:
             painter.save()
-            placeholder_color = canvas_font_color(self.scene(), "#B1B1B1")
+            placeholder_color = canvas_font_color(self.scene(), get_surface_color("text_secondary"))
             placeholder_color.setAlpha(180)
             painter.setPen(QPen(placeholder_color, 1, Qt.PenStyle.DashLine))
             painter.setBrush(QColor(255, 255, 255, 10))
diff --git a/graphlink_app/graphlink_nodes/graphlink_node_thinking.py b/graphlink_app/graphlink_nodes/graphlink_node_thinking.py
index dcf9569..62862aa 100644
--- a/graphlink_app/graphlink_nodes/graphlink_node_thinking.py
+++ b/graphlink_app/graphlink_nodes/graphlink_node_thinking.py
@@ -5,8 +5,9 @@
 from PySide6.QtWidgets import QGraphicsItem
 
 from graphlink_canvas_items import Container, HoverAnimationMixin
-from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors
+from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_surface_color
 from graphlink_lod import draw_lod_card, lod_mode_for_item, preview_text
+from graphlink_styles import FONT_FAMILY_NAME
 from graphlink_widgets import ScrollBar
 
 
@@ -52,9 +53,9 @@ def __init__(self, thinking_text, parent_content_node, parent=None):
         self._recalculate_geometry()
 
     def _setup_document(self):
-        font_family = "Segoe UI"
+        font_family = FONT_FAMILY_NAME
         font_size = 9
-        color = "#B0B0B0"
+        color = get_surface_color("text_secondary")
 
         if self.scene():
             font_family = self.scene().font_family
@@ -64,10 +65,10 @@ def _setup_document(self):
         stylesheet = (
             f"body {{ color: {color}; font-family: '{font_family}'; font-size: {font_size}pt; margin: 0; }}"
             f"p {{ color: {color}; margin: 0 0 0.6em 0; }}"
-            "p.thinking-kicker { color: #9E9E9E; font-size: 8.5pt; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 8px 0; }"
-            "blockquote { border-left: 3px solid #545454; padding-left: 10px; margin: 0.35em 0 0.8em 0; color: #CCCCCC; }"
-            "pre { background: #121212; border: 1px solid #393939; border-radius: 8px; padding: 10px 12px; margin: 0.35em 0 0.8em 0; color: #DCDCDC; }"
-            "code { background: #121212; border-radius: 4px; padding: 1px 4px; color: #DCDCDC; }"
+            f"p.thinking-kicker {{ color: {get_surface_color('text_label')}; font-size: 8.5pt; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 8px 0; }}"
+            f"blockquote {{ border-left: 3px solid {get_surface_color('border_strong')}; padding-left: 10px; margin: 0.35em 0 0.8em 0; color: {get_surface_color('text_soft')}; }}"
+            f"pre {{ background: {get_surface_color('inset_deep')}; border: 1px solid {get_surface_color('border')}; border-radius: 8px; padding: 10px 12px; margin: 0.35em 0 0.8em 0; color: {get_surface_color('text_primary')}; }}"
+            f"code {{ background: {get_surface_color('inset_deep')}; border-radius: 4px; padding: 1px 4px; color: {get_surface_color('text_primary')}; }}"
             "pre code { background: transparent; padding: 0; }"
             "ul, ol { margin: 0 0 0.75em 0; padding-left: 20px; }"
             "li { margin-bottom: 0.2em; }"
@@ -166,7 +167,7 @@ def paint(self, painter, option, widget=None):
 
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
-        painter.setBrush(QColor("#2D2D2D"))
+        painter.setBrush(QColor(get_surface_color("field")))
 
         is_dragging = self.scene() and getattr(self.scene(), 'is_rubber_band_dragging', False)
 
@@ -204,10 +205,10 @@ def paint(self, painter, option, widget=None):
         painter.setBrush(node_colors["header_start"])
         painter.drawPath(header_path)
 
-        icon = qta.icon('fa5s.brain', color='#CCCCCC')
+        icon = qta.icon('fa5s.brain', color=get_surface_color("text_soft"))
         icon.paint(painter, QRectF(10, 7, 16, 16).toRect())
 
-        painter.setPen(QColor("#CCCCCC"))
+        painter.setPen(QColor(get_surface_color("text_soft")))
         font = canvas_font(self.scene(), delta=-1, weight=QFont.Weight.Bold)
         painter.setFont(font)
         title_metrics = QFontMetrics(font)
@@ -217,17 +218,17 @@ def paint(self, painter, option, widget=None):
         title_text = title_metrics.elidedText("Assistant's Thoughts", Qt.TextElideMode.ElideRight, int(title_rect.width()))
         painter.drawText(title_rect, Qt.AlignmentFlag.AlignVCenter, title_text)
 
-        button_bg_color = QColor("#555") if self.dock_button_hovered else QColor("#444")
+        button_bg_color = QColor(get_surface_color("handle")) if self.dock_button_hovered else QColor(get_surface_color("divider"))
         painter.setBrush(button_bg_color)
         painter.setPen(Qt.PenStyle.NoPen)
         painter.drawRoundedRect(self.dock_button_rect, 4, 4)
-        dock_icon_color = "#FFFFFF" if self.dock_button_hovered else "#AAAAAA"
+        dock_icon_color = get_surface_color("text_bright") if self.dock_button_hovered else get_surface_color("text_label")
         dock_icon = qta.icon('fa5s.arrow-up', color=dock_icon_color)
         dock_icon.paint(painter, self.dock_button_rect.adjusted(3, 3, -3, -3).toRect())
 
         panel_rect = self._content_panel_rect()
-        painter.setBrush(QColor("#1C1C1C"))
-        painter.setPen(QPen(QColor("#404040"), 1))
+        painter.setBrush(QColor(get_surface_color("window")))
+        painter.setPen(QPen(QColor(get_surface_color("border")), 1))
         painter.drawRoundedRect(panel_rect, 11, 11)
 
         painter.save()
diff --git a/graphlink_app/graphlink_plugins/common/combo.py b/graphlink_app/graphlink_plugins/common/combo.py
index 5352066..4c54212 100644
--- a/graphlink_app/graphlink_plugins/common/combo.py
+++ b/graphlink_app/graphlink_plugins/common/combo.py
@@ -34,6 +34,8 @@
 )
 from shiboken6 import isValid as _is_qt_object_valid
 
+from graphlink_config import get_surface_color
+
 
 def _qt_object_is_alive(obj):
     """Return whether a Qt wrapper still owns a live C++ object."""
@@ -92,8 +94,8 @@ def apply_style(self, accent_color="#656565"):
         self.setStyleSheet(
             f"""
             QFrame#pluginComboPopupFrame {{
-                background-color: #222222;
-                border: 1px solid #3A3A3A;
+                background-color: {get_surface_color("node_body")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 10px;
             }}
             QFrame#pluginComboPopupShell {{
@@ -102,29 +104,29 @@ def apply_style(self, accent_color="#656565"):
             }}
             QListWidget#pluginComboPopupList {{
                 background: transparent;
-                color: #FFFFFF;
+                color: {get_surface_color("text_bright")};
                 border: none;
                 outline: none;
                 padding: 2px;
             }}
             QListWidget#pluginComboPopupList::item {{
                 background: transparent;
-                color: #FFFFFF;
+                color: {get_surface_color("text_bright")};
                 border: none;
                 border-radius: 6px;
                 min-height: 26px;
                 padding: 6px 10px;
             }}
             QListWidget#pluginComboPopupList::item:hover {{
-                background-color: #2F2F2F;
+                background-color: {get_surface_color("field")};
             }}
             QListWidget#pluginComboPopupList::item:selected {{
                 background-color: {accent_color};
-                color: #FFFFFF;
+                color: {get_surface_color("text_bright")};
             }}
             QListWidget#pluginComboPopupList::item:selected:hover {{
                 background-color: {accent_color};
-                color: #FFFFFF;
+                color: {get_surface_color("text_bright")};
             }}
             """
         )
diff --git a/graphlink_app/graphlink_plugins/graphlink_plugin_artifact.py b/graphlink_app/graphlink_plugins/graphlink_plugin_artifact.py
index 8fc4e17..9ea3e43 100644
--- a/graphlink_app/graphlink_plugins/graphlink_plugin_artifact.py
+++ b/graphlink_app/graphlink_plugins/graphlink_plugin_artifact.py
@@ -10,55 +10,57 @@
 from PySide6.QtGui import QPainter, QColor, QPen, QPainterPath, QFont, QBrush, QLinearGradient
 import qtawesome as qta
 from graphlink_config import canvas_font, get_current_palette
-from graphlink_config import get_semantic_color
+from graphlink_config import get_semantic_color, get_surface_color
+from graphlink_styles import FONT_FAMILY
 from graphlink_canvas_items import HoverAnimationMixin
 from graphlink_connections import ConnectionItem
 from graphlink_lod import draw_lod_card, preview_text, sync_proxy_render_state
 from graphlink_plugins.graphlink_plugin_context_menu import PluginNodeContextMenu
 
-ARTIFACT_SCROLLBAR_STYLE = """
-    QScrollBar:vertical {
-        background: #252525;
+def artifact_scrollbar_style():
+    return f"""
+    QScrollBar:vertical {{
+        background: {get_surface_color("node_body")};
         width: 10px;
         margin: 0px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:vertical {
-        background-color: #555555;
+    }}
+    QScrollBar::handle:vertical {{
+        background-color: {get_surface_color("handle")};
         min-height: 25px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:vertical:hover {
-        background-color: #6A6A6A;
-    }
-    QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
+    }}
+    QScrollBar::handle:vertical:hover {{
+        background-color: {get_surface_color("handle_hover")};
+    }}
+    QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {{
         height: 0px;
         background: none;
-    }
-    QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
+    }}
+    QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {{
         background: none;
-    }
-    QScrollBar:horizontal {
-        background: #252525;
+    }}
+    QScrollBar:horizontal {{
+        background: {get_surface_color("node_body")};
         height: 10px;
         margin: 0px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:horizontal {
-        background-color: #555555;
+    }}
+    QScrollBar::handle:horizontal {{
+        background-color: {get_surface_color("handle")};
         min-width: 25px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:horizontal:hover {
-        background-color: #6A6A6A;
-    }
-    QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
+    }}
+    QScrollBar::handle:horizontal:hover {{
+        background-color: {get_surface_color("handle_hover")};
+    }}
+    QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {{
         width: 0px;
         background: none;
-    }
-    QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
+    }}
+    QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {{
         background: none;
-    }
+    }}
 """
 
 
@@ -156,9 +158,9 @@ def __init__(self, parent_node, parent=None):
         self.widget = QWidget()
         self.widget.setObjectName("artifactMainWidget")
         self.widget.setFixedSize(self.NODE_WIDTH, self.NODE_HEIGHT)
-        self.widget.setStyleSheet("""
-            QWidget#artifactMainWidget { background-color: transparent; color: #E0E0E0; font-family: 'Segoe UI', sans-serif; }
-            QWidget#artifactMainWidget QLabel { background-color: transparent; }
+        self.widget.setStyleSheet(f"""
+            QWidget#artifactMainWidget {{ background-color: transparent; color: {get_surface_color("text_primary")}; font-family: {FONT_FAMILY}; }}
+            QWidget#artifactMainWidget QLabel {{ background-color: transparent; }}
         """)
         
         self._setup_ui()
@@ -255,7 +257,7 @@ def _setup_ui(self):
         artifact_color = get_semantic_color("artifact")
         artifact_hover_color = artifact_color.lighter(115)
         artifact_icon_text = artifact_color.name()
-        artifact_button_icon = "#1E1E1E" if artifact_color.lightness() > 150 else "#F3F3F3"
+        artifact_button_icon = get_surface_color("window") if artifact_color.lightness() > 150 else get_surface_color("text_strong")
         main_layout = QVBoxLayout(self.widget)
         main_layout.setContentsMargins(15, 15, 15, 15)
         main_layout.setSpacing(10)
@@ -276,17 +278,17 @@ def _setup_ui(self):
         # --- Separator Line ---
         line = QFrame()
         line.setFrameShape(QFrame.Shape.HLine)
-        line.setStyleSheet("background-color: #3F3F3F; border: none; height: 1px;")
+        line.setStyleSheet(f"background-color: {get_surface_color('border')}; border: none; height: 1px;")
         main_layout.addWidget(line)
 
         # --- Main Splitter ---
         self.splitter = QSplitter(Qt.Orientation.Horizontal)
         self.splitter.setSizePolicy(QSizePolicy.Policy.Expanding, QSizePolicy.Policy.Expanding)
-        self.splitter.setStyleSheet("""
-            QSplitter::handle:horizontal {
+        self.splitter.setStyleSheet(f"""
+            QSplitter::handle:horizontal {{
                 width: 8px;
-                background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #3F3F3F, stop:0.5 #555555, stop:1 #3F3F3F);
-            }
+                background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 {get_surface_color("border")}, stop:0.5 {get_surface_color("handle")}, stop:1 {get_surface_color("border")});
+            }}
         """ + f"""
             QSplitter::handle:horizontal:hover {{ background: {artifact_icon_text}; }}
         """)
@@ -300,18 +302,18 @@ def _setup_ui(self):
         # Chat Log
         self.chat_display = QTextEdit()
         self.chat_display.setReadOnly(True)
-        self.chat_display.setStyleSheet("""
-            QTextEdit {
-                background-color: #1E1E1E;
-                border: 1px solid #3F3F3F;
+        self.chat_display.setStyleSheet(f"""
+            QTextEdit {{
+                background-color: {get_surface_color("window")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 6px;
                 padding: 10px;
-            }
-        """ + ARTIFACT_SCROLLBAR_STYLE)
-        self.chat_display.document().setDefaultStyleSheet("""
-            p, ul, ol, li { color: #D4D4D4; font-family: 'Segoe UI', sans-serif; font-size: 13px; line-height: 1.4; margin-top: 2px; margin-bottom: 8px;}
-            pre { background-color: #2D2D2D; padding: 8px; border-radius: 4px; font-family: Consolas, monospace; color: #D8D8D8; }
-            code { background-color: #3F3F3F; padding: 2px 4px; border-radius: 4px; font-family: Consolas, monospace; }
+            }}
+        """ + artifact_scrollbar_style())
+        self.chat_display.document().setDefaultStyleSheet(f"""
+            p, ul, ol, li {{ color: {get_surface_color("text_soft")}; font-family: {FONT_FAMILY}; font-size: 13px; line-height: 1.4; margin-top: 2px; margin-bottom: 8px;}}
+            pre {{ background-color: {get_surface_color("field")}; padding: 8px; border-radius: 4px; font-family: Consolas, monospace; color: {get_surface_color("text_primary")}; }}
+            code {{ background-color: {get_surface_color("border")}; padding: 2px 4px; border-radius: 4px; font-family: Consolas, monospace; }}
         """)
         left_layout.addWidget(self.chat_display, stretch=1)
 
@@ -319,12 +321,12 @@ def _setup_ui(self):
         input_container = QWidget()
         input_container.setSizePolicy(QSizePolicy.Policy.Expanding, QSizePolicy.Policy.Minimum)
         input_container.setMinimumHeight(72)
-        input_container.setStyleSheet("""
-            QWidget {
-                background-color: #1E1E1E;
-                border: 1px solid #3F3F3F;
+        input_container.setStyleSheet(f"""
+            QWidget {{
+                background-color: {get_surface_color("window")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 8px;
-            }
+            }}
         """)
         input_layout = QHBoxLayout(input_container)
         input_layout.setContentsMargins(12, 10, 10, 10)
@@ -338,16 +340,16 @@ def _setup_ui(self):
         self.instruction_input.setWordWrapMode(self.instruction_input.wordWrapMode())
         self.instruction_input.setMinimumHeight(50)
         self.instruction_input.setMaximumHeight(110)
-        self.instruction_input.setStyleSheet("""
-            QTextEdit {
+        self.instruction_input.setStyleSheet(f"""
+            QTextEdit {{
                 background-color: transparent;
                 border: none;
-                color: #FFFFFF;
+                color: {get_surface_color("text_bright")};
                 font-size: 13px;
-                font-family: 'Segoe UI', sans-serif;
+                font-family: {FONT_FAMILY};
                 padding: 2px 0px;
-            }
-        """ + ARTIFACT_SCROLLBAR_STYLE)
+            }}
+        """ + artifact_scrollbar_style())
         self.instruction_input.textChanged.connect(self._on_instruction_changed)
         self.instruction_input.submit_requested.connect(self._on_instruction_submit_requested)
         input_layout.addWidget(self.instruction_input, stretch=1)
@@ -360,7 +362,7 @@ def _setup_ui(self):
         self.update_button.setStyleSheet(f"""
             QPushButton {{ background-color: {artifact_icon_text}; border: none; border-radius: 20px; margin: 0px; }}
             QPushButton:hover {{ background-color: {artifact_hover_color.name()}; }}
-            QPushButton:disabled {{ background-color: #444444; }}
+            QPushButton:disabled {{ background-color: {get_surface_color("divider")}; }}
         """)
         self.update_button.setSizePolicy(QSizePolicy.Policy.Fixed, QSizePolicy.Policy.Fixed)
         input_layout.addWidget(self.update_button)
@@ -375,44 +377,44 @@ def _setup_ui(self):
 
         self.tabs = QTabWidget()
         self.tabs.setStyleSheet(f"""
-            QTabWidget::pane {{ border: 1px solid #3F3F3F; background: #1E1E1E; border-radius: 6px; border-top-left-radius: 0px; }}
-            QTabBar::tab {{ background: transparent; color: #888888; padding: 6px 16px; border: none; font-weight: bold; font-size: 12px; margin-right: 4px; }}
+            QTabWidget::pane {{ border: 1px solid {get_surface_color("border")}; background: {get_surface_color("window")}; border-radius: 6px; border-top-left-radius: 0px; }}
+            QTabBar::tab {{ background: transparent; color: {get_surface_color("chrome_inactive")}; padding: 6px 16px; border: none; font-weight: bold; font-size: 12px; margin-right: 4px; }}
             QTabBar::tab:selected {{ color: {artifact_icon_text}; border-bottom: 2px solid {artifact_icon_text}; }}
-            QTabBar::tab:hover:!selected {{ color: #FFFFFF; }}
+            QTabBar::tab:hover:!selected {{ color: {get_surface_color("text_bright")}; }}
         """)
 
         self.raw_editor = QPlainTextEdit()
         self.raw_editor.setPlaceholderText("The raw markdown / code will appear here. You can manually edit it.")
-        self.raw_editor.setStyleSheet("""
-            QPlainTextEdit {
-                background-color: #1E1E1E;
-                color: #D8D8D8;
+        self.raw_editor.setStyleSheet(f"""
+            QPlainTextEdit {{
+                background-color: {get_surface_color("window")};
+                color: {get_surface_color("text_primary")};
                 font-family: Consolas, Monaco, monospace;
                 border: none;
                 padding: 12px;
                 font-size: 13px;
-            }
-        """ + ARTIFACT_SCROLLBAR_STYLE)
+            }}
+        """ + artifact_scrollbar_style())
         self.raw_editor.textChanged.connect(self._on_content_changed)
 
         self.preview_display = QTextEdit()
         self.preview_display.setReadOnly(True)
         self.preview_display.setVerticalScrollBarPolicy(Qt.ScrollBarPolicy.ScrollBarAsNeeded)
         self.preview_display.setHorizontalScrollBarPolicy(Qt.ScrollBarPolicy.ScrollBarAsNeeded)
-        self.preview_display.setStyleSheet("""
-            QTextEdit {
-                background-color: #1E1E1E;
+        self.preview_display.setStyleSheet(f"""
+            QTextEdit {{
+                background-color: {get_surface_color("window")};
                 border: none;
                 padding: 12px;
                 border-radius: 6px;
-            }
-        """ + ARTIFACT_SCROLLBAR_STYLE)
-        self.preview_display.document().setDefaultStyleSheet("""
-            p, ul, ol, li { color: #E0E0E0; font-family: 'Segoe UI', sans-serif; font-size: 13px; line-height: 1.5; margin-bottom: 10px; }
-            h1, h2, h3, h4 { color: #FFFFFF; font-weight: bold; margin-top: 15px; margin-bottom: 8px; }
-            pre { background-color: #2D2D2D; padding: 10px; border-radius: 6px; font-family: Consolas, monospace; color: #D8D8D8; }
-            code { background-color: #3F3F3F; color: #D8D8D8; padding: 2px 4px; border-radius: 4px; font-family: Consolas, monospace; }
-            blockquote { border-left: 3px solid #555555; padding-left: 10px; color: #AAAAAA; }
+            }}
+        """ + artifact_scrollbar_style())
+        self.preview_display.document().setDefaultStyleSheet(f"""
+            p, ul, ol, li {{ color: {get_surface_color("text_primary")}; font-family: {FONT_FAMILY}; font-size: 13px; line-height: 1.5; margin-bottom: 10px; }}
+            h1, h2, h3, h4 {{ color: {get_surface_color("text_bright")}; font-weight: bold; margin-top: 15px; margin-bottom: 8px; }}
+            pre {{ background-color: {get_surface_color("field")}; padding: 10px; border-radius: 6px; font-family: Consolas, monospace; color: {get_surface_color("text_primary")}; }}
+            code {{ background-color: {get_surface_color("border")}; color: {get_surface_color("text_primary")}; padding: 2px 4px; border-radius: 4px; font-family: Consolas, monospace; }}
+            blockquote {{ border-left: 3px solid {get_surface_color("handle")}; padding-left: 10px; color: {get_surface_color("text_label")}; }}
         """)
 
         self.tabs.addTab(self.raw_editor, "Markdown")
@@ -518,12 +520,12 @@ def set_running_state(self, is_running):
         if is_running:
             self.update_button.setEnabled(True)
             self.update_button.setToolTip("Stop generation")
-            self.update_button.setIcon(qta.icon('fa5s.stop', color='#DDDDDD'))
-            self.update_button.setStyleSheet("QPushButton { background-color: #444444; border: none; border-radius: 20px; margin: 0px; } QPushButton:hover { background-color: #555555; }")
+            self.update_button.setIcon(qta.icon('fa5s.stop', color=get_surface_color("text_primary")))
+            self.update_button.setStyleSheet(f"QPushButton {{ background-color: {get_surface_color('divider')}; border: none; border-radius: 20px; margin: 0px; }} QPushButton:hover {{ background-color: {get_surface_color('handle')}; }}")
         else:
             artifact_color = get_semantic_color("artifact")
             artifact_hover_color = artifact_color.lighter(115)
-            artifact_button_icon = "#1E1E1E" if artifact_color.lightness() > 150 else "#F3F3F3"
+            artifact_button_icon = get_surface_color("window") if artifact_color.lightness() > 150 else get_surface_color("text_strong")
             self.update_button.setEnabled(True)
             self.update_button.setToolTip("")
             self.update_button.setIcon(qta.icon('fa5s.arrow-up', color=artifact_button_icon))
@@ -541,16 +543,16 @@ def paint(self, painter, option, widget=None):
         
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
-        painter.setBrush(QColor("#2D2D2D"))
-        
+        painter.setBrush(QColor(get_surface_color("field")))
+
         node_color = get_semantic_color("artifact")
         pen = QPen(node_color, 1.5)
 
         if self.isSelected():
             pen = QPen(palette.SELECTION, 2)
         elif self.hovered:
-            pen = QPen(QColor("#FFFFFF"), 2)
-        
+            pen = QPen(QColor(get_surface_color("text_bright")), 2)
+
         painter.setPen(pen)
         painter.drawPath(path)
         
@@ -586,7 +588,7 @@ def paint(self, painter, option, widget=None):
             return
 
         if self.is_collapsed:
-            painter.setPen(QColor("#FFFFFF"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             font = canvas_font(self.scene(), weight=QFont.Weight.Bold)
             painter.setFont(font)
             painter.drawText(QRectF(40, 0, self.width - 80, self.height), Qt.AlignmentFlag.AlignVCenter, "Artifact Drafter")
@@ -595,7 +597,7 @@ def paint(self, painter, option, widget=None):
             icon.paint(painter, QRectF(10, 10, 20, 20).toRect())
             
             self.collapse_button_rect = QRectF(self.width - 35, 5, 30, 30)
-            expand_icon = qta.icon('fa5s.expand-arrows-alt', color='#FFFFFF' if self.hovered else '#888888')
+            expand_icon = qta.icon('fa5s.expand-arrows-alt', color=get_surface_color("text_bright") if self.hovered else get_surface_color("chrome_inactive"))
             expand_icon.paint(painter, QRectF(self.width - 30, 10, 20, 20).toRect())
         else:
             if self.hovered:
@@ -604,7 +606,7 @@ def paint(self, painter, option, widget=None):
                 painter.setPen(QColor(255, 255, 255, 150))
                 painter.drawRoundedRect(self.collapse_button_rect.adjusted(6,6,-6,-6), 4, 4)
                 
-                icon_pen = QPen(QColor("#FFFFFF"), 2)
+                icon_pen = QPen(QColor(get_surface_color("text_bright")), 2)
                 painter.setPen(icon_pen)
                 center = self.collapse_button_rect.center()
                 painter.drawLine(int(center.x() - 4), int(center.y()), int(center.x() + 4), int(center.y()))
diff --git a/graphlink_app/graphlink_plugins/graphlink_plugin_code_sandbox.py b/graphlink_app/graphlink_plugins/graphlink_plugin_code_sandbox.py
index 46b3c03..0b6f831 100644
--- a/graphlink_app/graphlink_plugins/graphlink_plugin_code_sandbox.py
+++ b/graphlink_app/graphlink_plugins/graphlink_plugin_code_sandbox.py
@@ -24,35 +24,37 @@
 from graphlink_agents_code_sandbox import SandboxStage
 from graphlink_agents_pycoder import PyCoderStatus
 from graphlink_canvas_items import HoverAnimationMixin
-from graphlink_config import canvas_font, get_current_palette, get_semantic_color
+from graphlink_config import canvas_font, get_current_palette, get_semantic_color, get_surface_color
+from graphlink_styles import FONT_FAMILY
 from graphlink_connections import ConnectionItem
 from graphlink_lod import draw_lod_card, preview_text, sync_proxy_render_state
 from graphlink_plugins.graphlink_plugin_context_menu import PluginNodeContextMenu
 from graphlink_pycoder import CodeEditor, PythonHighlighter, StatusItemWidget
 
 
-SANDBOX_SCROLLBAR_STYLE = """
-    QScrollBar:vertical {
-        background: #1E1E1E;
+def sandbox_scrollbar_style():
+    return f"""
+    QScrollBar:vertical {{
+        background: {get_surface_color("window")};
         width: 10px;
         margin: 0px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:vertical {
-        background-color: #606060;
+    }}
+    QScrollBar::handle:vertical {{
+        background-color: {get_surface_color("handle")};
         min-height: 24px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:vertical:hover {
-        background-color: #797979;
-    }
-    QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
+    }}
+    QScrollBar::handle:vertical:hover {{
+        background-color: {get_surface_color("handle_hover")};
+    }}
+    QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {{
         height: 0px;
         background: none;
-    }
-    QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
+    }}
+    QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {{
         background: none;
-    }
+    }}
 """
 
 
@@ -78,15 +80,15 @@ def __init__(self, parent=None):
         layout.addWidget(self.stages[SandboxStage.EXECUTE], 1, 0)
         layout.addWidget(self.stages[SandboxStage.ANALYZE], 1, 1)
 
-        self.setStyleSheet("""
-            SandboxStatusTracker {
-                background-color: #212121;
-                border: 1px solid #3A3A3A;
+        self.setStyleSheet(f"""
+            SandboxStatusTracker {{
+                background-color: {get_surface_color("inset")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 8px;
-            }
-            QLabel {
+            }}
+            QLabel {{
                 background: transparent;
-            }
+            }}
         """)
 
     def update_status(self, stage, status):
@@ -187,15 +189,15 @@ def __init__(self, parent_node, parent=None):
         self.widget = QWidget()
         self.widget.setObjectName("codeSandboxWidget")
         self.widget.setFixedSize(self.NODE_WIDTH, self.NODE_HEIGHT)
-        self.widget.setStyleSheet("""
-            QWidget#codeSandboxWidget {
+        self.widget.setStyleSheet(f"""
+            QWidget#codeSandboxWidget {{
                 background: transparent;
-                color: #E7E7E7;
-                font-family: 'Segoe UI', sans-serif;
-            }
-            QWidget#codeSandboxWidget QLabel {
+                color: {get_surface_color("text_primary")};
+                font-family: {FONT_FAMILY};
+            }}
+            QWidget#codeSandboxWidget QLabel {{
                 background: transparent;
-            }
+            }}
         """)
 
         self._setup_ui()
@@ -252,7 +254,7 @@ def _setup_ui(self):
 
         subtitle_label = QLabel("Runs Python with per-node requirements in a virtualenv. Isolates installed packages only - not a security boundary; code runs with your full account privileges.")
         subtitle_label.setWordWrap(True)
-        subtitle_label.setStyleSheet("font-size: 11px; color: #A4A4A4;")
+        subtitle_label.setStyleSheet(f"font-size: 11px; color: {get_surface_color('text_label')};")
         title_column.addWidget(subtitle_label)
 
         header_layout.addLayout(title_column, 1)
@@ -277,7 +279,7 @@ def _setup_ui(self):
 
         divider = QFrame()
         divider.setFrameShape(QFrame.Shape.HLine)
-        divider.setStyleSheet("background-color: #3A3A3A; border: none; height: 1px;")
+        divider.setStyleSheet(f"background-color: {get_surface_color('border')}; border: none; height: 1px;")
         main_layout.addWidget(divider)
 
         briefing_layout = QHBoxLayout()
@@ -290,12 +292,12 @@ def _setup_ui(self):
         prompt_layout.setSpacing(8)
 
         prompt_header = QLabel("Task Brief")
-        prompt_header.setStyleSheet("font-size: 12px; font-weight: 700; color: #FFFFFF;")
+        prompt_header.setStyleSheet(f"font-size: 12px; font-weight: 700; color: {get_surface_color('text_bright')};")
         prompt_layout.addWidget(prompt_header)
 
         prompt_hint = QLabel("Describe what to build, test, analyze, or transform. The sandbox agent will generate code against the branch context.")
         prompt_hint.setWordWrap(True)
-        prompt_hint.setStyleSheet("font-size: 11px; color: #A4A4A4;")
+        prompt_hint.setStyleSheet(f"font-size: 11px; color: {get_surface_color('text_label')};")
         prompt_layout.addWidget(prompt_hint)
 
         self.prompt_input = QTextEdit()
@@ -303,17 +305,17 @@ def _setup_ui(self):
         self.prompt_input.setFixedHeight(132)
         self.prompt_input.setStyleSheet(f"""
             QTextEdit {{
-                background-color: #181818;
-                border: 1px solid #393939;
+                background-color: {get_surface_color("window")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 8px;
                 padding: 10px;
-                color: #F6F6F6;
+                color: {get_surface_color("text_bright")};
                 font-size: 12px;
             }}
             QTextEdit:focus {{
                 border: 1px solid {accent.name()};
             }}
-            {SANDBOX_SCROLLBAR_STYLE}
+            {sandbox_scrollbar_style()}
         """)
         self.prompt_input.textChanged.connect(self._on_prompt_changed)
         prompt_layout.addWidget(self.prompt_input)
@@ -329,7 +331,7 @@ def _setup_ui(self):
         deps_header_layout.setSpacing(8)
 
         deps_header = QLabel("requirements.txt")
-        deps_header.setStyleSheet("font-size: 12px; font-weight: 700; color: #FFFFFF;")
+        deps_header.setStyleSheet(f"font-size: 12px; font-weight: 700; color: {get_surface_color('text_bright')};")
         deps_header_layout.addWidget(deps_header)
         deps_header_layout.addStretch()
 
@@ -339,7 +341,7 @@ def _setup_ui(self):
 
         deps_hint = QLabel("One dependency per line. The sandbox automatically rebuilds the environment when this manifest changes.")
         deps_hint.setWordWrap(True)
-        deps_hint.setStyleSheet("font-size: 11px; color: #A4A4A4;")
+        deps_hint.setStyleSheet(f"font-size: 11px; color: {get_surface_color('text_label')};")
         deps_layout.addWidget(deps_hint)
 
         self.requirements_input = QPlainTextEdit()
@@ -349,18 +351,18 @@ def _setup_ui(self):
         self.requirements_input.textChanged.connect(self._on_requirements_changed)
         self.requirements_input.setStyleSheet(f"""
             QPlainTextEdit {{
-                background-color: #181818;
-                border: 1px solid #393939;
+                background-color: {get_surface_color("window")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 8px;
                 padding: 10px;
-                color: #E0E0E0;
+                color: {get_surface_color("text_primary")};
                 font-family: Consolas, Monaco, monospace;
                 font-size: 12px;
             }}
             QPlainTextEdit:focus {{
                 border: 1px solid {accent.name()};
             }}
-            {SANDBOX_SCROLLBAR_STYLE}
+            {sandbox_scrollbar_style()}
         """)
         deps_layout.addWidget(self.requirements_input)
         briefing_layout.addWidget(deps_card, 2)
@@ -393,15 +395,15 @@ def _setup_ui(self):
                 background-color: {accent.darker(115).name()};
             }}
             QPushButton:disabled {{
-                background-color: #474747;
-                color: #868686;
+                background-color: {get_surface_color("divider")};
+                color: {get_surface_color("chrome_inactive")};
             }}
         """
         self._default_secondary_style = f"""
             QPushButton {{
-                background-color: #252525;
-                color: #E3E3E3;
-                border: 1px solid #404040;
+                background-color: {get_surface_color("node_body")};
+                color: {get_surface_color("text_primary")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 8px;
                 padding: 10px 14px;
                 font-size: 12px;
@@ -409,28 +411,28 @@ def _setup_ui(self):
             }}
             QPushButton:hover {{
                 border: 1px solid {accent.name()};
-                color: #FFFFFF;
+                color: {get_surface_color("text_bright")};
             }}
             QPushButton:pressed {{
-                background-color: #1B1B1B;
+                background-color: {get_surface_color("window")};
             }}
             QPushButton:disabled {{
-                background-color: #232323;
-                color: #767676;
-                border: 1px solid #373737;
+                background-color: {get_surface_color("node_body")};
+                color: {get_surface_color("text_muted")};
+                border: 1px solid {get_surface_color("border")};
             }}
         """
         self.generate_button.setStyleSheet(self._default_primary_style)
         self.run_button.setStyleSheet(self._default_secondary_style)
         self.generate_button.setIcon(qta.icon("fa5s.magic", color="white"))
-        self.run_button.setIcon(qta.icon("fa5s.play", color="#E3E3E3"))
+        self.run_button.setIcon(qta.icon("fa5s.play", color=get_surface_color("text_primary")))
 
         action_layout.addWidget(self.generate_button)
         action_layout.addWidget(self.run_button)
 
         action_hint = QLabel("Use the prompt for agent-driven generation, or run the current script directly with the declared dependencies.")
         action_hint.setWordWrap(True)
-        action_hint.setStyleSheet("font-size: 11px; color: #989898;")
+        action_hint.setStyleSheet(f"font-size: 11px; color: {get_surface_color('text_label')};")
         action_layout.addWidget(action_hint, 1)
         main_layout.addLayout(action_layout)
 
@@ -447,12 +449,12 @@ def _setup_ui(self):
         code_header_layout.setSpacing(8)
 
         code_header = QLabel("Sandbox Script")
-        code_header.setStyleSheet("font-size: 12px; font-weight: 700; color: #FFFFFF;")
+        code_header.setStyleSheet(f"font-size: 12px; font-weight: 700; color: {get_surface_color('text_bright')};")
         code_header_layout.addWidget(code_header)
         code_header_layout.addStretch()
 
         code_hint = QLabel("Editable execution file")
-        code_hint.setStyleSheet("font-size: 11px; color: #989898;")
+        code_hint.setStyleSheet(f"font-size: 11px; color: {get_surface_color('text_label')};")
         code_header_layout.addWidget(code_hint)
         code_layout.addLayout(code_header_layout)
 
@@ -461,18 +463,18 @@ def _setup_ui(self):
         self.code_input.setFixedHeight(250)
         self.code_input.setStyleSheet(f"""
             QPlainTextEdit {{
-                background-color: #141414;
-                border: 1px solid #393939;
+                background-color: {get_surface_color("window")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 8px;
                 padding: 8px;
-                color: #E5E5E5;
+                color: {get_surface_color("text_primary")};
                 font-family: Consolas, Monaco, monospace;
                 font-size: 12px;
             }}
             QPlainTextEdit:focus {{
                 border: 1px solid {accent.name()};
             }}
-            {SANDBOX_SCROLLBAR_STYLE}
+            {sandbox_scrollbar_style()}
         """)
         self.code_input.textChanged.connect(self._on_code_changed)
         code_layout.addWidget(self.code_input)
@@ -481,15 +483,15 @@ def _setup_ui(self):
         self.results_tabs = QTabWidget()
         self.results_tabs.setStyleSheet(f"""
             QTabWidget::pane {{
-                border: 1px solid #3A3A3A;
-                background: #1B1B1B;
+                border: 1px solid {get_surface_color("border")};
+                background: {get_surface_color("window")};
                 border-radius: 8px;
             }}
             QTabBar::tab {{
-                background: #232323;
-                color: #A4A4A4;
+                background: {get_surface_color("node_body")};
+                color: {get_surface_color("text_label")};
                 padding: 8px 14px;
-                border: 1px solid #3A3A3A;
+                border: 1px solid {get_surface_color("border")};
                 border-bottom: none;
                 border-top-left-radius: 8px;
                 border-top-right-radius: 8px;
@@ -497,13 +499,13 @@ def _setup_ui(self):
                 font-weight: 700;
             }}
             QTabBar::tab:selected {{
-                background: #1B1B1B;
-                color: #FFFFFF;
+                background: {get_surface_color("window")};
+                color: {get_surface_color("text_bright")};
                 border-top: 2px solid {accent.name()};
             }}
             QTabBar::tab:hover:!selected {{
-                background: #2A2A2A;
-                color: #FFFFFF;
+                background: {get_surface_color("field")};
+                color: {get_surface_color("text_bright")};
             }}
         """)
 
@@ -512,16 +514,16 @@ def _setup_ui(self):
         self.output_display.setPlaceholderText("Virtualenv setup, dependency install logs, and execution output will appear here...")
         self.output_display.setStyleSheet(f"""
             QTextEdit {{
-                background-color: #121212;
-                color: #CACACA;
+                background-color: {get_surface_color("inset_deep")};
+                color: {get_surface_color("text_soft")};
                 border: none;
                 padding: 12px;
                 font-family: Consolas, Monaco, monospace;
                 font-size: 11px;
             }}
-            {SANDBOX_SCROLLBAR_STYLE}
+            {sandbox_scrollbar_style()}
         """)
-        self.results_tabs.addTab(self.output_display, qta.icon("fa5s.terminal", color="#D2D2D2"), "Terminal")
+        self.results_tabs.addTab(self.output_display, qta.icon("fa5s.terminal", color=get_surface_color("text_soft")), "Terminal")
 
         self.ai_analysis_display = QTextEdit()
         self.ai_analysis_display.setReadOnly(True)
@@ -532,18 +534,18 @@ def _setup_ui(self):
                 border: none;
                 padding: 12px;
                 font-size: 12px;
-                color: #ECECEC;
+                color: {get_surface_color("text_strong")};
             }}
-            {SANDBOX_SCROLLBAR_STYLE}
+            {sandbox_scrollbar_style()}
         """)
-        self.ai_analysis_display.document().setDefaultStyleSheet("""
-            p, ul, ol, li { color: #ECECEC; font-family: 'Segoe UI', sans-serif; font-size: 13px; line-height: 1.5; }
-            h1, h2, h3, h4 { color: #FFFFFF; font-weight: bold; margin-bottom: 5px; }
-            pre { background-color: #292929; padding: 10px; border-radius: 6px; font-family: Consolas, monospace; color: #E1E1E1; }
-            code { background-color: #353535; color: #E1E1E1; padding: 2px 4px; border-radius: 4px; font-family: Consolas, monospace; }
-            blockquote { border-left: 3px solid #666666; padding-left: 10px; color: #B5B5B5; }
+        self.ai_analysis_display.document().setDefaultStyleSheet(f"""
+            p, ul, ol, li {{ color: {get_surface_color("text_strong")}; font-family: {FONT_FAMILY}; font-size: 13px; line-height: 1.5; }}
+            h1, h2, h3, h4 {{ color: {get_surface_color("text_bright")}; font-weight: bold; margin-bottom: 5px; }}
+            pre {{ background-color: {get_surface_color("field")}; padding: 10px; border-radius: 6px; font-family: Consolas, monospace; color: {get_surface_color("text_primary")}; }}
+            code {{ background-color: {get_surface_color("border")}; color: {get_surface_color("text_primary")}; padding: 2px 4px; border-radius: 4px; font-family: Consolas, monospace; }}
+            blockquote {{ border-left: 3px solid {get_surface_color("handle_hover")}; padding-left: 10px; color: {get_surface_color("text_secondary")}; }}
         """)
-        self.results_tabs.addTab(self.ai_analysis_display, qta.icon("fa5s.search", color="#D2D2D2"), "Review")
+        self.results_tabs.addTab(self.ai_analysis_display, qta.icon("fa5s.search", color=get_surface_color("text_soft")), "Review")
         main_layout.addWidget(self.results_tabs, 1)
 
         self.highlighter_code = PythonHighlighter(self.code_input.document())
@@ -553,12 +555,12 @@ def _setup_ui(self):
     def _create_surface_card(self):
         card = QWidget()
         card.setObjectName("sandboxSurfaceCard")
-        card.setStyleSheet("""
-            QWidget#sandboxSurfaceCard {
-                background-color: #1E1E1E;
-                border: 1px solid #3A3A3A;
+        card.setStyleSheet(f"""
+            QWidget#sandboxSurfaceCard {{
+                background-color: {get_surface_color("window")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 10px;
-            }
+            }}
         """)
         return card
 
@@ -629,13 +631,13 @@ def paint(self, painter, option, widget=None):
 
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 12, 12)
-        painter.setBrush(QColor("#2B2B2B"))
+        painter.setBrush(QColor(get_surface_color("field")))
 
         pen = QPen(accent, 1.6)
         if self.isSelected():
             pen = QPen(palette.SELECTION, 2.2)
         elif self.hovered:
-            pen = QPen(QColor("#FFFFFF"), 2.0)
+            pen = QPen(QColor(get_surface_color("text_bright")), 2.0)
 
         painter.setPen(pen)
         painter.drawPath(path)
@@ -681,14 +683,14 @@ def paint(self, painter, option, widget=None):
             return
 
         if self.is_collapsed:
-            painter.setPen(QColor("#FFFFFF"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             painter.setFont(canvas_font(self.scene(), weight=QFont.Weight.Bold))
             painter.drawText(QRectF(42, 0, self.width - 84, self.height), Qt.AlignmentFlag.AlignVCenter, "Execution Sandbox")
             qta.icon("fa5s.shield-alt", color=accent.name()).paint(painter, QRect(12, 11, 18, 18))
             self.collapse_button_rect = QRectF(self.width - 34, 6, 28, 28)
             expand_icon = qta.icon(
                 "fa5s.expand-arrows-alt",
-                color="#FFFFFF" if self.hovered else "#979797",
+                color=get_surface_color("text_bright") if self.hovered else get_surface_color("text_label"),
             )
             expand_icon.paint(painter, QRect(int(self.width - 30), 10, 18, 18))
             return
@@ -699,7 +701,7 @@ def paint(self, painter, option, widget=None):
             painter.setPen(QColor(255, 255, 255, 120))
             painter.drawRoundedRect(self.collapse_button_rect.adjusted(5, 5, -5, -5), 4, 4)
             center = self.collapse_button_rect.center()
-            painter.setPen(QPen(QColor("#FFFFFF"), 2))
+            painter.setPen(QPen(QColor(get_surface_color("text_bright")), 2))
             painter.drawLine(int(center.x() - 4), int(center.y()), int(center.x() + 4), int(center.y()))
         else:
             self.collapse_button_rect = QRectF()
@@ -896,22 +898,22 @@ def set_running_state(self, is_running):
         self.requirements_input.setReadOnly(is_running)
         self.code_input.setReadOnly(is_running)
 
-        stop_style = """
-            QPushButton {
-                background-color: #646464;
+        stop_style = f"""
+            QPushButton {{
+                background-color: {get_surface_color("handle_hover")};
                 color: white;
                 border: none;
                 border-radius: 8px;
                 padding: 10px 14px;
                 font-size: 12px;
                 font-weight: 700;
-            }
-            QPushButton:hover {
-                background-color: #727272;
-            }
-            QPushButton:pressed {
-                background-color: #535353;
-            }
+            }}
+            QPushButton:hover {{
+                background-color: {get_surface_color("text_muted")};
+            }}
+            QPushButton:pressed {{
+                background-color: {get_surface_color("handle")};
+            }}
         """
 
         if is_running:
@@ -931,7 +933,7 @@ def set_running_state(self, is_running):
             self.generate_button.setStyleSheet(self._default_primary_style)
             self.run_button.setStyleSheet(self._default_secondary_style)
             self.generate_button.setIcon(qta.icon("fa5s.magic", color="white"))
-            self.run_button.setIcon(qta.icon("fa5s.play", color="#E3E3E3"))
+            self.run_button.setIcon(qta.icon("fa5s.play", color=get_surface_color("text_primary")))
 
             tone = "success" if self.status == "Ready" else "info"
             self._update_status_pill(tone)
diff --git a/graphlink_app/graphlink_plugins/graphlink_plugin_gitlink.py b/graphlink_app/graphlink_plugins/graphlink_plugin_gitlink.py
index 875aa6c..d14d9bf 100644
--- a/graphlink_app/graphlink_plugins/graphlink_plugin_gitlink.py
+++ b/graphlink_app/graphlink_plugins/graphlink_plugin_gitlink.py
@@ -29,7 +29,8 @@
 from graphlink_config import canvas_font
 
 from graphlink_canvas_items import HoverAnimationMixin
-from graphlink_config import get_current_palette, get_semantic_color
+from graphlink_config import get_current_palette, get_semantic_color, get_surface_color
+from graphlink_styles import FONT_FAMILY
 from graphlink_connections import ConnectionItem
 from graphlink_plugins.graphlink_plugin_context_menu import PluginNodeContextMenu
 from graphlink_plugins.common.github_client import GitHubRestClient
@@ -51,49 +52,50 @@
 from graphlink_plugins.common.combo import PopupComboBox
 
 
-GITLINK_SCROLLBAR_STYLE = """
-    QScrollBar:vertical {
-        background: #1D1D1D;
+def gitlink_scrollbar_style():
+    return f"""
+    QScrollBar:vertical {{
+        background: {get_surface_color("window")};
         width: 10px;
         margin: 0px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:vertical {
-        background-color: #5A5A5A;
+    }}
+    QScrollBar::handle:vertical {{
+        background-color: {get_surface_color("handle")};
         min-height: 25px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:vertical:hover {
-        background-color: #717171;
-    }
-    QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
+    }}
+    QScrollBar::handle:vertical:hover {{
+        background-color: {get_surface_color("handle_hover")};
+    }}
+    QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {{
         height: 0px;
         background: none;
-    }
-    QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
+    }}
+    QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {{
         background: none;
-    }
-    QScrollBar:horizontal {
-        background: #1D1D1D;
+    }}
+    QScrollBar:horizontal {{
+        background: {get_surface_color("window")};
         height: 10px;
         margin: 0px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:horizontal {
-        background-color: #5A5A5A;
+    }}
+    QScrollBar::handle:horizontal {{
+        background-color: {get_surface_color("handle")};
         min-width: 25px;
         border-radius: 5px;
-    }
-    QScrollBar::handle:horizontal:hover {
-        background-color: #717171;
-    }
-    QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
+    }}
+    QScrollBar::handle:horizontal:hover {{
+        background-color: {get_surface_color("handle_hover")};
+    }}
+    QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {{
         width: 0px;
         background: none;
-    }
-    QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
+    }}
+    QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {{
         background: none;
-    }
+    }}
 """
 
 MAX_REPO_PAGES = 5
@@ -258,34 +260,34 @@ def _build_ui(self):
             f"""
             QWidget#gitlinkMainWidget {{
                 background-color: transparent;
-                color: #E0E0E0;
-                font-family: 'Segoe UI', sans-serif;
+                color: {get_surface_color("text_primary")};
+                font-family: {FONT_FAMILY};
             }}
             QWidget#gitlinkMainWidget QLabel {{
                 background-color: transparent;
             }}
             QFrame#gitlinkHeaderCard,
             QFrame#gitlinkSectionCard {{
-                background-color: #232323;
-                border: 1px solid #3A3A3A;
+                background-color: {get_surface_color("node_body")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 10px;
             }}
             QLabel#gitlinkTitle {{
-                color: #FFFFFF;
+                color: {get_surface_color("text_bright")};
                 font-size: 17px;
                 font-weight: bold;
             }}
             QLabel#gitlinkHint {{
-                color: #A5A5A5;
+                color: {get_surface_color("text_label")};
                 font-size: 11px;
             }}
             QLabel#gitlinkFieldLabel {{
-                color: #D6D6D6;
+                color: {get_surface_color("text_primary")};
                 font-size: 11px;
                 font-weight: bold;
             }}
             QLabel#gitlinkBadge {{
-                color: #F3F3F3;
+                color: {get_surface_color("text_strong")};
                 background-color: rgba({badge_rgba}, 0.14);
                 border: 1px solid rgba({badge_rgba}, 0.28);
                 border-radius: 10px;
@@ -298,9 +300,9 @@ def _build_ui(self):
             QListWidget,
             QPlainTextEdit,
             QTextEdit {{
-                background-color: #1A1A1A;
-                color: #F3F3F3;
-                border: 1px solid #3A3A3A;
+                background-color: {get_surface_color("window")};
+                color: {get_surface_color("text_strong")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 8px;
                 padding: 6px 8px;
                 selection-background-color: {node_color.name()};
@@ -313,35 +315,35 @@ def _build_ui(self):
                 border-color: {node_color.name()};
             }}
             QPushButton {{
-                background-color: #303030;
-                color: #FFFFFF;
-                border: 1px solid #474747;
+                background-color: {get_surface_color("field")};
+                color: {get_surface_color("text_bright")};
+                border: 1px solid {get_surface_color("divider")};
                 border-radius: 8px;
                 padding: 7px 12px;
                 font-weight: bold;
             }}
             QPushButton:hover {{
-                background-color: #3E3E3E;
+                background-color: {get_surface_color("border")};
                 border-color: {node_color.name()};
             }}
             QPushButton:pressed {{
-                background-color: #2E2E2E;
+                background-color: {get_surface_color("field")};
             }}
             QPushButton:disabled {{
-                background-color: #262626;
-                color: #848484;
-                border-color: #353535;
+                background-color: {get_surface_color("node_body")};
+                color: {get_surface_color("chrome_inactive")};
+                border-color: {get_surface_color("border")};
             }}
             QTabWidget::pane {{
-                border: 1px solid #3F3F3F;
-                background: #202020;
+                border: 1px solid {get_surface_color("border")};
+                background: {get_surface_color("inset")};
                 border-radius: 8px;
             }}
             QTabBar::tab {{
-                background: #282828;
-                color: #A0A0A0;
+                background: {get_surface_color("field")};
+                color: {get_surface_color("text_label")};
                 padding: 7px 12px;
-                border: 1px solid #3F3F3F;
+                border: 1px solid {get_surface_color("border")};
                 border-bottom: none;
                 border-top-left-radius: 6px;
                 border-top-right-radius: 6px;
@@ -349,10 +351,10 @@ def _build_ui(self):
                 font-weight: bold;
             }}
             QTabBar::tab:selected {{
-                background: #202020;
-                color: #FFFFFF;
+                background: {get_surface_color("inset")};
+                color: {get_surface_color("text_bright")};
                 border-top: 2px solid {node_color.name()};
-                border-bottom: 1px solid #202020;
+                border-bottom: 1px solid {get_surface_color("inset")};
             }}
             QListWidget::item {{
                 padding: 4px 6px;
@@ -360,7 +362,7 @@ def _build_ui(self):
             }}
             QListWidget::item:selected {{
                 background: rgba({badge_rgba}, 0.22);
-                color: #FFFFFF;
+                color: {get_surface_color("text_bright")};
             }}
             """
         )
@@ -424,7 +426,7 @@ def _build_ui(self):
         setup_scroll = QScrollArea()
         setup_scroll.setWidgetResizable(True)
         setup_scroll.setFrameShape(QFrame.Shape.NoFrame)
-        setup_scroll.setStyleSheet(GITLINK_SCROLLBAR_STYLE)
+        setup_scroll.setStyleSheet(gitlink_scrollbar_style())
         setup_layout.addWidget(setup_scroll)
 
         setup_content = QWidget()
@@ -440,7 +442,7 @@ def _build_ui(self):
         repo_layout.setSpacing(8)
 
         repo_title = QLabel("GitHub Source")
-        repo_title.setStyleSheet("color: #FFFFFF; font-weight: bold;")
+        repo_title.setStyleSheet(f"color: {get_surface_color('text_bright')}; font-weight: bold;")
         repo_layout.addWidget(repo_title)
 
         self.github_state_label = QLabel("")
@@ -453,7 +455,7 @@ def _build_ui(self):
         repo_picker_row.setSpacing(8)
 
         self.load_repos_button = QPushButton("Load Repo List")
-        self.load_repos_button.setIcon(qta.icon("fa5s.sync-alt", color="#FFFFFF"))
+        self.load_repos_button.setIcon(qta.icon("fa5s.sync-alt", color=get_surface_color("text_bright")))
         self.load_repos_button.clicked.connect(self.load_github_repositories)
         repo_picker_row.addWidget(self.load_repos_button)
 
@@ -485,7 +487,7 @@ def _build_ui(self):
         branch_row.addWidget(self.branch_input, stretch=1)
 
         self.load_tree_button = QPushButton("Load File Tree")
-        self.load_tree_button.setIcon(qta.icon("fa5s.sitemap", color="#FFFFFF"))
+        self.load_tree_button.setIcon(qta.icon("fa5s.sitemap", color=get_surface_color("text_bright")))
         self.load_tree_button.clicked.connect(self.load_repository_tree)
         branch_row.addWidget(self.load_tree_button)
         repo_layout.addLayout(branch_row)
@@ -499,7 +501,7 @@ def _build_ui(self):
         scope_layout.setSpacing(8)
 
         scope_title = QLabel("Access Scope")
-        scope_title.setStyleSheet("color: #FFFFFF; font-weight: bold;")
+        scope_title.setStyleSheet(f"color: {get_surface_color('text_bright')}; font-weight: bold;")
         scope_layout.addWidget(scope_title)
 
         scope_hint = QLabel(
@@ -544,7 +546,7 @@ def _build_ui(self):
         self.file_list.setAlternatingRowColors(False)
         self.file_list.itemSelectionChanged.connect(self._on_file_selection_changed)
         self.file_list.setMinimumHeight(200)
-        self.file_list.setStyleSheet(GITLINK_SCROLLBAR_STYLE)
+        self.file_list.setStyleSheet(gitlink_scrollbar_style())
         scope_layout.addWidget(self.file_list)
 
         setup_content_layout.addWidget(scope_card)
@@ -556,7 +558,7 @@ def _build_ui(self):
         workspace_layout.setSpacing(8)
 
         workspace_title = QLabel("Writable Checkout")
-        workspace_title.setStyleSheet("color: #FFFFFF; font-weight: bold;")
+        workspace_title.setStyleSheet(f"color: {get_surface_color('text_bright')}; font-weight: bold;")
         workspace_layout.addWidget(workspace_title)
 
         workspace_hint = QLabel(
@@ -580,12 +582,12 @@ def _build_ui(self):
         workspace_button_row.setSpacing(8)
 
         self.browse_root_button = QPushButton("Browse")
-        self.browse_root_button.setIcon(qta.icon("fa5s.folder-open", color="#FFFFFF"))
+        self.browse_root_button.setIcon(qta.icon("fa5s.folder-open", color=get_surface_color("text_bright")))
         self.browse_root_button.clicked.connect(self.browse_local_root)
         workspace_button_row.addWidget(self.browse_root_button)
 
         self.import_repo_button = QPushButton("Import Repo Snapshot")
-        self.import_repo_button.setIcon(qta.icon("fa5s.download", color="#FFFFFF"))
+        self.import_repo_button.setIcon(qta.icon("fa5s.download", color=get_surface_color("text_bright")))
         self.import_repo_button.clicked.connect(self.import_repository_snapshot)
         workspace_button_row.addWidget(self.import_repo_button)
         workspace_button_row.addStretch()
@@ -600,7 +602,7 @@ def _build_ui(self):
         task_layout.setSpacing(8)
 
         task_title = QLabel("Task Prompt")
-        task_title.setStyleSheet("color: #FFFFFF; font-weight: bold;")
+        task_title.setStyleSheet(f"color: {get_surface_color('text_bright')}; font-weight: bold;")
         task_layout.addWidget(task_title)
 
         task_hint = QLabel(
@@ -621,17 +623,17 @@ def _build_ui(self):
         button_row.setSpacing(8)
 
         self.build_context_button = QPushButton("Build XML Context")
-        self.build_context_button.setIcon(qta.icon("fa5s.file-code", color="#FFFFFF"))
+        self.build_context_button.setIcon(qta.icon("fa5s.file-code", color=get_surface_color("text_bright")))
         self.build_context_button.clicked.connect(self.build_context_preview)
         button_row.addWidget(self.build_context_button)
 
         self.run_button = QPushButton("Generate Change Set")
-        self.run_button.setIcon(qta.icon("fa5s.magic", color="#FFFFFF"))
+        self.run_button.setIcon(qta.icon("fa5s.magic", color=get_surface_color("text_bright")))
         self.run_button.clicked.connect(self._request_gitlink_run)
         button_row.addWidget(self.run_button)
 
         self.apply_button = QPushButton("Apply Approved Changes")
-        self.apply_button.setIcon(qta.icon("fa5s.save", color="#FFFFFF"))
+        self.apply_button.setIcon(qta.icon("fa5s.save", color=get_surface_color("text_bright")))
         self.apply_button.clicked.connect(self.apply_approved_changes)
         self.apply_button.setEnabled(False)
         button_row.addWidget(self.apply_button)
@@ -642,20 +644,20 @@ def _build_ui(self):
 
         self.context_editor = QPlainTextEdit()
         self.context_editor.setReadOnly(True)
-        self.context_editor.setStyleSheet(GITLINK_SCROLLBAR_STYLE)
+        self.context_editor.setStyleSheet(gitlink_scrollbar_style())
 
         self.proposal_display = QTextEdit()
         self.proposal_display.setReadOnly(True)
-        self.proposal_display.setStyleSheet(GITLINK_SCROLLBAR_STYLE)
+        self.proposal_display.setStyleSheet(gitlink_scrollbar_style())
 
         self.preview_editor = QPlainTextEdit()
         self.preview_editor.setReadOnly(True)
-        self.preview_editor.setStyleSheet(GITLINK_SCROLLBAR_STYLE)
+        self.preview_editor.setStyleSheet(gitlink_scrollbar_style())
 
-        self.workspace_tabs.addTab(setup_tab, qta.icon("fa5s.link", color="#CCCCCC"), "Setup")
-        self.workspace_tabs.addTab(self.context_editor, qta.icon("fa5s.file-code", color="#CCCCCC"), "Context XML")
-        self.workspace_tabs.addTab(self.proposal_display, qta.icon("fa5s.tasks", color="#CCCCCC"), "Proposal")
-        self.workspace_tabs.addTab(self.preview_editor, qta.icon("fa5s.columns", color="#CCCCCC"), "Preview")
+        self.workspace_tabs.addTab(setup_tab, qta.icon("fa5s.link", color=get_surface_color("text_soft")), "Setup")
+        self.workspace_tabs.addTab(self.context_editor, qta.icon("fa5s.file-code", color=get_surface_color("text_soft")), "Context XML")
+        self.workspace_tabs.addTab(self.proposal_display, qta.icon("fa5s.tasks", color=get_surface_color("text_soft")), "Proposal")
+        self.workspace_tabs.addTab(self.preview_editor, qta.icon("fa5s.columns", color=get_surface_color("text_soft")), "Preview")
 
     def _get_github_token(self):
         # Delegates to the GitHubRestClient shared with Code Review - kept as a thin
@@ -1337,7 +1339,7 @@ def set_status(self, status_text):
         elif "ready" in status_text.lower() or "applied" in status_text.lower():
             color = get_semantic_color("status_success")
         else:
-            color = QColor("#A2A2A2")
+            color = QColor(get_surface_color("text_label"))
 
         self.status_label.setStyleSheet(
             f"color: {color.name()}; background-color: rgba({color.red()}, {color.green()}, {color.blue()}, 0.1); "
@@ -1424,7 +1426,7 @@ def paint(self, painter, option, widget=None):
 
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
-        painter.setBrush(QColor("#2D2D2D"))
+        painter.setBrush(QColor(get_surface_color("field")))
 
         pen = QPen(node_color, 1.5)
         if self.isSelected():
@@ -1432,7 +1434,7 @@ def paint(self, painter, option, widget=None):
         elif self.is_search_match:
             pen = QPen(get_semantic_color("search_highlight"), 2)
         elif self.hovered:
-            pen = QPen(QColor("#FFFFFF"), 2)
+            pen = QPen(QColor(get_surface_color("text_bright")), 2)
 
         painter.setPen(pen)
         painter.drawPath(path)
@@ -1458,14 +1460,14 @@ def paint(self, painter, option, widget=None):
         painter.drawPie(dot_rect_right, 90 * 16, 180 * 16)
 
         if self.is_collapsed:
-            painter.setPen(QColor("#FFFFFF"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             painter.setFont(canvas_font(self.scene(), weight=QFont.Weight.Bold))
             painter.drawText(QRectF(42, 0, self.width - 84, self.height), Qt.AlignmentFlag.AlignVCenter, "Gitlink")
             qta.icon("fa5s.link", color=node_color.name()).paint(painter, QRect(12, 10, 20, 20))
             self.collapse_button_rect = QRectF(self.width - 35, 5, 30, 30)
             qta.icon(
                 "fa5s.expand-arrows-alt",
-                color="#FFFFFF" if self.hovered else "#888888",
+                color=get_surface_color("text_bright") if self.hovered else get_surface_color("chrome_inactive"),
             ).paint(painter, QRect(int(self.width - 30), 10, 20, 20))
         else:
             if self.hovered:
@@ -1473,7 +1475,7 @@ def paint(self, painter, option, widget=None):
                 painter.setBrush(QColor(255, 255, 255, 30))
                 painter.setPen(QColor(255, 255, 255, 150))
                 painter.drawRoundedRect(self.collapse_button_rect.adjusted(6, 6, -6, -6), 4, 4)
-                painter.setPen(QPen(QColor("#FFFFFF"), 2))
+                painter.setPen(QPen(QColor(get_surface_color("text_bright")), 2))
                 center = self.collapse_button_rect.center()
                 painter.drawLine(int(center.x() - 4), int(center.y()), int(center.x() + 4), int(center.y()))
             else:
diff --git a/graphlink_app/graphlink_plugins/graphlink_plugin_portal.py b/graphlink_app/graphlink_plugins/graphlink_plugin_portal.py
index c1b6501..1227b28 100644
--- a/graphlink_app/graphlink_plugins/graphlink_plugin_portal.py
+++ b/graphlink_app/graphlink_plugins/graphlink_plugin_portal.py
@@ -7,7 +7,7 @@
     SystemPromptConnectionItem, PyCoderConnectionItem, ConversationConnectionItem,
     HtmlConnectionItem
 )
-from graphlink_config import get_current_palette
+from graphlink_config import get_current_palette, get_surface_color
 from graphlink_pycoder import PyCoderNode
 from graphlink_plugins.graphlink_plugin_code_sandbox import CodeSandboxNode, CodeSandboxConnectionItem
 from graphlink_node import ChatNode, CodeNode
@@ -415,7 +415,7 @@ def _create_system_prompt_node(self):
         prompt_note.is_system_prompt = True
         prompt_note.content = "Enter custom system prompt here..."
         prompt_note.header_color = palette.FRAME_COLORS["Purple Header"]["color"]
-        prompt_note.color = "#252525"
+        prompt_note.color = get_surface_color("node_body")
         prompt_note.width = 300
         prompt_note.height = 150
 
diff --git a/graphlink_app/graphlink_pycoder.py b/graphlink_app/graphlink_pycoder.py
index 54b259d..909504e 100644
--- a/graphlink_app/graphlink_pycoder.py
+++ b/graphlink_app/graphlink_pycoder.py
@@ -15,8 +15,9 @@
 from PySide6.QtCore import QRectF, Qt, Signal, Property, QPropertyAnimation, QEasingCurve, QPointF, QRegularExpression, QSize, QRect
 from PySide6.QtGui import QPainter, QColor, QBrush, QPen, QPainterPath, QIcon, QSyntaxHighlighter, QTextCharFormat, QFont
 import qtawesome as qta
-from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_neutral_button_colors, get_semantic_color
+from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_neutral_button_colors, get_semantic_color, get_surface_color, get_syntax_color
 from graphlink_lod import draw_lod_card, preview_text, sync_proxy_render_state
+from graphlink_styles import FONT_FAMILY
 
 from graphlink_agents_pycoder import PyCoderStage, PyCoderStatus
 from graphlink_canvas_items import HoverAnimationMixin
@@ -31,7 +32,7 @@ def __init__(self, document):
 
         # Keywords
         keyword_format = QTextCharFormat()
-        keyword_format.setForeground(QColor("#909090")) # Purple
+        keyword_format.setForeground(QColor(get_syntax_color("keyword")))
         keyword_format.setFontWeight(QFont.Weight.Bold)
         keywords = [
             "and", "as", "assert", "break", "class", "continue", "def",
@@ -46,7 +47,7 @@ def __init__(self, document):
 
         # Builtins
         builtin_format = QTextCharFormat()
-        builtin_format.setForeground(QColor("#A2A2A2")) # Cyan
+        builtin_format.setForeground(QColor(get_syntax_color("builtin")))
         builtins = ["print", "len", "range", "int", "float", "str", "list", "dict", "set", "tuple", "open", "type", "dir"]
         for word in builtins:
             pattern = QRegularExpression(rf"\b{word}\b")
@@ -54,24 +55,24 @@ def __init__(self, document):
 
         # Numbers
         number_format = QTextCharFormat()
-        number_format.setForeground(QColor("#A2A2A2")) # Orange
+        number_format.setForeground(QColor(get_syntax_color("number")))
         self.highlighting_rules.append((QRegularExpression(r"\b[0-9]+(?:\.[0-9]+)?\b"), number_format))
 
         # Strings
         string_format = QTextCharFormat()
-        string_format.setForeground(QColor("#B5B5B5")) # Green
+        string_format.setForeground(QColor(get_syntax_color("string")))
         self.highlighting_rules.append((QRegularExpression(r'".*?"'), string_format))
         self.highlighting_rules.append((QRegularExpression(r"'.*?'"), string_format))
 
         # Comments
         comment_format = QTextCharFormat()
-        comment_format.setForeground(QColor("#626262")) # Grey
+        comment_format.setForeground(QColor(get_syntax_color("comment")))
         comment_format.setFontItalic(True)
         self.highlighting_rules.append((QRegularExpression(r"#[^\n]*"), comment_format))
         
         # Functions
         function_format = QTextCharFormat()
-        function_format.setForeground(QColor("#A3A3A3")) # Blue
+        function_format.setForeground(QColor(get_syntax_color("function")))
         self.highlighting_rules.append((QRegularExpression(r"\b[A-Za-z0-9_]+(?=\()"), function_format))
 
     def highlightBlock(self, text):
@@ -134,7 +135,7 @@ def resizeEvent(self, event):
 
     def lineNumberAreaPaintEvent(self, event):
         painter = QPainter(self.lineNumberArea)
-        painter.fillRect(event.rect(), QColor("#1E1E1E").lighter(120))
+        painter.fillRect(event.rect(), QColor(get_surface_color("window")).lighter(120))
 
         block = self.firstVisibleBlock()
         blockNumber = block.blockNumber()
@@ -144,7 +145,7 @@ def lineNumberAreaPaintEvent(self, event):
         while block.isValid() and top <= event.rect().bottom():
             if block.isVisible() and bottom >= event.rect().top():
                 number = str(blockNumber + 1)
-                painter.setPen(QColor("#6B6B6B"))
+                painter.setPen(QColor(get_surface_color("handle_hover")))
                 font = painter.font()
                 font.setFamily("Consolas")
                 painter.setFont(font)
@@ -193,7 +194,7 @@ def paintEvent(self, event):
         palette = get_current_palette()
 
         if self._status == PyCoderStatus.PENDING:
-            painter.setPen(QPen(QColor("#555555"), 2))
+            painter.setPen(QPen(QColor(get_surface_color("handle")), 2))
             painter.setBrush(Qt.BrushStyle.NoBrush)
             painter.drawEllipse(rect)
         elif self._status == PyCoderStatus.RUNNING:
@@ -250,7 +251,7 @@ def __init__(self, text, parent=None):
 
         self.icon_widget = StatusIconWidget()
         self.text_label = QLabel(text)
-        self.text_label.setStyleSheet("color: #888888; font-size: 11px;")
+        self.text_label.setStyleSheet(f"color: {get_surface_color('chrome_inactive')}; font-size: 11px;")
 
         layout.addWidget(self.icon_widget)
         layout.addWidget(self.text_label)
@@ -262,7 +263,7 @@ def set_status(self, status):
         self.icon_widget.set_status(status)
         palette = get_current_palette()
         if status == PyCoderStatus.PENDING:
-            self.text_label.setStyleSheet("color: #888888; font-style: italic; font-size: 11px;")
+            self.text_label.setStyleSheet(f"color: {get_surface_color('chrome_inactive')}; font-style: italic; font-size: 11px;")
         elif status == PyCoderStatus.RUNNING:
             self.text_label.setStyleSheet(f"color: {palette.AI_NODE.name()}; font-style: normal; font-weight: bold; font-size: 11px;")
         elif status == PyCoderStatus.SUCCESS:
@@ -291,13 +292,13 @@ def __init__(self, parent=None):
         layout.addWidget(self.stages[PyCoderStage.EXECUTE], 1, 0)
         layout.addWidget(self.stages[PyCoderStage.ANALYZE_RESULT], 1, 1)
             
-        self.setStyleSheet("""
-            StatusTrackerWidget {
-                background-color: #1E1E1E;
-                border: 1px solid #3F3F3F;
+        self.setStyleSheet(f"""
+            StatusTrackerWidget {{
+                background-color: {get_surface_color("window")};
+                border: 1px solid {get_surface_color("border")};
                 border-radius: 6px;
-            }
-            QLabel { background: transparent; }
+            }}
+            QLabel {{ background: transparent; }}
         """)
         
     def update_status(self, stage, status):
@@ -372,15 +373,15 @@ def __init__(self, parent_node, mode=PyCoderMode.AI_DRIVEN, parent=None):
         self.widget = QWidget()
         self.widget.setObjectName("pyCoderMainWidget")
         self.widget.setFixedSize(self.NODE_WIDTH, self.NODE_HEIGHT)
-        self.widget.setStyleSheet("""
-            QWidget#pyCoderMainWidget {
+        self.widget.setStyleSheet(f"""
+            QWidget#pyCoderMainWidget {{
                 background-color: transparent;
-                color: #E0E0E0;
-                font-family: 'Segoe UI', sans-serif;
-            }
-            QWidget#pyCoderMainWidget QLabel {
+                color: {get_surface_color("text_primary")};
+                font-family: {FONT_FAMILY};
+            }}
+            QWidget#pyCoderMainWidget QLabel {{
                 background-color: transparent;
-            }
+            }}
         """)
 
         self._setup_ui()
@@ -506,16 +507,16 @@ def _setup_ui(self):
         self.mode_toggle_button = QPushButton()
         self.mode_toggle_button.setFixedSize(30, 30)
         self.mode_toggle_button.clicked.connect(self._toggle_mode)
-        self.mode_toggle_button.setStyleSheet("""
-            QPushButton { border: 1px solid #555; border-radius: 15px; background-color: #2A2A2A; }
-            QPushButton:hover { background-color: #4F4F4F; border: 1px solid #777; }
+        self.mode_toggle_button.setStyleSheet(f"""
+            QPushButton {{ border: 1px solid {get_surface_color("handle")}; border-radius: 15px; background-color: {get_surface_color("field")}; }}
+            QPushButton:hover {{ background-color: {get_surface_color("border_strong")}; border: 1px solid {get_surface_color("text_muted")}; }}
         """)
         header_layout.addWidget(self.mode_toggle_button)
         main_layout.addLayout(header_layout)
 
         line = QFrame()
         line.setFrameShape(QFrame.Shape.HLine)
-        line.setStyleSheet("background-color: #3F3F3F; border: none; height: 1px;")
+        line.setStyleSheet(f"background-color: {get_surface_color('border')}; border: none; height: 1px;")
         main_layout.addWidget(line)
 
         # --- AI-Driven Input Container ---
@@ -525,7 +526,7 @@ def _setup_ui(self):
         prompt_layout.setSpacing(5)
         
         self.ai_prompt_label = QLabel("Instruction Prompt:")
-        self.ai_prompt_label.setStyleSheet("color: #AAAAAA; font-weight: bold; font-size: 12px; background: transparent;")
+        self.ai_prompt_label.setStyleSheet(f"color: {get_surface_color('text_label')}; font-weight: bold; font-size: 12px; background: transparent;")
         prompt_layout.addWidget(self.ai_prompt_label)
         
         self.prompt_input = QTextEdit()
@@ -533,14 +534,14 @@ def _setup_ui(self):
         self.prompt_input.setFixedHeight(70)
         prompt_focus_color = get_semantic_color("status_info").name()
         prompt_focus_color = get_semantic_color("status_info").name()
-        self.prompt_input.setStyleSheet("""
-            QTextEdit { 
-                background-color: #1E1E1E; border: 1px solid #3F3F3F;
-                border-radius: 6px; padding: 8px; color: #FFFFFF;
-                font-family: 'Segoe UI', sans-serif;
-            }
-            QTextEdit:focus { border: 1px solid %s; }
-        """ % prompt_focus_color)
+        self.prompt_input.setStyleSheet(f"""
+            QTextEdit {{
+                background-color: {get_surface_color("window")}; border: 1px solid {get_surface_color("border")};
+                border-radius: 6px; padding: 8px; color: {get_surface_color("text_bright")};
+                font-family: {FONT_FAMILY};
+            }}
+            QTextEdit:focus {{ border: 1px solid {prompt_focus_color}; }}
+        """)
         self.prompt_input.textChanged.connect(self._on_prompt_changed)
         prompt_layout.addWidget(self.prompt_input)
         
@@ -556,20 +557,20 @@ def _setup_ui(self):
         manual_layout.setSpacing(5)
         
         self.manual_code_label = QLabel("Python Code:")
-        self.manual_code_label.setStyleSheet("color: #AAAAAA; font-weight: bold; font-size: 12px; background: transparent;")
+        self.manual_code_label.setStyleSheet(f"color: {get_surface_color('text_label')}; font-weight: bold; font-size: 12px; background: transparent;")
         manual_layout.addWidget(self.manual_code_label)
 
         self.code_input = CodeEditor()
         self.code_input.setPlaceholderText("Enter Python code to execute...")
         self.code_input.setFixedHeight(140)
-        self.code_input.setStyleSheet("""
-            QPlainTextEdit { 
-                background-color: #1E1E1E; border: 1px solid #3F3F3F;
-                border-radius: 6px; padding: 8px; color: #D8D8D8;
+        self.code_input.setStyleSheet(f"""
+            QPlainTextEdit {{
+                background-color: {get_surface_color("window")}; border: 1px solid {get_surface_color("border")};
+                border-radius: 6px; padding: 8px; color: {get_surface_color("text_primary")};
                 font-family: Consolas, Monaco, monospace; font-size: 13px;
-            }
-            QPlainTextEdit:focus { border: 1px solid %s; }
-        """ % prompt_focus_color)
+            }}
+            QPlainTextEdit:focus {{ border: 1px solid {prompt_focus_color}; }}
+        """)
         self.code_input.textChanged.connect(self._on_code_changed)
         manual_layout.addWidget(self.code_input)
 
@@ -597,9 +598,9 @@ def _setup_ui(self):
                 border-color: {button_colors["border"].darker(105).name()};
             }}
             QPushButton:disabled {{
-                background-color: #2B2B2B;
-                border-color: #353535;
-                color: #7B7B7B;
+                background-color: {get_surface_color("field")};
+                border-color: {get_surface_color("border")};
+                color: {get_surface_color("text_muted")};
             }}
         """
         for btn in [self.generate_button, self.run_button]:
@@ -616,21 +617,21 @@ def _setup_ui(self):
         self.tabs = QTabWidget()
         self.tabs.setStyleSheet(f"""
             QTabWidget::pane {{
-                border: 1px solid #3F3F3F; background: #1E1E1E; border-radius: 6px;
+                border: 1px solid {get_surface_color("border")}; background: {get_surface_color("window")}; border-radius: 6px;
             }}
             QTabBar::tab {{
-                background: #252525; color: #AAAAAA; padding: 8px 16px;
-                border: 1px solid #3F3F3F; border-bottom: none;
+                background: {get_surface_color("node_body")}; color: {get_surface_color("text_label")}; padding: 8px 16px;
+                border: 1px solid {get_surface_color("border")}; border-bottom: none;
                 border-top-left-radius: 6px; border-top-right-radius: 6px;
                 margin-right: 2px; font-weight: bold;
             }}
             QTabBar::tab:selected {{
-                background: #1E1E1E; color: #FFFFFF;
+                background: {get_surface_color("window")}; color: {get_surface_color("text_bright")};
                 border-top: 2px solid {pycoder_color.name()};
-                border-bottom: 1px solid #1E1E1E;
+                border-bottom: 1px solid {get_surface_color("window")};
             }}
             QTabBar::tab:hover:!selected {{
-                background: #2D2D2D; color: #FFFFFF;
+                background: {get_surface_color("field")}; color: {get_surface_color("text_bright")};
             }}
         """)
 
@@ -638,20 +639,20 @@ def _setup_ui(self):
         self.generated_code_display = CodeEditor()
         self.generated_code_display.setReadOnly(True)
         self.generated_code_display.setPlaceholderText("Generated code will appear here...")
-        self.generated_code_display.setStyleSheet("""
-            QPlainTextEdit { background-color: transparent; color: #D8D8D8; font-family: Consolas, monospace; border: none; padding: 10px; font-size: 13px; }
+        self.generated_code_display.setStyleSheet(f"""
+            QPlainTextEdit {{ background-color: transparent; color: {get_surface_color("text_primary")}; font-family: Consolas, monospace; border: none; padding: 10px; font-size: 13px; }}
         """)
-        self.tabs.addTab(self.generated_code_display, qta.icon('fa5s.code', color='#ccc'), "Code")
+        self.tabs.addTab(self.generated_code_display, qta.icon('fa5s.code', color=get_surface_color("text_soft")), "Code")
 
         # 2. Terminal / Output Tab
         self.output_display = QTextEdit()
         self.output_display.setReadOnly(True)
         self.output_display.setPlaceholderText("Execution output will appear here...")
         output_text_color = get_semantic_color("status_success").name()
-        self.output_display.setStyleSheet("""
-            QTextEdit { background-color: #0D0D0D; color: %s; font-family: Consolas, monospace; border: none; padding: 10px; font-size: 12px; }
-        """ % output_text_color)
-        self.tabs.addTab(self.output_display, qta.icon('fa5s.terminal', color='#ccc'), "Terminal")
+        self.output_display.setStyleSheet(f"""
+            QTextEdit {{ background-color: {get_surface_color("inset_deep")}; color: {output_text_color}; font-family: Consolas, monospace; border: none; padding: 10px; font-size: 12px; }}
+        """)
+        self.tabs.addTab(self.output_display, qta.icon('fa5s.terminal', color=get_surface_color("text_soft")), "Terminal")
 
         # 3. AI Analysis Tab
         self.ai_analysis_display = QTextEdit()
@@ -661,14 +662,14 @@ def _setup_ui(self):
             QTextEdit { background-color: transparent; border: none; padding: 10px; }
         """)
         # Base styling for markdown content inside the text edit
-        self.ai_analysis_display.document().setDefaultStyleSheet("""
-            p, ul, ol, li { color: #E0E0E0; font-family: 'Segoe UI', sans-serif; font-size: 13px; line-height: 1.5; }
-            h1, h2, h3, h4 { color: #FFFFFF; font-weight: bold; margin-bottom: 5px; }
-            pre { background-color: #2D2D2D; padding: 10px; border-radius: 6px; font-family: Consolas, monospace; color: #D8D8D8; }
-            code { background-color: #3F3F3F; color: #D8D8D8; padding: 2px 4px; border-radius: 4px; font-family: Consolas, monospace; }
-            blockquote { border-left: 3px solid #555555; padding-left: 10px; color: #AAAAAA; }
+        self.ai_analysis_display.document().setDefaultStyleSheet(f"""
+            p, ul, ol, li {{ color: {get_surface_color("text_primary")}; font-family: {FONT_FAMILY}; font-size: 13px; line-height: 1.5; }}
+            h1, h2, h3, h4 {{ color: {get_surface_color("text_bright")}; font-weight: bold; margin-bottom: 5px; }}
+            pre {{ background-color: {get_surface_color("field")}; padding: 10px; border-radius: 6px; font-family: Consolas, monospace; color: {get_surface_color("text_primary")}; }}
+            code {{ background-color: {get_surface_color("border")}; color: {get_surface_color("text_primary")}; padding: 2px 4px; border-radius: 4px; font-family: Consolas, monospace; }}
+            blockquote {{ border-left: 3px solid {get_surface_color("handle")}; padding-left: 10px; color: {get_surface_color("text_label")}; }}
         """)
-        self.tabs.addTab(self.ai_analysis_display, qta.icon('fa5s.robot', color='#ccc'), "Analysis")
+        self.tabs.addTab(self.ai_analysis_display, qta.icon('fa5s.robot', color=get_surface_color("text_soft")), "Analysis")
 
         main_layout.addWidget(self.tabs)
         
@@ -692,13 +693,13 @@ def _update_ui_for_mode(self):
 
         if is_ai_mode:
             self.title_label.setText("Py-Coder (AI-Driven)")
-            self.mode_toggle_button.setIcon(qta.icon('fa5s.user-edit', color='#ccc'))
+            self.mode_toggle_button.setIcon(qta.icon('fa5s.user-edit', color=get_surface_color("text_soft")))
             self.mode_toggle_button.setToolTip("Switch to Manual Mode")
             self.tabs.setTabVisible(0, True) # Show Code tab
             self.tabs.setCurrentIndex(0)
         else:
             self.title_label.setText("Py-Coder (Manual)")
-            self.mode_toggle_button.setIcon(qta.icon('fa5s.magic', color='#ccc'))
+            self.mode_toggle_button.setIcon(qta.icon('fa5s.magic', color=get_surface_color("text_soft")))
             self.mode_toggle_button.setToolTip("Switch to AI-Driven Mode")
             self.tabs.setTabVisible(0, False) # Hide Code tab (it's in the top input box now)
             self.tabs.setCurrentIndex(1) # Default to Terminal tab
@@ -720,19 +721,19 @@ def paint(self, painter, option, widget=None):
         
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
-        painter.setBrush(QColor("#2D2D2D"))
-        
+        painter.setBrush(QColor(get_surface_color("field")))
+
         pycoder_color = node_colors["border"]
         pen = QPen(pycoder_color, 1.5)
 
         if self.isSelected():
             pen = QPen(palette.SELECTION, 2)
         elif self.hovered:
-            pen = QPen(QColor("#FFFFFF"), 2)
-        
+            pen = QPen(QColor(get_surface_color("text_bright")), 2)
+
         painter.setPen(pen)
         painter.drawPath(path)
-        
+
         dot_color = node_colors["dot"]
         if self.isSelected() or self.hovered:
             dot_color = pen.color().lighter(110) if self.isSelected() else node_colors["hover_dot"]
@@ -765,7 +766,7 @@ def paint(self, painter, option, widget=None):
             return
 
         if self.is_collapsed:
-            painter.setPen(QColor("#FFFFFF"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             font = canvas_font(self.scene(), weight=QFont.Weight.Bold)
             painter.setFont(font)
             title = f"Py-Coder ({'AI' if self.mode == PyCoderMode.AI_DRIVEN else 'Manual'})"
@@ -775,7 +776,7 @@ def paint(self, painter, option, widget=None):
             icon.paint(painter, QRect(10, 10, 20, 20))
             
             self.collapse_button_rect = QRectF(self.width - 35, 5, 30, 30)
-            expand_icon = qta.icon('fa5s.expand-arrows-alt', color='#FFFFFF' if self.hovered else '#888888')
+            expand_icon = qta.icon('fa5s.expand-arrows-alt', color=get_surface_color("text_bright") if self.hovered else get_surface_color("chrome_inactive"))
             expand_icon.paint(painter, QRect(int(self.width - 30), 10, 20, 20))
         else:
             if self.hovered:
@@ -784,7 +785,7 @@ def paint(self, painter, option, widget=None):
                 painter.setPen(QColor(255, 255, 255, 150))
                 painter.drawRoundedRect(self.collapse_button_rect.adjusted(6,6,-6,-6), 4, 4)
                 
-                icon_pen = QPen(QColor("#FFFFFF"), 2)
+                icon_pen = QPen(QColor(get_surface_color("text_bright")), 2)
                 painter.setPen(icon_pen)
                 center = self.collapse_button_rect.center()
                 painter.drawLine(int(center.x() - 4), int(center.y()), int(center.x() + 4), int(center.y()))
diff --git a/graphlink_app/graphlink_scene.py b/graphlink_app/graphlink_scene.py
index ec9d4ba..965c061 100644
--- a/graphlink_app/graphlink_scene.py
+++ b/graphlink_app/graphlink_scene.py
@@ -21,6 +21,8 @@
 from graphlink_plugins.graphlink_plugin_artifact import ArtifactNode, ArtifactConnectionItem
 from graphlink_plugins.graphlink_plugin_gitlink import GitlinkNode, GitlinkConnectionItem
 from graphlink_memory import clone_history, resolve_branch_parent
+from graphlink_config import get_surface_color
+from graphlink_styles import FONT_FAMILY_NAME
 
 class ChatScene(QGraphicsScene):
     BRANCH_DIM_OPACITY = 0.18
@@ -85,7 +87,7 @@ def __init__(self, window):
         self.artifact_connections = []
         self.gitlink_connections = []
 
-        self.setBackgroundBrush(QColor("#252525"))
+        self.setBackgroundBrush(QColor(get_surface_color("node_body")))
         
         # Parameters for the auto-layout algorithm.
         self.horizontal_spacing = 150
@@ -102,9 +104,9 @@ def __init__(self, window):
         self.is_rubber_band_dragging = False
 
         # Global font properties for nodes that support them.
-        self.font_family = "Segoe UI"
+        self.font_family = FONT_FAMILY_NAME
         self.font_size = 10
-        self.font_color = QColor("#DDDDDD")
+        self.font_color = QColor(get_surface_color("text_primary"))
         
     def setFontFamily(self, family):
         """
diff --git a/graphlink_app/graphlink_session/deserializers.py b/graphlink_app/graphlink_session/deserializers.py
index dc131db..ee0bc2e 100644
--- a/graphlink_app/graphlink_session/deserializers.py
+++ b/graphlink_app/graphlink_session/deserializers.py
@@ -3,6 +3,7 @@
 from PySide6.QtCore import QPointF, QRectF
 from PySide6.QtGui import QTransform
 
+from graphlink_canvas.graphlink_canvas_container import DEFAULT_CONTAINER_COLOR
 from graphlink_canvas_items import Container, Frame
 from graphlink_connections import (
     ConnectionItem,
@@ -466,7 +467,7 @@ def deserialize_container(self, data, scene, all_items_map):
             container.persistent_id = data["id"]
         container.setPos(data["position"]["x"], data["position"]["y"])
         container.title = data.get("title", "Container")
-        container.color = data.get("color", "#3a3a3a")
+        container.color = data.get("color", DEFAULT_CONTAINER_COLOR)
         container.header_color = data.get("header_color")
 
         rect_data = data.get("expanded_rect")
diff --git a/graphlink_app/graphlink_styles.py b/graphlink_app/graphlink_styles.py
index 0c0e5de..258ca01 100644
--- a/graphlink_app/graphlink_styles.py
+++ b/graphlink_app/graphlink_styles.py
@@ -797,6 +797,44 @@ class StyleSheet:
             "badge_fill": "#484848",
             "panel_fill": "#202020",
         },
+        # UI-refactor P0 (doc/UI_QA_AUDIT.md section 7): the clean neutral
+        # role set for native painting/stylesheet code. Values are the exact
+        # hexes that dominated the swept files (node cards, canvas items,
+        # widget chrome) so the migration is byte-neutral in this theme;
+        # mono/muted values are derived from each theme's existing qss
+        # neutrals so themed rendering stays coherent.
+        "surface": {
+            "window": "#1E1E1E",
+            "node_body": "#252525",
+            "inset": "#202020",
+            "inset_deep": "#121212",
+            "field": "#272727",
+            "border": "#3F3F3F",
+            "border_strong": "#505050",
+            "divider": "#424242",
+            "handle": "#555555",
+            "handle_hover": "#6A6A6A",
+            "chrome_inactive": "#888888",
+            "text_primary": "#E0E0E0",
+            "text_strong": "#F1F1F1",
+            "text_soft": "#CCCCCC",
+            "text_label": "#A4A4A4",
+            "text_secondary": "#BDBDBD",
+            "text_muted": "#767676",
+            "text_bright": "#FFFFFF",
+        },
+        # Sweep-adjudicated (2026-07-22): PythonHighlighter's palette moved
+        # here from graphlink_pycoder.py so code-node syntax colors theme with
+        # everything else. Identical across themes today - a deliberate
+        # starting point, not a constraint.
+        "syntax": {
+            "keyword": "#909090",
+            "builtin": "#A2A2A2",
+            "number": "#A2A2A2",
+            "string": "#B5B5B5",
+            "comment": "#626262",
+            "function": "#A3A3A3",
+        },
         "qss": {
             "qmainwindow_qwidget__background_color": "#1E1E1E",
             "qmainwindow_qwidget__color": "#DCDCDC",
@@ -895,6 +933,34 @@ class StyleSheet:
             "badge_fill": "#484848",
             "panel_fill": "#202020",
         },
+        "surface": {
+            "window": "#222222",
+            "node_body": "#292929",
+            "inset": "#202020",
+            "inset_deep": "#161616",
+            "field": "#2A2A2A",
+            "border": "#444444",
+            "border_strong": "#555555",
+            "divider": "#444444",
+            "handle": "#555555",
+            "handle_hover": "#6A6A6A",
+            "chrome_inactive": "#999999",
+            "text_primary": "#DDDDDD",
+            "text_strong": "#F1F1F1",
+            "text_soft": "#CFCFCF",
+            "text_label": "#ABABAB",
+            "text_secondary": "#D5D5D5",
+            "text_muted": "#8A8A8A",
+            "text_bright": "#FFFFFF",
+        },
+        "syntax": {
+            "keyword": "#909090",
+            "builtin": "#A2A2A2",
+            "number": "#A2A2A2",
+            "string": "#B5B5B5",
+            "comment": "#626262",
+            "function": "#A3A3A3",
+        },
         "qss": {
             "qmainwindow_qwidget__background_color": "#222222",
             "qmainwindow_qwidget__color": "#DDDDDD",
@@ -985,6 +1051,34 @@ class StyleSheet:
             "badge_fill": "#4a4a4a",
             "panel_fill": "#1c1c1c",
         },
+        "surface": {
+            "window": "#1A1A1A",
+            "node_body": "#222222",
+            "inset": "#1C1C1C",
+            "inset_deep": "#101010",
+            "field": "#232323",
+            "border": "#383838",
+            "border_strong": "#494949",
+            "divider": "#383838",
+            "handle": "#494949",
+            "handle_hover": "#5E5E5E",
+            "chrome_inactive": "#7E7E7E",
+            "text_primary": "#D1D1D1",
+            "text_strong": "#E8E8E8",
+            "text_soft": "#C4C4C4",
+            "text_label": "#9C9C9C",
+            "text_secondary": "#BABABA",
+            "text_muted": "#6E6E6E",
+            "text_bright": "#F5F5F5",
+        },
+        "syntax": {
+            "keyword": "#909090",
+            "builtin": "#A2A2A2",
+            "number": "#A2A2A2",
+            "string": "#B5B5B5",
+            "comment": "#626262",
+            "function": "#A3A3A3",
+        },
         "qss": {
             "qmainwindow_qwidget__background_color": "#1A1A1A",
             "qmainwindow_qwidget__color": "#D1D1D1",
@@ -1096,6 +1190,87 @@ def _generate_qss(theme_name: str) -> str:
 # so this is "the app's one explicit font choice," not "every font in use."
 FONT_FAMILY = "'Segoe UI', sans-serif"
 
+# Bare family name for QFont construction (QFont wants "Segoe UI", not the
+# CSS-quoted stack above). UI-refactor P0: every widget/painting file that
+# used to string-paste "Segoe UI" imports this instead - the acceptance gate
+# (tests/test_ui_token_acceptance.py) enforces that this module is the only
+# place the literal appears.
+FONT_FAMILY_NAME = "Segoe UI"
+
+# ---------------------------------------------------------------------------
+# UI-refactor P0: structure tokens (doc/UI_QA_AUDIT.md section 7, P0).
+#
+# Theme-INDEPENDENT scales - spacing on a 4px grid, three radii, a type ramp
+# with nothing under 12px (audit finding D2: 9-10px microtext), three
+# elevation levels (audit finding B9: no elevation model), and motion
+# durations/easing (audit finding F4: zero transitions). One source, two
+# consumers: css_custom_properties() flattens these into --gl-* custom
+# properties for every island (and tailwind_theme_css() registers them under
+# Tailwind's proper non-color namespaces), while the *_PX/ELEVATION_PARAMS
+# accessors below give Qt-side code integer values for the same scales so
+# native painting/QSS derives from the identical source of truth.
+#
+# RECORDED DECISION (2026-07-22): the audit's P0 text sketched "one token
+# source (JSON)". This codebase already HAS the single token source - this
+# module: THEME_TOKENS feeds runtime island injection (css_root_block ->
+# _inline_bundle) and the generated Tailwind theme. A parallel JSON file
+# would fork truth into two places, so P0 extends THIS module instead; the
+# audit doc's P0 entry is updated to match. "Token modules" for the
+# acceptance grep = this file alone.
+STRUCTURE_TOKENS = {
+    "space": {
+        "1": "4px",
+        "2": "8px",
+        "3": "12px",
+        "4": "16px",
+        "5": "20px",
+        "6": "24px",
+        "8": "32px",
+    },
+    "radius": {
+        "sm": "4px",
+        "md": "8px",
+        "lg": "12px",
+    },
+    "text": {
+        "xs": "12px",
+        "sm": "13px",
+        "base": "14px",
+        "lg": "16px",
+        "xl": "20px",
+    },
+    "weight": {
+        "regular": "400",
+        "semibold": "600",
+    },
+    "shadow": {
+        "1": "0 1px 3px rgba(0, 0, 0, 0.40)",
+        "2": "0 4px 12px rgba(0, 0, 0, 0.45)",
+        "3": "0 8px 28px rgba(0, 0, 0, 0.55)",
+    },
+    "motion": {
+        "fast": "150ms",
+        "base": "200ms",
+        "ease": "cubic-bezier(0.2, 0, 0, 1)",
+    },
+}
+
+# Qt-side integer views of the same scales (QFont/QMargins/QRect math wants
+# ints, not "13px" strings). Derived, not duplicated: parsed from
+# STRUCTURE_TOKENS so the two representations cannot drift.
+SPACE_PX = {int(key): int(value[:-2]) for key, value in STRUCTURE_TOKENS["space"].items()}
+RADIUS_PX = {key: int(value[:-2]) for key, value in STRUCTURE_TOKENS["radius"].items()}
+TEXT_PX = {key: int(value[:-2]) for key, value in STRUCTURE_TOKENS["text"].items()}
+
+# QGraphicsDropShadowEffect parameters (blur_radius, y_offset, alpha) matching
+# the three CSS shadow levels closely enough that a native popover and a web
+# popover read as the same elevation tier on screen.
+ELEVATION_PARAMS = {
+    1: (12, 2, 110),
+    2: (24, 4, 120),
+    3: (40, 8, 140),
+}
+
 # THEME_TOKENS groups that belong to ONE island's own chrome rather than to the
 # app-wide color vocabulary, mapped to the CSS custom-property prefix they
 # flatten under. These are exported by css_custom_properties() (island CSS has
@@ -1196,7 +1371,7 @@ def css_custom_properties(theme_name: str) -> dict[str, str]:
     function already exports.
     """
     tokens = THEME_TOKENS[theme_name]
-    included_groups = ("palette", "semantic", "neutral_button", "graph_node")
+    included_groups = ("palette", "semantic", "neutral_button", "graph_node", "surface", "syntax")
     excluded_groups = ("qss", "qss_alpha")
     # Self-verifying rather than relying solely on a separate test file to
     # catch drift: if a future edit adds a new top-level THEME_TOKENS group
@@ -1260,6 +1435,14 @@ def css_custom_properties(theme_name: str) -> dict[str, str]:
 
     properties["--gl-font-family"] = FONT_FAMILY
 
+    # UI-refactor P0: theme-independent structure scales, emitted identically
+    # for every theme (so the cross-theme key-set guard holds by
+    # construction). Names: --gl-space-N, --gl-radius-K, --gl-text-K,
+    # --gl-weight-K, --gl-shadow-N, --gl-motion-K.
+    for group, entries in STRUCTURE_TOKENS.items():
+        for key, value in entries.items():
+            properties[f"--gl-{group}-{key}"] = value
+
     for name, value in properties.items():
         _assert_safe_css_declaration_value(name, value)
     return properties
@@ -1332,12 +1515,43 @@ def tailwind_theme_css() -> str:
     """
     excluded = island_property_names("dark")
     names = [name for name in sorted(css_custom_properties("dark")) if name not in excluded]
+    # UI-refactor P0: structure tokens register under Tailwind v4's proper
+    # non-color namespaces so the compiler mints the RIGHT kind of utility
+    # (p-gl-2 / rounded-gl-md / text-gl-sm / shadow-gl-1 / duration-gl-fast),
+    # not a bogus bg-gl-space-2 color utility. Routed by emitted-name prefix;
+    # prefixes are derived from STRUCTURE_TOKENS's real group names so a new
+    # group cannot silently fall through to the color namespace.
+    structure_namespace = {
+        "space": "--spacing-gl-",
+        "radius": "--radius-gl-",
+        "text": "--text-gl-",
+        "weight": "--font-weight-gl-",
+        "shadow": "--shadow-gl-",
+    }
+    assert set(structure_namespace) | {"motion"} == set(STRUCTURE_TOKENS), (
+        "STRUCTURE_TOKENS gained a group tailwind_theme_css() doesn't route - "
+        "add it to structure_namespace (or the motion special-case) before "
+        "extending the scales."
+    )
     lines = []
     for name in names:
         if name == "--gl-font-family":
             lines.append(f"  --font-gl: var({name});")
+            continue
+        for group, tw_prefix in structure_namespace.items():
+            gl_prefix = f"--gl-{group}-"
+            if name.startswith(gl_prefix):
+                lines.append(f"  {tw_prefix}{name[len(gl_prefix):]}: var({name});")
+                break
         else:
-            lines.append(f"  --color-{name[len('--'):]}: var({name});")
+            if name.startswith("--gl-motion-"):
+                key = name[len("--gl-motion-"):]
+                if key == "ease":
+                    lines.append(f"  --ease-gl: var({name});")
+                else:
+                    lines.append(f"  --duration-gl-{key}: var({name});")
+            else:
+                lines.append(f"  --color-{name[len('--'):]}: var({name});")
     return "@theme {\n" + "\n".join(lines) + "\n}\n"
 
 
diff --git a/graphlink_app/graphlink_ui_dialogs/graphlink_library_dialog.py b/graphlink_app/graphlink_ui_dialogs/graphlink_library_dialog.py
index 6e29297..f4cbd3a 100644
--- a/graphlink_app/graphlink_ui_dialogs/graphlink_library_dialog.py
+++ b/graphlink_app/graphlink_ui_dialogs/graphlink_library_dialog.py
@@ -12,7 +12,7 @@
 )
 
 from graphlink_chat_library_web import ChatLibraryWebHost
-from graphlink_config import get_current_palette
+from graphlink_config import get_current_palette, get_surface_color
 
 
 class ChatLibraryDialog(QDialog):
@@ -149,7 +149,7 @@ def on_theme_changed(self):
         accent = palette.SELECTION.name()
         panel_gray = "rgba(42, 42, 42, 248)"
         line_gray = "rgba(255, 255, 255, 0.08)"
-        muted_text = "#8D8D8D"
+        muted_text = get_surface_color("chrome_inactive")
         badge_gray = "rgba(255, 255, 255, 0.025)"
 
         self.icon_badge.setPixmap(qta.icon("fa5s.book", color=accent).pixmap(16, 16))
@@ -181,7 +181,7 @@ def on_theme_changed(self):
                 letter-spacing: 0.14em;
             }}
             QLabel#libraryWindowTitle {{
-                color: #F5F5F5;
+                color: {get_surface_color("text_strong")};
                 font-size: 16px;
                 font-weight: 700;
             }}
@@ -191,7 +191,7 @@ def on_theme_changed(self):
             }}
             QPushButton#libraryCloseButton {{
                 background-color: rgba(255, 255, 255, 0.04);
-                color: #F5F5F5;
+                color: {get_surface_color("text_strong")};
                 border: 1px solid rgba(255, 255, 255, 0.08);
                 border-radius: 8px;
                 padding: 8px 14px;
diff --git a/graphlink_app/graphlink_view.py b/graphlink_app/graphlink_view.py
index 3c80b03..5e8007d 100644
--- a/graphlink_app/graphlink_view.py
+++ b/graphlink_app/graphlink_view.py
@@ -15,7 +15,7 @@
 from graphlink_font_control_web import FontControlHost
 from graphlink_drag_speed_web import DragSpeedHost
 from graphlink_minimap_web import MinimapHost
-from graphlink_config import get_semantic_color
+from graphlink_config import get_semantic_color, get_surface_color
 from graphlink_context_menu import create_context_menu
 from graphlink_web_island_host import any_host_has_text_focus
 
@@ -677,7 +677,7 @@ def drawBackground(self, painter, rect):
         """
         super().drawBackground(painter, rect)
     
-        painter.fillRect(rect, QColor("#252525"))
+        painter.fillRect(rect, QColor(get_surface_color("node_body")))
     
         grid_size = self.grid_settings.grid_size
         opacity = self.grid_settings.grid_opacity
diff --git a/graphlink_app/graphlink_web.py b/graphlink_app/graphlink_web.py
index a578738..4ebabc2 100644
--- a/graphlink_app/graphlink_web.py
+++ b/graphlink_app/graphlink_web.py
@@ -5,9 +5,10 @@
 from PySide6.QtCore import QRectF, Qt, QPointF, Signal, QTimer, QRect, QUrl
 from PySide6.QtGui import QPainter, QColor, QBrush, QPen, QPainterPath, QFont, QDesktopServices
 import qtawesome as qta
-from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_neutral_button_colors, get_semantic_color
+from graphlink_config import canvas_font, get_current_palette, get_graph_node_colors, get_neutral_button_colors, get_semantic_color, get_surface_color
 from graphlink_connections import ConnectionItem
 from graphlink_canvas_items import HoverAnimationMixin
+from graphlink_styles import FONT_FAMILY
 from graphlink_lod import draw_lod_card, preview_text, sync_proxy_render_state
 from graphlink_memory import append_history, get_node_history
 from graphlink_plugins.graphlink_plugin_context_menu import PluginNodeContextMenu
@@ -141,14 +142,14 @@ def __init__(self, parent_node, parent=None):
         self.widget = QWidget()
         self.widget.setObjectName("webNodeMainWidget")
         self.widget.setFixedSize(self.NODE_WIDTH, self.NODE_HEIGHT)
-        self.widget.setStyleSheet("""
-            QWidget#webNodeMainWidget {
+        self.widget.setStyleSheet(f"""
+            QWidget#webNodeMainWidget {{
                 background-color: transparent;
-                color: #E0E0E0;
-            }
-            QWidget#webNodeMainWidget QLabel {
+                color: {get_surface_color("text_primary")};
+            }}
+            QWidget#webNodeMainWidget QLabel {{
                 background-color: transparent;
-            }
+            }}
         """)
         
         self._setup_ui()
@@ -222,14 +223,14 @@ def _setup_ui(self):
 
         # --- Status Label ---
         self.status_label = QLabel("Status: Idle")
-        self.status_label.setStyleSheet("color: #888; font-style: italic; background: transparent;")
+        self.status_label.setStyleSheet(f"color: {get_surface_color('chrome_inactive')}; font-style: italic; background: transparent;")
         main_layout.addWidget(self.status_label)
 
         # --- Result Display Section ---
         result_header = QHBoxLayout()
         result_header.addWidget(QLabel("Answer:"))
         self.source_count_label = QLabel("No sources")
-        self.source_count_label.setStyleSheet("color: #A4A4A4; background: transparent;")
+        self.source_count_label.setStyleSheet(f"color: {get_surface_color('text_label')}; background: transparent;")
         result_header.addWidget(self.source_count_label)
         result_header.addStretch()
         main_layout.addLayout(result_header)
@@ -244,18 +245,18 @@ def _setup_ui(self):
 
         self.warning_label = QLabel("")
         self.warning_label.setWordWrap(True)
-        self.warning_label.setStyleSheet("color: #AAAAAA; background: transparent;")
+        self.warning_label.setStyleSheet(f"color: {get_surface_color('text_label')}; background: transparent;")
         main_layout.addWidget(self.warning_label)
 
         # Apply common styles to text edit widgets.
         for widget in [self.query_input, self.summary_display]:
-            widget.setStyleSheet("""
-                QTextEdit, QTextBrowser {
-                    background-color: #252525; border: 1px solid #3F3F3F;
-                    color: #CCCCCC; border-radius: 4px; padding: 5px;
-                    font-family: 'Segoe UI', sans-serif;
-                }
-                QTextBrowser a { color: #B3B3B3; text-decoration: none; }
+            widget.setStyleSheet(f"""
+                QTextEdit, QTextBrowser {{
+                    background-color: {get_surface_color("node_body")}; border: 1px solid {get_surface_color("border")};
+                    color: {get_surface_color("text_soft")}; border-radius: 4px; padding: 5px;
+                    font-family: {FONT_FAMILY};
+                }}
+                QTextBrowser a {{ color: {get_surface_color("text_secondary")}; text-decoration: none; }}
             """)
 
         # Style the run button with a contrasting text color based on background brightness.
@@ -280,9 +281,9 @@ def _setup_ui(self):
                 border-color: {button_colors["border"].darker(105).name()};
             }}
             QPushButton:disabled {{
-                background-color: #2B2B2B;
-                border-color: #353535;
-                color: #7B7B7B;
+                background-color: {get_surface_color("field")};
+                border-color: {get_surface_color("border")};
+                color: {get_surface_color("text_muted")};
             }}
         """)
         
@@ -480,16 +481,16 @@ def paint(self, painter, option, widget=None):
         
         path = QPainterPath()
         path.addRoundedRect(0, 0, self.width, self.height, 10, 10)
-        painter.setBrush(QColor("#2D2D2D"))
-        
+        painter.setBrush(QColor(get_surface_color("field")))
+
         web_color = node_colors["border"]
         pen = QPen(web_color, 1.5)
 
         if self.isSelected():
             pen = QPen(palette.SELECTION, 2)
         elif self.hovered:
-            pen = QPen(QColor("#FFFFFF"), 2)
-        
+            pen = QPen(QColor(get_surface_color("text_bright")), 2)
+
         painter.setPen(pen)
         painter.drawPath(path)
         
@@ -526,7 +527,7 @@ def paint(self, painter, option, widget=None):
             return
 
         if self.is_collapsed:
-            painter.setPen(QColor("#FFFFFF"))
+            painter.setPen(QColor(get_surface_color("text_bright")))
             font = canvas_font(self.scene(), weight=QFont.Weight.Bold)
             painter.setFont(font)
             painter.drawText(QRectF(40, 0, self.width - 80, self.height), Qt.AlignmentFlag.AlignVCenter, "Web Search")
@@ -535,7 +536,7 @@ def paint(self, painter, option, widget=None):
             icon.paint(painter, QRect(10, 10, 20, 20))
             
             self.collapse_button_rect = QRectF(self.width - 35, 5, 30, 30)
-            expand_icon = qta.icon('fa5s.expand-arrows-alt', color='#FFFFFF' if self.hovered else '#888888')
+            expand_icon = qta.icon('fa5s.expand-arrows-alt', color=get_surface_color("text_bright") if self.hovered else get_surface_color("chrome_inactive"))
             expand_icon.paint(painter, QRect(int(self.width - 30), 10, 20, 20))
         else:
             if self.hovered:
@@ -544,7 +545,7 @@ def paint(self, painter, option, widget=None):
                 painter.setPen(QColor(255, 255, 255, 150))
                 painter.drawRoundedRect(self.collapse_button_rect.adjusted(6,6,-6,-6), 4, 4)
                 
-                icon_pen = QPen(QColor("#FFFFFF"), 2)
+                icon_pen = QPen(QColor(get_surface_color("text_bright")), 2)
                 painter.setPen(icon_pen)
                 center = self.collapse_button_rect.center()
                 painter.drawLine(int(center.x() - 4), int(center.y()), int(center.x() + 4), int(center.y()))
diff --git a/graphlink_app/graphlink_widgets/overlays.py b/graphlink_app/graphlink_widgets/overlays.py
index 6dda58e..4d38d56 100644
--- a/graphlink_app/graphlink_widgets/overlays.py
+++ b/graphlink_app/graphlink_widgets/overlays.py
@@ -4,7 +4,8 @@
 from PySide6.QtCore import QPointF, Property, QEasingCurve, QParallelAnimationGroup, QPropertyAnimation, QRectF, Qt, Signal
 from PySide6.QtGui import QColor, QBrush, QFont, QFontMetrics, QKeySequence, QLinearGradient, QPainter, QPainterPath, QPen, QShortcut
 from PySide6.QtWidgets import QGraphicsObject, QHBoxLayout, QLabel, QLineEdit, QPushButton, QWidget
-from graphlink_config import get_current_palette, get_semantic_color, is_monochrome_theme
+from graphlink_config import get_current_palette, get_graph_node_colors, get_semantic_color, get_surface_color, is_monochrome_theme
+from graphlink_styles import FONT_FAMILY_NAME
 from .loading_visuals import paint_orbital_loading_spinner
 
 class LoadingAnimation(QGraphicsObject):
@@ -136,19 +137,19 @@ def _surface_colors(self):
         accent = QColor(palette.AI_NODE)
         monochrome = is_monochrome_theme()
 
-        body_start = self._mix_color(QColor("#282828"), accent, 0.04 if not monochrome else 0.02)
+        body_start = self._mix_color(QColor(get_surface_color("field")), accent, 0.04 if not monochrome else 0.02)
         body_start.setAlpha(210)
-        body_end = self._mix_color(QColor("#1A1A1A"), accent, 0.02 if not monochrome else 0.01)
+        body_end = self._mix_color(QColor(get_surface_color("window")), accent, 0.02 if not monochrome else 0.01)
         body_end.setAlpha(192)
-        header_start = self._mix_color(QColor("#323232"), accent, 0.30 if not monochrome else 0.08)
+        header_start = self._mix_color(get_graph_node_colors()["header_end"], accent, 0.30 if not monochrome else 0.08)
         header_start.setAlpha(188)
-        header_end = self._mix_color(QColor("#1C1C1C"), accent, 0.18 if not monochrome else 0.04)
+        header_end = self._mix_color(QColor(get_surface_color("window")), accent, 0.18 if not monochrome else 0.04)
         header_end.setAlpha(170)
-        badge_fill = self._mix_color(QColor("#2B2B2B"), accent, 0.58 if not monochrome else 0.12)
+        badge_fill = self._mix_color(QColor(get_surface_color("field")), accent, 0.58 if not monochrome else 0.12)
         badge_fill.setAlpha(138)
-        descriptor_text = self._mix_color(QColor("#A5A5A5"), accent, 0.14 if not monochrome else 0.04)
+        descriptor_text = self._mix_color(QColor(get_surface_color("text_label")), accent, 0.14 if not monochrome else 0.04)
         descriptor_text.setAlpha(175)
-        content_panel_border = self._mix_color(QColor("#393939"), accent, 0.08 if not monochrome else 0.03)
+        content_panel_border = self._mix_color(QColor(get_surface_color("border")), accent, 0.08 if not monochrome else 0.03)
         content_panel_border.setAlpha(135)
 
         return {
@@ -158,7 +159,7 @@ def _surface_colors(self):
             "header_start": header_start,
             "header_end": header_end,
             "badge_fill": badge_fill,
-            "badge_text": QColor("#F6F6F6"),
+            "badge_text": QColor(get_surface_color("text_bright")),
             "descriptor_text": descriptor_text,
             "content_panel_fill": QColor(17, 20, 23, 182),
             "content_panel_border": content_panel_border,
@@ -237,7 +238,7 @@ def paint(self, painter, option, widget):
                 QPointF(self.width - 10, self.HEADER_HEIGHT),
             )
 
-            badge_font = QFont("Segoe UI", 8, QFont.Weight.DemiBold)
+            badge_font = QFont(FONT_FAMILY_NAME, 8, QFont.Weight.DemiBold)
             painter.setFont(badge_font)
             badge_text = "Assistant"
             badge_metrics = QFontMetrics(badge_font)
@@ -254,7 +255,7 @@ def paint(self, painter, option, widget):
             painter.setPen(badge_text_color)
             painter.drawText(badge_rect, Qt.AlignmentFlag.AlignCenter, badge_text)
 
-            descriptor_font = QFont("Segoe UI", 8)
+            descriptor_font = QFont(FONT_FAMILY_NAME, 8)
             painter.setFont(descriptor_font)
             painter.setPen(colors["descriptor_text"])
             painter.drawText(
@@ -273,9 +274,9 @@ def paint(self, painter, option, widget):
             text_left = content_rect.left() + 68
             text_width = max(80.0, content_rect.width() - 84.0)
 
-            title_font = QFont("Segoe UI", 10, QFont.Weight.DemiBold)
+            title_font = QFont(FONT_FAMILY_NAME, 10, QFont.Weight.DemiBold)
             painter.setFont(title_font)
-            title_color = QColor("#F5F5F5")
+            title_color = QColor(get_surface_color("text_bright"))
             title_color.setAlpha(220)
             painter.setPen(title_color)
             painter.drawText(
@@ -285,9 +286,9 @@ def paint(self, painter, option, widget):
             )
 
             if self.subtitle:
-                subtitle_font = QFont("Segoe UI", 8)
+                subtitle_font = QFont(FONT_FAMILY_NAME, 8)
                 painter.setFont(subtitle_font)
-                subtitle_color = QColor("#B6B6B6")
+                subtitle_color = QColor(get_surface_color("text_secondary"))
                 subtitle_color.setAlpha(165)
                 painter.setPen(subtitle_color)
                 painter.drawText(
diff --git a/graphlink_app/graphlink_widgets/scrolling.py b/graphlink_app/graphlink_widgets/scrolling.py
index 3edfa36..70b0df6 100644
--- a/graphlink_app/graphlink_widgets/scrolling.py
+++ b/graphlink_app/graphlink_widgets/scrolling.py
@@ -3,6 +3,7 @@
 from PySide6.QtCore import QRectF, Qt, Signal
 from PySide6.QtGui import QBrush, QColor, QPainter
 from PySide6.QtWidgets import QGraphicsObject, QWidget
+from graphlink_config import get_surface_color
 
 class CustomScrollBar(QWidget):
     valueChanged = Signal(float)
@@ -43,7 +44,7 @@ def paintEvent(self, event):
         painter = QPainter(self)
         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
         
-        track_color = QColor("#2A2A2A")
+        track_color = QColor(get_surface_color("field"))
         track_color.setAlpha(100)
         painter.setPen(Qt.PenStyle.NoPen)
         painter.setBrush(track_color)
@@ -76,7 +77,7 @@ def paintEvent(self, event):
             else:
                 handle_position = 0
             
-        handle_color = QColor("#6a6a6a") if self.hover else QColor("#555555")
+        handle_color = QColor(get_surface_color("handle_hover")) if self.hover else QColor(get_surface_color("handle"))
         painter.setBrush(handle_color)
         
         if self.orientation == Qt.Orientation.Vertical:
@@ -137,7 +138,7 @@ def boundingRect(self):
     def paint(self, painter, option, widget=None):
         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
     
-        color = QColor("#6a6a6a") if self.hover else QColor("#555555")
+        color = QColor(get_surface_color("handle_hover")) if self.hover else QColor(get_surface_color("handle"))
         
         painter.setPen(Qt.PenStyle.NoPen)
         painter.setBrush(QBrush(color))
@@ -171,7 +172,7 @@ def boundingRect(self):
     def paint(self, painter, option, widget=None):
         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
         
-        track_color = QColor("#2A2A2A")
+        track_color = QColor(get_surface_color("field"))
         track_color.setAlpha(100)
         painter.setPen(Qt.PenStyle.NoPen)
         painter.setBrush(QBrush(track_color))
diff --git a/graphlink_app/graphlink_widgets/splash.py b/graphlink_app/graphlink_widgets/splash.py
index 2fce05d..952ba92 100644
--- a/graphlink_app/graphlink_widgets/splash.py
+++ b/graphlink_app/graphlink_widgets/splash.py
@@ -3,7 +3,8 @@
 from PySide6.QtCore import QPointF, Property, QEasingCurve, QParallelAnimationGroup, QPropertyAnimation, Qt, QTimer
 from PySide6.QtGui import QColor, QFont, QFontMetrics, QGuiApplication, QPainter, QPainterPath, QPen
 from PySide6.QtWidgets import QGraphicsDropShadowEffect, QLabel, QVBoxLayout, QWidget
-from graphlink_config import get_current_palette
+from graphlink_config import get_current_palette, get_surface_color
+from graphlink_styles import FONT_FAMILY_NAME
 from graphlink_version import APP_VERSION
 from .loading_visuals import paint_orbital_loading_spinner
 
@@ -99,7 +100,7 @@ def paintEvent(self, event):
         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
         painter.setRenderHint(QPainter.RenderHint.TextAntialiasing)
 
-        font = QFont("Segoe UI", 34, QFont.Weight.Bold)
+        font = QFont(FONT_FAMILY_NAME, 34, QFont.Weight.Bold)
         font.setLetterSpacing(QFont.SpacingType.AbsoluteSpacing, 2)
         painter.setFont(font)
         metrics = QFontMetrics(font)
@@ -131,8 +132,8 @@ def paintEvent(self, event):
             
             y_offset = (1.0 - ease_p) * 25.0
             
-            if i < 5: 
-                color = QColor("#FFFFFF")
+            if i < 5:
+                color = QColor(get_surface_color("text_bright"))
             else:
                 color = QColor(palette.SELECTION)
                 
@@ -177,14 +178,14 @@ def __init__(self, main_window):
         self.status_label.setAlignment(Qt.AlignmentFlag.AlignCenter)
         content_layout.addWidget(self.status_label)
 
-        self.setStyleSheet("""
-            QWidget#splashContainer {
-                background-color: #1E1E1E;
+        self.setStyleSheet(f"""
+            QWidget#splashContainer {{
+                background-color: {get_surface_color("window")};
                 border-radius: 8px;
-            }
-            QLabel {
-                color: #747474;
-            }
+            }}
+            QLabel {{
+                color: {get_surface_color("text_muted")};
+            }}
         """)
         
         screen = QGuiApplication.primaryScreen().geometry()
diff --git a/graphlink_app/tests/test_css_custom_properties.py b/graphlink_app/tests/test_css_custom_properties.py
index a57296c..c63724f 100644
--- a/graphlink_app/tests/test_css_custom_properties.py
+++ b/graphlink_app/tests/test_css_custom_properties.py
@@ -53,9 +53,20 @@ def test_every_value_is_a_flat_hex_color_except_font_family_and_alpha_groups(
             f"--gl-composer-{key.replace('_', '-')}"
             for key in gs.THEME_TOKENS[theme_name]["composer_alpha"]
         }
+        # UI-refactor P0: structure tokens are px/ms/shadow/easing values,
+        # not colors - carved out by their real group names, mirroring the
+        # alpha carve-out's enumerate-don't-pattern-match approach.
+        structure_keys = {
+            f"--gl-{group}-{key}"
+            for group, entries in gs.STRUCTURE_TOKENS.items()
+            for key in entries
+        }
         for key, value in props.items():
             if key == "--gl-font-family":
                 continue
+            if key in structure_keys:
+                assert value, f"{key} is empty"
+                continue
             if key in alpha_keys:
                 assert RGBA_RE.match(value), f"{key} = {value!r} is not an rgba() literal"
                 continue
@@ -114,11 +125,17 @@ def test_font_family_matches_the_shared_constant(self):
     @pytest.mark.parametrize("theme_name", THEMES)
     def test_total_property_count_has_no_missing_or_extra_keys(self, theme_name):
         tokens = gs.THEME_TOKENS[theme_name]
-        expected_group_count = sum(len(tokens[g]) for g in ("palette", "semantic", "neutral_button", "graph_node"))
+        # "surface"/"syntax" joined the included groups in UI-refactor P0.
+        expected_group_count = sum(
+            len(tokens[g])
+            for g in ("palette", "semantic", "neutral_button", "graph_node", "surface", "syntax")
+        )
         expected_island_count = sum(len(tokens[g]) for g in gs._ISLAND_GROUPS)
         expected_frame_count = len({name.removesuffix(" Header") for name in gs._FRAME_COLORS_BY_THEME[theme_name]})
+        expected_structure_count = sum(len(entries) for entries in gs.STRUCTURE_TOKENS.values())
         expected_total = (
-            expected_group_count + expected_island_count + expected_frame_count + 1
+            expected_group_count + expected_island_count + expected_frame_count
+            + expected_structure_count + 1
         )  # +1 for --gl-font-family
         assert len(gs.css_custom_properties(theme_name)) == expected_total
 
diff --git a/graphlink_app/tests/test_tailwind_theme_css.py b/graphlink_app/tests/test_tailwind_theme_css.py
index 36e5188..e75e90c 100644
--- a/graphlink_app/tests/test_tailwind_theme_css.py
+++ b/graphlink_app/tests/test_tailwind_theme_css.py
@@ -50,14 +50,36 @@ def test_declares_exactly_one_theme_block(self):
 
     def test_every_declaration_references_the_matching_gl_custom_property(self):
         content = _read_generated_file()
-        declarations = re.findall(r"--([a-z-]+):\s*var\((--gl-[a-z-]+)\);", content)
+        declarations = re.findall(r"--([a-z0-9-]+):\s*var\((--gl-[a-z0-9-]+)\);", content)
         assert len(declarations) > 0
+        # UI-refactor P0: structure tokens route to Tailwind v4's proper
+        # non-color namespaces (spacing/radius/text/font-weight/shadow/
+        # duration/ease); everything else stays "color-gl-..." except the
+        # original "font-gl" special case. Mirrors tailwind_theme_css()'s
+        # own routing table.
+        structure_routes = {
+            "--gl-space-": "spacing-gl-",
+            "--gl-radius-": "radius-gl-",
+            "--gl-text-": "text-gl-",
+            "--gl-weight-": "font-weight-gl-",
+            "--gl-shadow-": "shadow-gl-",
+        }
         for tailwind_name, gl_var in declarations:
-            # Every Tailwind theme key is either "color-gl-..." (mirroring
-            # the referenced --gl-... name exactly) or the one special-cased
-            # "font-gl" for --gl-font-family.
             if tailwind_name == "font-gl":
                 assert gl_var == "--gl-font-family"
+                continue
+            if gl_var == "--gl-motion-ease":
+                assert tailwind_name == "ease-gl"
+                continue
+            if gl_var.startswith("--gl-motion-"):
+                assert tailwind_name == f"duration-gl-{gl_var[len('--gl-motion-'):]}"
+                continue
+            for gl_prefix, tw_prefix in structure_routes.items():
+                if gl_var.startswith(gl_prefix):
+                    assert tailwind_name == f"{tw_prefix}{gl_var[len(gl_prefix):]}", (
+                        f"--{tailwind_name} does not mirror {gl_var} as expected"
+                    )
+                    break
             else:
                 assert tailwind_name == f"color-{gl_var[len('--'):]}", (
                     f"--{tailwind_name} does not mirror {gl_var} as expected"
diff --git a/graphlink_app/tests/test_theme_tokens.py b/graphlink_app/tests/test_theme_tokens.py
index d9287fe..f649f72 100644
--- a/graphlink_app/tests/test_theme_tokens.py
+++ b/graphlink_app/tests/test_theme_tokens.py
@@ -86,9 +86,15 @@ def test_every_theme_has_all_expected_token_groups(self):
         # "all four token groups" before that change landed.
         # "composer"/"composer_alpha" were added by the composer token
         # retrofit (see tests/test_composer_token_retrofit.py).
+        # "surface" was added by UI-refactor P0 (doc/UI_QA_AUDIT.md section
+        # 7): the clean neutral role set the hex-literal sweep migrated
+        # native painting/stylesheet code onto, exported to islands like
+        # palette/semantic (see test_ui_token_acceptance.py for the gate).
+        # "syntax" (same increment, sweep adjudication): PythonHighlighter's
+        # palette relocated from graphlink_pycoder.py.
         expected = {
-            "palette", "semantic", "neutral_button", "graph_node", "qss", "qss_alpha",
-            "composer", "composer_alpha",
+            "palette", "semantic", "neutral_button", "graph_node", "surface",
+            "syntax", "qss", "qss_alpha", "composer", "composer_alpha",
         }
         for name in ("dark", "mono", "muted"):
             tokens = gs.THEME_TOKENS[name]
diff --git a/graphlink_app/tests/test_ui_token_acceptance.py b/graphlink_app/tests/test_ui_token_acceptance.py
new file mode 100644
index 0000000..eb30bd1
--- /dev/null
+++ b/graphlink_app/tests/test_ui_token_acceptance.py
@@ -0,0 +1,184 @@
+"""UI-refactor P0 acceptance gate (doc/UI_QA_AUDIT.md section 7, P0).
+
+The audit's P0 acceptance criterion, codified so it can never silently
+regress: outside the token module (graphlink_styles.py), no UI source file
+may contain a hardcoded 6-digit hex color literal or a string-pasted
+"Segoe UI". Colors come from get_surface_color()/get_semantic_color()/
+get_current_palette()/THEME_TOKENS lookups; the font family comes from
+FONT_FAMILY (QSS stacks) / FONT_FAMILY_NAME (QFont).
+
+ALLOWLIST POLICY: entries in _HEX_ALLOWLIST are (relative path, reason)
+pairs for files whose remaining literals were adjudicated as domain DATA
+rather than UI chrome (e.g. syntax-highlight palettes pending their own
+token group). Every entry must carry a reason; an empty allowlist is the
+goal state. Adding an entry to dodge the gate defeats P0 - route new
+colors through THEME_TOKENS instead.
+
+Structure-token coverage lives here too: the P0 scales exist, are complete,
+and respect their own rules (4px spacing grid, no type size under 12px,
+three elevation levels, 150/200ms motion).
+"""
+
+import re
+import sys
+from pathlib import Path
+
+sys.path.insert(0, str(Path(__file__).resolve().parents[1]))
+
+import graphlink_styles as gs
+
+APP_DIR = Path(__file__).resolve().parents[1]
+
+# The one module allowed to define color literals and the font family.
+_TOKEN_MODULES = {"graphlink_styles.py"}
+
+# Adjudicated exceptions: (path relative to graphlink_app/, reason). Each
+# entry was individually adjudicated during the P0 sweep (2026-07-22) as
+# domain DATA rather than UI chrome. Shrink this list, never grow it
+# casually - route new colors through THEME_TOKENS instead.
+_HEX_ALLOWLIST: dict[str, str] = {
+    "graphlink_context_menu.py": (
+        "per-theme QMenu state table carrying literals for NON-current themes "
+        "(get_surface_color resolves only the current theme); the menu system "
+        "is rebuilt wholesale in refactor phase P8, which retires this file's "
+        "styling entirely"
+    ),
+    "graphlink_exporter.py": (
+        "light-styled CSS baked into exported standalone HTML/PDF documents - "
+        "deliberately NOT themed to the running app; theming exports to the "
+        "app's dark theme would corrupt the user's output artifacts"
+    ),
+    "graphlink_font_control_bridge.py": (
+        "FONT_COLOR_PRESETS: user-pickable canvas font color swatches - "
+        "stable data choices offered to the user, not app chrome"
+    ),
+    "graphlink_grid_control_bridge.py": (
+        "grid-color preset swatches - user-pickable data choices, stable "
+        "across themes by design"
+    ),
+    "graphlink_grid_view_settings.py": (
+        "DEFAULT_GRID_COLOR in the deliberately Qt-free plain-data settings "
+        "model - a persisted user-preference default, not chrome"
+    ),
+    "graphlink_plugins/common/combo.py": (
+        "single #656565 default-parameter accent in a reusable combo widget's "
+        "public API signature - callers pass real accents; changing the "
+        "default's identity is an API change deferred past P0"
+    ),
+    "graphlink_canvas/graphlink_canvas_chart_item.py": (
+        "single #868686 'slate' entry in the chart data-series color cycle - "
+        "series colors are data, not chrome (rule 2 of the sweep)"
+    ),
+    "graphlink_canvas/graphlink_canvas_container.py": (
+        "DEFAULT_CONTAINER_COLOR: the container's persisted user-facing body "
+        "color default (saved into scene JSON) - scene data must keep its "
+        "color across theme switches, like DEFAULT_GRID_COLOR"
+    ),
+}
+
+# Files allowed to carry the literal string "Segoe UI" outside the token
+# module, same adjudication bar.
+_FONT_ALLOWLIST: dict[str, str] = {
+    "graphlink_font_control_bridge.py": (
+        "FONT_FAMILIES: the user-pickable font list offers 'Segoe UI' and "
+        "'Segoe UI Variable' as CHOICES - data presented to the user, not a "
+        "hardcoded app default (defaults go through FONT_FAMILY_NAME)"
+    ),
+}
+
+_HEX_RE = re.compile(r"#[0-9A-Fa-f]{6}\b")
+
+
+def _ui_source_files():
+    for path in sorted(APP_DIR.rglob("*.py")):
+        rel = path.relative_to(APP_DIR).as_posix()
+        if rel.startswith("tests/"):
+            continue
+        if path.name in _TOKEN_MODULES:
+            continue
+        yield rel, path
+
+
+class TestNoHardcodedHexOutsideTokenModules:
+    def test_no_ui_file_contains_a_hex_literal(self):
+        offenders = {}
+        for rel, path in _ui_source_files():
+            if rel in _HEX_ALLOWLIST:
+                continue
+            text = path.read_text(encoding="utf-8")
+            hits = _HEX_RE.findall(text)
+            if hits:
+                offenders[rel] = sorted(set(hits))
+        assert not offenders, (
+            "Hardcoded hex color literal(s) outside the token module - route "
+            f"them through THEME_TOKENS/get_surface_color instead:\n{offenders}"
+        )
+
+    def test_allowlist_entries_all_carry_reasons_and_still_exist(self):
+        for rel, reason in _HEX_ALLOWLIST.items():
+            assert reason.strip(), f"allowlist entry {rel} has no reason"
+            assert (APP_DIR / rel).is_file(), f"allowlist entry {rel} no longer exists - prune it"
+
+
+class TestNoHardcodedFontFamilyOutsideTokenModules:
+    def test_no_ui_file_string_pastes_segoe_ui(self):
+        offenders = []
+        for rel, path in _ui_source_files():
+            if rel in _FONT_ALLOWLIST:
+                continue
+            text = path.read_text(encoding="utf-8")
+            if "Segoe UI" in text:
+                offenders.append(rel)
+        assert not offenders, (
+            "String-pasted 'Segoe UI' outside the token module - use "
+            f"FONT_FAMILY / FONT_FAMILY_NAME from graphlink_styles:\n{offenders}"
+        )
+
+    def test_font_allowlist_entries_all_carry_reasons_and_still_exist(self):
+        for rel, reason in _FONT_ALLOWLIST.items():
+            assert reason.strip(), f"font allowlist entry {rel} has no reason"
+            assert (APP_DIR / rel).is_file(), f"font allowlist entry {rel} no longer exists - prune it"
+
+
+class TestStructureTokenScales:
+    def test_all_expected_groups_exist(self):
+        assert set(gs.STRUCTURE_TOKENS) == {
+            "space", "radius", "text", "weight", "shadow", "motion",
+        }
+
+    def test_spacing_is_a_4px_grid(self):
+        for key, px in gs.SPACE_PX.items():
+            assert px % 4 == 0, f"space-{key}={px}px breaks the 4px grid"
+        assert gs.SPACE_PX[1] == 4
+
+    def test_no_type_size_under_12px(self):
+        # Audit finding D2: 9-10px microtext. The ramp's floor is 12px.
+        for key, px in gs.TEXT_PX.items():
+            assert px >= 12, f"text-{key}={px}px is below the 12px floor"
+
+    def test_three_radius_steps(self):
+        assert set(gs.RADIUS_PX) == {"sm", "md", "lg"}
+        assert gs.RADIUS_PX["sm"] < gs.RADIUS_PX["md"] < gs.RADIUS_PX["lg"]
+
+    def test_three_elevation_levels_in_both_representations(self):
+        assert set(gs.STRUCTURE_TOKENS["shadow"]) == {"1", "2", "3"}
+        assert set(gs.ELEVATION_PARAMS) == {1, 2, 3}
+
+    def test_motion_scale(self):
+        motion = gs.STRUCTURE_TOKENS["motion"]
+        assert motion["fast"] == "150ms"
+        assert motion["base"] == "200ms"
+        assert motion["ease"].startswith("cubic-bezier(")
+
+    def test_structure_tokens_are_exported_to_every_theme_identically(self):
+        for theme in ("dark", "mono", "muted"):
+            props = gs.css_custom_properties(theme)
+            for group, entries in gs.STRUCTURE_TOKENS.items():
+                for key, value in entries.items():
+                    assert props[f"--gl-{group}-{key}"] == value
+
+    def test_surface_group_exports_for_every_theme(self):
+        for theme in ("dark", "mono", "muted"):
+            props = gs.css_custom_properties(theme)
+            for key in gs.THEME_TOKENS[theme]["surface"]:
+                assert f"--gl-surface-{key.replace('_', '-')}" in props
diff --git a/web_ui/src/lib/tokens/gl-theme.css b/web_ui/src/lib/tokens/gl-theme.css
index ef5640c..1552601 100644
--- a/web_ui/src/lib/tokens/gl-theme.css
+++ b/web_ui/src/lib/tokens/gl-theme.css
@@ -19,6 +19,9 @@
   --color-gl-graph-node-header-end: var(--gl-graph-node-header-end);
   --color-gl-graph-node-header-start: var(--gl-graph-node-header-start);
   --color-gl-graph-node-panel-fill: var(--gl-graph-node-panel-fill);
+  --duration-gl-base: var(--gl-motion-base);
+  --ease-gl: var(--gl-motion-ease);
+  --duration-gl-fast: var(--gl-motion-fast);
   --color-gl-neutral-button-background: var(--gl-neutral-button-background);
   --color-gl-neutral-button-border: var(--gl-neutral-button-border);
   --color-gl-neutral-button-hover: var(--gl-neutral-button-hover);
@@ -29,6 +32,9 @@
   --color-gl-palette-nav-highlight: var(--gl-palette-nav-highlight);
   --color-gl-palette-selection: var(--gl-palette-selection);
   --color-gl-palette-user-node: var(--gl-palette-user-node);
+  --radius-gl-lg: var(--gl-radius-lg);
+  --radius-gl-md: var(--gl-radius-md);
+  --radius-gl-sm: var(--gl-radius-sm);
   --color-gl-semantic-artifact: var(--gl-semantic-artifact);
   --color-gl-semantic-conversation-ai-bubble: var(--gl-semantic-conversation-ai-bubble);
   --color-gl-semantic-conversation-user-bubble: var(--gl-semantic-conversation-user-bubble);
@@ -38,4 +44,45 @@
   --color-gl-semantic-status-info: var(--gl-semantic-status-info);
   --color-gl-semantic-status-success: var(--gl-semantic-status-success);
   --color-gl-semantic-status-warning: var(--gl-semantic-status-warning);
+  --shadow-gl-1: var(--gl-shadow-1);
+  --shadow-gl-2: var(--gl-shadow-2);
+  --shadow-gl-3: var(--gl-shadow-3);
+  --spacing-gl-1: var(--gl-space-1);
+  --spacing-gl-2: var(--gl-space-2);
+  --spacing-gl-3: var(--gl-space-3);
+  --spacing-gl-4: var(--gl-space-4);
+  --spacing-gl-5: var(--gl-space-5);
+  --spacing-gl-6: var(--gl-space-6);
+  --spacing-gl-8: var(--gl-space-8);
+  --color-gl-surface-border: var(--gl-surface-border);
+  --color-gl-surface-border-strong: var(--gl-surface-border-strong);
+  --color-gl-surface-chrome-inactive: var(--gl-surface-chrome-inactive);
+  --color-gl-surface-divider: var(--gl-surface-divider);
+  --color-gl-surface-field: var(--gl-surface-field);
+  --color-gl-surface-handle: var(--gl-surface-handle);
+  --color-gl-surface-handle-hover: var(--gl-surface-handle-hover);
+  --color-gl-surface-inset: var(--gl-surface-inset);
+  --color-gl-surface-inset-deep: var(--gl-surface-inset-deep);
+  --color-gl-surface-node-body: var(--gl-surface-node-body);
+  --color-gl-surface-text-bright: var(--gl-surface-text-bright);
+  --color-gl-surface-text-label: var(--gl-surface-text-label);
+  --color-gl-surface-text-muted: var(--gl-surface-text-muted);
+  --color-gl-surface-text-primary: var(--gl-surface-text-primary);
+  --color-gl-surface-text-secondary: var(--gl-surface-text-secondary);
+  --color-gl-surface-text-soft: var(--gl-surface-text-soft);
+  --color-gl-surface-text-strong: var(--gl-surface-text-strong);
+  --color-gl-surface-window: var(--gl-surface-window);
+  --color-gl-syntax-builtin: var(--gl-syntax-builtin);
+  --color-gl-syntax-comment: var(--gl-syntax-comment);
+  --color-gl-syntax-function: var(--gl-syntax-function);
+  --color-gl-syntax-keyword: var(--gl-syntax-keyword);
+  --color-gl-syntax-number: var(--gl-syntax-number);
+  --color-gl-syntax-string: var(--gl-syntax-string);
+  --text-gl-base: var(--gl-text-base);
+  --text-gl-lg: var(--gl-text-lg);
+  --text-gl-sm: var(--gl-text-sm);
+  --text-gl-xl: var(--gl-text-xl);
+  --text-gl-xs: var(--gl-text-xs);
+  --font-weight-gl-regular: var(--gl-weight-regular);
+  --font-weight-gl-semibold: var(--gl-weight-semibold);
 }
diff --git a/web_ui/src/lib/tokens/gl-vars-dev.css b/web_ui/src/lib/tokens/gl-vars-dev.css
index a55183a..f2328d8 100644
--- a/web_ui/src/lib/tokens/gl-vars-dev.css
+++ b/web_ui/src/lib/tokens/gl-vars-dev.css
@@ -75,6 +75,9 @@
   --gl-graph-node-header-end: #333333;
   --gl-graph-node-header-start: #3c3c3c;
   --gl-graph-node-panel-fill: #202020;
+  --gl-motion-base: 200ms;
+  --gl-motion-ease: cubic-bezier(0.2, 0, 0, 1);
+  --gl-motion-fast: 150ms;
   --gl-neutral-button-background: #393939;
   --gl-neutral-button-border: #585858;
   --gl-neutral-button-hover: #484848;
@@ -85,6 +88,9 @@
   --gl-palette-nav-highlight: #949494;
   --gl-palette-selection: #858585;
   --gl-palette-user-node: #838383;
+  --gl-radius-lg: 12px;
+  --gl-radius-md: 8px;
+  --gl-radius-sm: 4px;
   --gl-semantic-artifact: #828282;
   --gl-semantic-conversation-ai-bubble: #323232;
   --gl-semantic-conversation-user-bubble: #696969;
@@ -94,4 +100,45 @@
   --gl-semantic-status-info: #828282;
   --gl-semantic-status-success: #838383;
   --gl-semantic-status-warning: #919191;
+  --gl-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.40);
+  --gl-shadow-2: 0 4px 12px rgba(0, 0, 0, 0.45);
+  --gl-shadow-3: 0 8px 28px rgba(0, 0, 0, 0.55);
+  --gl-space-1: 4px;
+  --gl-space-2: 8px;
+  --gl-space-3: 12px;
+  --gl-space-4: 16px;
+  --gl-space-5: 20px;
+  --gl-space-6: 24px;
+  --gl-space-8: 32px;
+  --gl-surface-border: #3F3F3F;
+  --gl-surface-border-strong: #505050;
+  --gl-surface-chrome-inactive: #888888;
+  --gl-surface-divider: #424242;
+  --gl-surface-field: #272727;
+  --gl-surface-handle: #555555;
+  --gl-surface-handle-hover: #6A6A6A;
+  --gl-surface-inset: #202020;
+  --gl-surface-inset-deep: #121212;
+  --gl-surface-node-body: #252525;
+  --gl-surface-text-bright: #FFFFFF;
+  --gl-surface-text-label: #A4A4A4;
+  --gl-surface-text-muted: #767676;
+  --gl-surface-text-primary: #E0E0E0;
+  --gl-surface-text-secondary: #BDBDBD;
+  --gl-surface-text-soft: #CCCCCC;
+  --gl-surface-text-strong: #F1F1F1;
+  --gl-surface-window: #1E1E1E;
+  --gl-syntax-builtin: #A2A2A2;
+  --gl-syntax-comment: #626262;
+  --gl-syntax-function: #A3A3A3;
+  --gl-syntax-keyword: #909090;
+  --gl-syntax-number: #A2A2A2;
+  --gl-syntax-string: #B5B5B5;
+  --gl-text-base: 14px;
+  --gl-text-lg: 16px;
+  --gl-text-sm: 13px;
+  --gl-text-xl: 20px;
+  --gl-text-xs: 12px;
+  --gl-weight-regular: 400;
+  --gl-weight-semibold: 600;
 }

From e46d573dec4b7976ad80f07dc460d321316d75de Mon Sep 17 00:00:00 2001
From: dovvnloading <Devaux.mail@gmail.com>
Date: Wed, 22 Jul 2026 09:22:45 -0400
Subject: [PATCH 2/2] UI refactor P1: OverlayManager - one owner for every
 popup/dialog lifecycle

Second phase of the UI refactor plan (doc/UI_QA_AUDIT.md section 7). The
audit's section-2 findings were a class, not incidents: this phase removes
the class.

New graphlink_overlay_manager.py (OverlayManager + DialogScrim):
- Named-surface registry with POPOVER/DIALOG tiers; single-open policy
  across both tiers - opening anything closes whatever else is open
  (audit B1: Plugins+Controls+Settings+Library used to stack freely).
- One QApplication event filter: Escape closes the open surface; a mouse
  press outside an open popover light-dismisses it without eating the
  click (audit B2). Dialogs dismiss via close button/scrim/Escape only,
  preserving the legacy stay-open-during-scans rationale.
- DialogScrim: translucent full-window layer under dialogs - visible
  modality, guaranteed z-order, click-to-dismiss.
- visibility_changed signal -> toolbar payload's new activeSurface field:
  chips render active from REAL visibility, never local latched click
  state (audit B6; web side: App.tsx reads payload, local latch removed,
  schema regenerated, island rebuilt).
- Two manager bugs found by this phase's own acceptance tests and fixed:
  close() captures state BEFORE close_fn() because hide delivers
  Show/HideEvents synchronously through the manager's own app filter; and
  the filter never mutates manager state for the same reason.

Settings + Library converted from escaping top-level windows to clamped
embedded children (audit B4):
- SettingsWebHost: Tool flags + screen-coordinate show_for_anchor DELETED;
  now wrapped in the new token-styled DialogFrame (title + close button -
  audit B5) and centered/clamped by the manager.
- ChatLibraryDialog: frameless stay-on-top per-open window -> cached
  embedded child (explicit Qt.Widget flags: QDialog defaults to a Dialog
  WINDOW flag even with a parent, which briefly made it an invisible
  translucent top-level - found live). The fresh-window-per-open
  construction race WAS audit B3's first-click no-op; first click now
  opens reliably (live-verified).

THE BIG ONE - audit B7 root-caused and fixed: the library's "black void"
body was the QGraphicsDropShadowEffect on its shell. A QGraphicsEffect on
any ancestor forces software rendering that the GPU-composited
QWebEngineView cannot join, so the entire web region painted as a solid
black rectangle. Same effect removed from DialogFrame (where it initially
reproduced identically on Settings). Live-verified: library now renders
its full chat list (19 chats, search, CRUD row) on first open; settings
renders all sections. No ancestor of a webview may carry a QGraphicsEffect.

Escape delivery over web content: QtWebEngine feeds keys straight into the
render process - app filter, QShortcuts, and ShortcutOverride interception
never fire (each verified live). Added a host-injected page-side relay
(capture-phase keydown -> titleChanged -> escape_pressed signal, zero
bridge/schema/rebuild cost) wired to close_all for every island host.
End-to-end verified in-process (synthetic page keydown closes the
surface); real-OS-key confirmation pending one human keystroke - the
automation tool's synthetic Escape also failed against native Qt menus
pre-refactor, implicating the tool's key delivery rather than app code.

All toolbar handlers (library/settings/about/help/plugins/pins/controls)
route through manager.toggle(); resize re-clamps the open dialog + scrim.

Tests: 22 new acceptance tests including a REAL ChatWindow drive
(single-open across real surfaces, Escape per surface, no dialog pixel
outside the window at 3 window sizes, library-first-open). Two stale
settings-host tests rewritten to pin the embedded contract. Full pytest
1766 passed; vitest 535 passed; live drive on Windows verified all
section-2 behaviors visually.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 assets/toolbar/assets/index-Ds23m8jz.js       |  40 +++
 assets/toolbar/assets/index-DwVg4wwn.js       |  40 ---
 assets/toolbar/index.html                     |   2 +-
 graphlink_app/graphlink_dialog_frame.py       | 106 ++++++++
 graphlink_app/graphlink_overlay_manager.py    | 247 +++++++++++++++++
 graphlink_app/graphlink_settings_web.py       |  40 +--
 graphlink_app/graphlink_toolbar_bridge.py     |   7 +-
 graphlink_app/graphlink_toolbar_payload.py    |   4 +
 .../graphlink_library_dialog.py               |  53 ++--
 graphlink_app/graphlink_web_island_host.py    |  37 ++-
 graphlink_app/graphlink_window.py             | 195 ++++++++++----
 graphlink_app/tests/test_overlay_manager.py   | 250 ++++++++++++++++++
 graphlink_app/tests/test_settings_web_host.py |  24 +-
 graphlink_app/tests/test_toolbar_bridge.py    |  48 +++-
 web_ui/src/islands/toolbar/App.test.tsx       |  54 +++-
 web_ui/src/islands/toolbar/App.tsx            |  43 ++-
 web_ui/src/islands/toolbar/bridge.test.ts     |   4 +-
 web_ui/src/islands/toolbar/bridgeTypes.ts     |   9 +-
 .../generated/toolbar-state.schema.json       |   4 +
 .../bridge-core/generated/toolbar-state.ts    |   6 +
 20 files changed, 1025 insertions(+), 188 deletions(-)
 create mode 100644 assets/toolbar/assets/index-Ds23m8jz.js
 delete mode 100644 assets/toolbar/assets/index-DwVg4wwn.js
 create mode 100644 graphlink_app/graphlink_dialog_frame.py
 create mode 100644 graphlink_app/graphlink_overlay_manager.py
 create mode 100644 graphlink_app/tests/test_overlay_manager.py

diff --git a/assets/toolbar/assets/index-Ds23m8jz.js b/assets/toolbar/assets/index-Ds23m8jz.js
new file mode 100644
index 0000000..88d48fd
--- /dev/null
+++ b/assets/toolbar/assets/index-Ds23m8jz.js
@@ -0,0 +1,40 @@
+var jf=Object.defineProperty;var If=(w,S,d)=>S in w?jf(w,S,{enumerable:!0,configurable:!0,writable:!0,value:d}):w[S]=d;var xo=(w,S,d)=>If(w,typeof S!="symbol"?S+"":S,d);(function(){const S=document.createElement("link").relList;if(S&&S.supports&&S.supports("modulepreload"))return;for(const L of document.querySelectorAll('link[rel="modulepreload"]'))x(L);new MutationObserver(L=>{for(const V of L)if(V.type==="childList")for(const A of V.addedNodes)A.tagName==="LINK"&&A.rel==="modulepreload"&&x(A)}).observe(document,{childList:!0,subtree:!0});function d(L){const V={};return L.integrity&&(V.integrity=L.integrity),L.referrerPolicy&&(V.referrerPolicy=L.referrerPolicy),L.crossOrigin==="use-credentials"?V.credentials="include":L.crossOrigin==="anonymous"?V.credentials="omit":V.credentials="same-origin",V}function x(L){if(L.ep)return;L.ep=!0;const V=d(L);fetch(L.href,V)}})();var _o={exports:{}},gr={},No={exports:{}},U={};/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var _a;function Df(){if(_a)return U;_a=1;var w=Symbol.for("react.element"),S=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),V=Symbol.for("react.provider"),A=Symbol.for("react.context"),$=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),de=Symbol.for("react.memo"),pe=Symbol.for("react.lazy"),b=Symbol.iterator;function H(c){return c===null||typeof c!="object"?null:(c=b&&c[b]||c["@@iterator"],typeof c=="function"?c:null)}var he={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,W={};function G(c,v,F){this.props=c,this.context=v,this.refs=W,this.updater=F||he}G.prototype.isReactComponent={},G.prototype.setState=function(c,v){if(typeof c!="object"&&typeof c!="function"&&c!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,c,v,"setState")},G.prototype.forceUpdate=function(c){this.updater.enqueueForceUpdate(this,c,"forceUpdate")};function Le(){}Le.prototype=G.prototype;function ct(c,v,F){this.props=c,this.context=v,this.refs=W,this.updater=F||he}var et=ct.prototype=new Le;et.constructor=ct,C(et,G.prototype),et.isPureReactComponent=!0;var Ce=Array.isArray,tt=Object.prototype.hasOwnProperty,ze={current:null},Oe={key:!0,ref:!0,__self:!0,__source:!0};function Ke(c,v,F){var B,K={},Y=null,ee=null;if(v!=null)for(B in v.ref!==void 0&&(ee=v.ref),v.key!==void 0&&(Y=""+v.key),v)tt.call(v,B)&&!Oe.hasOwnProperty(B)&&(K[B]=v[B]);var Z=arguments.length-2;if(Z===1)K.children=F;else if(1<Z){for(var le=Array(Z),$e=0;$e<Z;$e++)le[$e]=arguments[$e+2];K.children=le}if(c&&c.defaultProps)for(B in Z=c.defaultProps,Z)K[B]===void 0&&(K[B]=Z[B]);return{$$typeof:w,type:c,key:Y,ref:ee,props:K,_owner:ze.current}}function Pt(c,v){return{$$typeof:w,type:c.type,key:v,ref:c.ref,props:c.props,_owner:c._owner}}function gt(c){return typeof c=="object"&&c!==null&&c.$$typeof===w}function Yt(c){var v={"=":"=0",":":"=2"};return"$"+c.replace(/[=:]/g,function(F){return v[F]})}var ft=/\/+/g;function Ve(c,v){return typeof c=="object"&&c!==null&&c.key!=null?Yt(""+c.key):v.toString(36)}function nt(c,v,F,B,K){var Y=typeof c;(Y==="undefined"||Y==="boolean")&&(c=null);var ee=!1;if(c===null)ee=!0;else switch(Y){case"string":case"number":ee=!0;break;case"object":switch(c.$$typeof){case w:case S:ee=!0}}if(ee)return ee=c,K=K(ee),c=B===""?"."+Ve(ee,0):B,Ce(K)?(F="",c!=null&&(F=c.replace(ft,"$&/")+"/"),nt(K,v,F,"",function($e){return $e})):K!=null&&(gt(K)&&(K=Pt(K,F+(!K.key||ee&&ee.key===K.key?"":(""+K.key).replace(ft,"$&/")+"/")+c)),v.push(K)),1;if(ee=0,B=B===""?".":B+":",Ce(c))for(var Z=0;Z<c.length;Z++){Y=c[Z];var le=B+Ve(Y,Z);ee+=nt(Y,v,F,le,K)}else if(le=H(c),typeof le=="function")for(c=le.call(c),Z=0;!(Y=c.next()).done;)Y=Y.value,le=B+Ve(Y,Z++),ee+=nt(Y,v,F,le,K);else if(Y==="object")throw v=String(c),Error("Objects are not valid as a React child (found: "+(v==="[object Object]"?"object with keys {"+Object.keys(c).join(", ")+"}":v)+"). If you meant to render a collection of children, use an array instead.");return ee}function dt(c,v,F){if(c==null)return c;var B=[],K=0;return nt(c,B,"","",function(Y){return v.call(F,Y,K++)}),B}function Me(c){if(c._status===-1){var v=c._result;v=v(),v.then(function(F){(c._status===0||c._status===-1)&&(c._status=1,c._result=F)},function(F){(c._status===0||c._status===-1)&&(c._status=2,c._result=F)}),c._status===-1&&(c._status=0,c._result=v)}if(c._status===1)return c._result.default;throw c._result}var se={current:null},E={transition:null},j={ReactCurrentDispatcher:se,ReactCurrentBatchConfig:E,ReactCurrentOwner:ze};function P(){throw Error("act(...) is not supported in production builds of React.")}return U.Children={map:dt,forEach:function(c,v,F){dt(c,function(){v.apply(this,arguments)},F)},count:function(c){var v=0;return dt(c,function(){v++}),v},toArray:function(c){return dt(c,function(v){return v})||[]},only:function(c){if(!gt(c))throw Error("React.Children.only expected to receive a single React element child.");return c}},U.Component=G,U.Fragment=d,U.Profiler=L,U.PureComponent=ct,U.StrictMode=x,U.Suspense=D,U.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=j,U.act=P,U.cloneElement=function(c,v,F){if(c==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+c+".");var B=C({},c.props),K=c.key,Y=c.ref,ee=c._owner;if(v!=null){if(v.ref!==void 0&&(Y=v.ref,ee=ze.current),v.key!==void 0&&(K=""+v.key),c.type&&c.type.defaultProps)var Z=c.type.defaultProps;for(le in v)tt.call(v,le)&&!Oe.hasOwnProperty(le)&&(B[le]=v[le]===void 0&&Z!==void 0?Z[le]:v[le])}var le=arguments.length-2;if(le===1)B.children=F;else if(1<le){Z=Array(le);for(var $e=0;$e<le;$e++)Z[$e]=arguments[$e+2];B.children=Z}return{$$typeof:w,type:c.type,key:K,ref:Y,props:B,_owner:ee}},U.createContext=function(c){return c={$$typeof:A,_currentValue:c,_currentValue2:c,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},c.Provider={$$typeof:V,_context:c},c.Consumer=c},U.createElement=Ke,U.createFactory=function(c){var v=Ke.bind(null,c);return v.type=c,v},U.createRef=function(){return{current:null}},U.forwardRef=function(c){return{$$typeof:$,render:c}},U.isValidElement=gt,U.lazy=function(c){return{$$typeof:pe,_payload:{_status:-1,_result:c},_init:Me}},U.memo=function(c,v){return{$$typeof:de,type:c,compare:v===void 0?null:v}},U.startTransition=function(c){var v=E.transition;E.transition={};try{c()}finally{E.transition=v}},U.unstable_act=P,U.useCallback=function(c,v){return se.current.useCallback(c,v)},U.useContext=function(c){return se.current.useContext(c)},U.useDebugValue=function(){},U.useDeferredValue=function(c){return se.current.useDeferredValue(c)},U.useEffect=function(c,v){return se.current.useEffect(c,v)},U.useId=function(){return se.current.useId()},U.useImperativeHandle=function(c,v,F){return se.current.useImperativeHandle(c,v,F)},U.useInsertionEffect=function(c,v){return se.current.useInsertionEffect(c,v)},U.useLayoutEffect=function(c,v){return se.current.useLayoutEffect(c,v)},U.useMemo=function(c,v){return se.current.useMemo(c,v)},U.useReducer=function(c,v,F){return se.current.useReducer(c,v,F)},U.useRef=function(c){return se.current.useRef(c)},U.useState=function(c){return se.current.useState(c)},U.useSyncExternalStore=function(c,v,F){return se.current.useSyncExternalStore(c,v,F)},U.useTransition=function(){return se.current.useTransition()},U.version="18.3.1",U}var Na;function Ro(){return Na||(Na=1,No.exports=Df()),No.exports}/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Pa;function Ff(){if(Pa)return gr;Pa=1;var w=Ro(),S=Symbol.for("react.element"),d=Symbol.for("react.fragment"),x=Object.prototype.hasOwnProperty,L=w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,V={key:!0,ref:!0,__self:!0,__source:!0};function A($,D,de){var pe,b={},H=null,he=null;de!==void 0&&(H=""+de),D.key!==void 0&&(H=""+D.key),D.ref!==void 0&&(he=D.ref);for(pe in D)x.call(D,pe)&&!V.hasOwnProperty(pe)&&(b[pe]=D[pe]);if($&&$.defaultProps)for(pe in D=$.defaultProps,D)b[pe]===void 0&&(b[pe]=D[pe]);return{$$typeof:S,type:$,key:H,ref:he,props:b,_owner:L.current}}return gr.Fragment=d,gr.jsx=A,gr.jsxs=A,gr}var za;function Af(){return za||(za=1,_o.exports=Ff()),_o.exports}var q=Af(),be=Ro(),Tl={},Po={exports:{}},Ue={},zo={exports:{}},To={};/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Ta;function Uf(){return Ta||(Ta=1,(function(w){function S(E,j){var P=E.length;E.push(j);e:for(;0<P;){var c=P-1>>>1,v=E[c];if(0<L(v,j))E[c]=j,E[P]=v,P=c;else break e}}function d(E){return E.length===0?null:E[0]}function x(E){if(E.length===0)return null;var j=E[0],P=E.pop();if(P!==j){E[0]=P;e:for(var c=0,v=E.length,F=v>>>1;c<F;){var B=2*(c+1)-1,K=E[B],Y=B+1,ee=E[Y];if(0>L(K,P))Y<v&&0>L(ee,K)?(E[c]=ee,E[Y]=P,c=Y):(E[c]=K,E[B]=P,c=B);else if(Y<v&&0>L(ee,P))E[c]=ee,E[Y]=P,c=Y;else break e}}return j}function L(E,j){var P=E.sortIndex-j.sortIndex;return P!==0?P:E.id-j.id}if(typeof performance=="object"&&typeof performance.now=="function"){var V=performance;w.unstable_now=function(){return V.now()}}else{var A=Date,$=A.now();w.unstable_now=function(){return A.now()-$}}var D=[],de=[],pe=1,b=null,H=3,he=!1,C=!1,W=!1,G=typeof setTimeout=="function"?setTimeout:null,Le=typeof clearTimeout=="function"?clearTimeout:null,ct=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function et(E){for(var j=d(de);j!==null;){if(j.callback===null)x(de);else if(j.startTime<=E)x(de),j.sortIndex=j.expirationTime,S(D,j);else break;j=d(de)}}function Ce(E){if(W=!1,et(E),!C)if(d(D)!==null)C=!0,Me(tt);else{var j=d(de);j!==null&&se(Ce,j.startTime-E)}}function tt(E,j){C=!1,W&&(W=!1,Le(Ke),Ke=-1),he=!0;var P=H;try{for(et(j),b=d(D);b!==null&&(!(b.expirationTime>j)||E&&!Yt());){var c=b.callback;if(typeof c=="function"){b.callback=null,H=b.priorityLevel;var v=c(b.expirationTime<=j);j=w.unstable_now(),typeof v=="function"?b.callback=v:b===d(D)&&x(D),et(j)}else x(D);b=d(D)}if(b!==null)var F=!0;else{var B=d(de);B!==null&&se(Ce,B.startTime-j),F=!1}return F}finally{b=null,H=P,he=!1}}var ze=!1,Oe=null,Ke=-1,Pt=5,gt=-1;function Yt(){return!(w.unstable_now()-gt<Pt)}function ft(){if(Oe!==null){var E=w.unstable_now();gt=E;var j=!0;try{j=Oe(!0,E)}finally{j?Ve():(ze=!1,Oe=null)}}else ze=!1}var Ve;if(typeof ct=="function")Ve=function(){ct(ft)};else if(typeof MessageChannel<"u"){var nt=new MessageChannel,dt=nt.port2;nt.port1.onmessage=ft,Ve=function(){dt.postMessage(null)}}else Ve=function(){G(ft,0)};function Me(E){Oe=E,ze||(ze=!0,Ve())}function se(E,j){Ke=G(function(){E(w.unstable_now())},j)}w.unstable_IdlePriority=5,w.unstable_ImmediatePriority=1,w.unstable_LowPriority=4,w.unstable_NormalPriority=3,w.unstable_Profiling=null,w.unstable_UserBlockingPriority=2,w.unstable_cancelCallback=function(E){E.callback=null},w.unstable_continueExecution=function(){C||he||(C=!0,Me(tt))},w.unstable_forceFrameRate=function(E){0>E||125<E?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):Pt=0<E?Math.floor(1e3/E):5},w.unstable_getCurrentPriorityLevel=function(){return H},w.unstable_getFirstCallbackNode=function(){return d(D)},w.unstable_next=function(E){switch(H){case 1:case 2:case 3:var j=3;break;default:j=H}var P=H;H=j;try{return E()}finally{H=P}},w.unstable_pauseExecution=function(){},w.unstable_requestPaint=function(){},w.unstable_runWithPriority=function(E,j){switch(E){case 1:case 2:case 3:case 4:case 5:break;default:E=3}var P=H;H=E;try{return j()}finally{H=P}},w.unstable_scheduleCallback=function(E,j,P){var c=w.unstable_now();switch(typeof P=="object"&&P!==null?(P=P.delay,P=typeof P=="number"&&0<P?c+P:c):P=c,E){case 1:var v=-1;break;case 2:v=250;break;case 5:v=1073741823;break;case 4:v=1e4;break;default:v=5e3}return v=P+v,E={id:pe++,callback:j,priorityLevel:E,startTime:P,expirationTime:v,sortIndex:-1},P>c?(E.sortIndex=P,S(de,E),d(D)===null&&E===d(de)&&(W?(Le(Ke),Ke=-1):W=!0,se(Ce,P-c))):(E.sortIndex=v,S(D,E),C||he||(C=!0,Me(tt))),E},w.unstable_shouldYield=Yt,w.unstable_wrapCallback=function(E){var j=H;return function(){var P=H;H=j;try{return E.apply(this,arguments)}finally{H=P}}}})(To)),To}var Ra;function Vf(){return Ra||(Ra=1,zo.exports=Uf()),zo.exports}/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var La;function $f(){if(La)return Ue;La=1;var w=Ro(),S=Vf();function d(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var x=new Set,L={};function V(e,t){A(e,t),A(e+"Capture",t)}function A(e,t){for(L[e]=t,e=0;e<t.length;e++)x.add(t[e])}var $=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),D=Object.prototype.hasOwnProperty,de=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,pe={},b={};function H(e){return D.call(b,e)?!0:D.call(pe,e)?!1:de.test(e)?b[e]=!0:(pe[e]=!0,!1)}function he(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function C(e,t,n,r){if(t===null||typeof t>"u"||he(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function W(e,t,n,r,l,u,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=u,this.removeEmptyString=o}var G={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){G[e]=new W(e,0,!1,e,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];G[t]=new W(t,1,!1,e[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){G[e]=new W(e,2,!1,e.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){G[e]=new W(e,2,!1,e,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){G[e]=new W(e,3,!1,e.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(e){G[e]=new W(e,3,!0,e,null,!1,!1)}),["capture","download"].forEach(function(e){G[e]=new W(e,4,!1,e,null,!1,!1)}),["cols","rows","size","span"].forEach(function(e){G[e]=new W(e,6,!1,e,null,!1,!1)}),["rowSpan","start"].forEach(function(e){G[e]=new W(e,5,!1,e.toLowerCase(),null,!1,!1)});var Le=/[\-:]([a-z])/g;function ct(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Le,ct);G[t]=new W(t,1,!1,e,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Le,ct);G[t]=new W(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Le,ct);G[t]=new W(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(e){G[e]=new W(e,1,!1,e.toLowerCase(),null,!1,!1)}),G.xlinkHref=new W("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(e){G[e]=new W(e,1,!1,e.toLowerCase(),null,!0,!0)});function et(e,t,n,r){var l=G.hasOwnProperty(t)?G[t]:null;(l!==null?l.type!==0:r||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(C(t,n,l,r)&&(n=null),r||l===null?H(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,""+n)):l.mustUseProperty?e[l.propertyName]=n===null?l.type===3?!1:"":n:(t=l.attributeName,r=l.attributeNamespace,n===null?e.removeAttribute(t):(l=l.type,n=l===3||l===4&&n===!0?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}var Ce=w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,tt=Symbol.for("react.element"),ze=Symbol.for("react.portal"),Oe=Symbol.for("react.fragment"),Ke=Symbol.for("react.strict_mode"),Pt=Symbol.for("react.profiler"),gt=Symbol.for("react.provider"),Yt=Symbol.for("react.context"),ft=Symbol.for("react.forward_ref"),Ve=Symbol.for("react.suspense"),nt=Symbol.for("react.suspense_list"),dt=Symbol.for("react.memo"),Me=Symbol.for("react.lazy"),se=Symbol.for("react.offscreen"),E=Symbol.iterator;function j(e){return e===null||typeof e!="object"?null:(e=E&&e[E]||e["@@iterator"],typeof e=="function"?e:null)}var P=Object.assign,c;function v(e){if(c===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);c=t&&t[1]||""}return`
+`+c+e}var F=!1;function B(e,t){if(!e||F)return"";F=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(m){var r=m}Reflect.construct(e,[],t)}else{try{t.call()}catch(m){r=m}e.call(t.prototype)}else{try{throw Error()}catch(m){r=m}e()}}catch(m){if(m&&r&&typeof m.stack=="string"){for(var l=m.stack.split(`
+`),u=r.stack.split(`
+`),o=l.length-1,i=u.length-1;1<=o&&0<=i&&l[o]!==u[i];)i--;for(;1<=o&&0<=i;o--,i--)if(l[o]!==u[i]){if(o!==1||i!==1)do if(o--,i--,0>i||l[o]!==u[i]){var s=`
+`+l[o].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}while(1<=o&&0<=i);break}}}finally{F=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?v(e):""}function K(e){switch(e.tag){case 5:return v(e.type);case 16:return v("Lazy");case 13:return v("Suspense");case 19:return v("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1),e;case 11:return e=B(e.type.render,!1),e;case 1:return e=B(e.type,!0),e;default:return""}}function Y(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Oe:return"Fragment";case ze:return"Portal";case Pt:return"Profiler";case Ke:return"StrictMode";case Ve:return"Suspense";case nt:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Yt:return(e.displayName||"Context")+".Consumer";case gt:return(e._context.displayName||"Context")+".Provider";case ft:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case dt:return t=e.displayName||null,t!==null?t:Y(e.type)||"Memo";case Me:t=e._payload,e=e._init;try{return Y(e(t))}catch{}}return null}function ee(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Y(t);case 8:return t===Ke?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function Z(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function le(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function $e(e){var t=le(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,u=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(o){r=""+o,u.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(o){r=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function wr(e){e._valueTracker||(e._valueTracker=$e(e))}function Lo(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=le(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function kr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Rl(e,t){var n=t.checked;return P({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Oo(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=Z(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function Mo(e,t){t=t.checked,t!=null&&et(e,"checked",t,!1)}function Ll(e,t){Mo(e,t);var n=Z(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Ol(e,t.type,n):t.hasOwnProperty("defaultValue")&&Ol(e,t.type,Z(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function jo(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Ol(e,t,n){(t!=="number"||kr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Mn=Array.isArray;function sn(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l<n.length;l++)t["$"+n[l]]=!0;for(n=0;n<e.length;n++)l=t.hasOwnProperty("$"+e[n].value),e[n].selected!==l&&(e[n].selected=l),l&&r&&(e[n].defaultSelected=!0)}else{for(n=""+Z(n),t=null,l=0;l<e.length;l++){if(e[l].value===n){e[l].selected=!0,r&&(e[l].defaultSelected=!0);return}t!==null||e[l].disabled||(t=e[l])}t!==null&&(t.selected=!0)}}function Ml(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(d(91));return P({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function Io(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(d(92));if(Mn(n)){if(1<n.length)throw Error(d(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:Z(n)}}function Do(e,t){var n=Z(t.value),r=Z(t.defaultValue);n!=null&&(n=""+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),r!=null&&(e.defaultValue=""+r)}function Fo(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function Ao(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function jl(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?Ao(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var Sr,Uo=(function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(t,n,r,l){MSApp.execUnsafeLocalFunction(function(){return e(t,n,r,l)})}:e})(function(e,t){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=t;else{for(Sr=Sr||document.createElement("div"),Sr.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Sr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function jn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var In={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Fa=["Webkit","ms","Moz","O"];Object.keys(In).forEach(function(e){Fa.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),In[t]=In[e]})});function Vo(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||In.hasOwnProperty(e)&&In[e]?(""+t).trim():t+"px"}function $o(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=Vo(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var Aa=P({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Il(e,t){if(t){if(Aa[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(d(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(d(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(d(61))}if(t.style!=null&&typeof t.style!="object")throw Error(d(62))}}function Dl(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Fl=null;function Al(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Ul=null,an=null,cn=null;function Bo(e){if(e=rr(e)){if(typeof Ul!="function")throw Error(d(280));var t=e.stateNode;t&&(t=Wr(t),Ul(e.stateNode,e.type,t))}}function Ho(e){an?cn?cn.push(e):cn=[e]:an=e}function Wo(){if(an){var e=an,t=cn;if(cn=an=null,Bo(e),t)for(e=0;e<t.length;e++)Bo(t[e])}}function Qo(e,t){return e(t)}function Ko(){}var Vl=!1;function Yo(e,t,n){if(Vl)return e(t,n);Vl=!0;try{return Qo(e,t,n)}finally{Vl=!1,(an!==null||cn!==null)&&(Ko(),Wo())}}function Dn(e,t){var n=e.stateNode;if(n===null)return null;var r=Wr(n);if(r===null)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(e=e.type,r=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!r;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(d(231,t,typeof n));return n}var $l=!1;if($)try{var Fn={};Object.defineProperty(Fn,"passive",{get:function(){$l=!0}}),window.addEventListener("test",Fn,Fn),window.removeEventListener("test",Fn,Fn)}catch{$l=!1}function Ua(e,t,n,r,l,u,o,i,s){var m=Array.prototype.slice.call(arguments,3);try{t.apply(n,m)}catch(y){this.onError(y)}}var An=!1,Er=null,Cr=!1,Bl=null,Va={onError:function(e){An=!0,Er=e}};function $a(e,t,n,r,l,u,o,i,s){An=!1,Er=null,Ua.apply(Va,arguments)}function Ba(e,t,n,r,l,u,o,i,s){if($a.apply(this,arguments),An){if(An){var m=Er;An=!1,Er=null}else throw Error(d(198));Cr||(Cr=!0,Bl=m)}}function Xt(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,(t.flags&4098)!==0&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function Xo(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function Go(e){if(Xt(e)!==e)throw Error(d(188))}function Ha(e){var t=e.alternate;if(!t){if(t=Xt(e),t===null)throw Error(d(188));return t!==e?null:e}for(var n=e,r=t;;){var l=n.return;if(l===null)break;var u=l.alternate;if(u===null){if(r=l.return,r!==null){n=r;continue}break}if(l.child===u.child){for(u=l.child;u;){if(u===n)return Go(l),e;if(u===r)return Go(l),t;u=u.sibling}throw Error(d(188))}if(n.return!==r.return)n=l,r=u;else{for(var o=!1,i=l.child;i;){if(i===n){o=!0,n=l,r=u;break}if(i===r){o=!0,r=l,n=u;break}i=i.sibling}if(!o){for(i=u.child;i;){if(i===n){o=!0,n=u,r=l;break}if(i===r){o=!0,r=u,n=l;break}i=i.sibling}if(!o)throw Error(d(189))}}if(n.alternate!==r)throw Error(d(190))}if(n.tag!==3)throw Error(d(188));return n.stateNode.current===n?e:t}function Zo(e){return e=Ha(e),e!==null?Jo(e):null}function Jo(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=Jo(e);if(t!==null)return t;e=e.sibling}return null}var qo=S.unstable_scheduleCallback,bo=S.unstable_cancelCallback,Wa=S.unstable_shouldYield,Qa=S.unstable_requestPaint,ce=S.unstable_now,Ka=S.unstable_getCurrentPriorityLevel,Hl=S.unstable_ImmediatePriority,ei=S.unstable_UserBlockingPriority,xr=S.unstable_NormalPriority,Ya=S.unstable_LowPriority,ti=S.unstable_IdlePriority,_r=null,pt=null;function Xa(e){if(pt&&typeof pt.onCommitFiberRoot=="function")try{pt.onCommitFiberRoot(_r,e,void 0,(e.current.flags&128)===128)}catch{}}var rt=Math.clz32?Math.clz32:Ja,Ga=Math.log,Za=Math.LN2;function Ja(e){return e>>>=0,e===0?32:31-(Ga(e)/Za|0)|0}var Nr=64,Pr=4194304;function Un(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function zr(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,u=e.pingedLanes,o=n&268435455;if(o!==0){var i=o&~l;i!==0?r=Un(i):(u&=o,u!==0&&(r=Un(u)))}else o=n&~l,o!==0?r=Un(o):u!==0&&(r=Un(u));if(r===0)return 0;if(t!==0&&t!==r&&(t&l)===0&&(l=r&-r,u=t&-t,l>=u||l===16&&(u&4194240)!==0))return t;if((r&4)!==0&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0<t;)n=31-rt(t),l=1<<n,r|=e[n],t&=~l;return r}function qa(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function ba(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,l=e.expirationTimes,u=e.pendingLanes;0<u;){var o=31-rt(u),i=1<<o,s=l[o];s===-1?((i&n)===0||(i&r)!==0)&&(l[o]=qa(i,t)):s<=t&&(e.expiredLanes|=i),u&=~i}}function Wl(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function ni(){var e=Nr;return Nr<<=1,(Nr&4194240)===0&&(Nr=64),e}function Ql(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Vn(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-rt(t),e[t]=n}function ec(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var l=31-rt(n),u=1<<l;t[l]=0,r[l]=-1,e[l]=-1,n&=~u}}function Kl(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-rt(n),l=1<<r;l&t|e[r]&t&&(e[r]|=t),n&=~l}}var J=0;function ri(e){return e&=-e,1<e?4<e?(e&268435455)!==0?16:536870912:4:1}var li,Yl,ui,oi,ii,Xl=!1,Tr=[],zt=null,Tt=null,Rt=null,$n=new Map,Bn=new Map,Lt=[],tc="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function si(e,t){switch(e){case"focusin":case"focusout":zt=null;break;case"dragenter":case"dragleave":Tt=null;break;case"mouseover":case"mouseout":Rt=null;break;case"pointerover":case"pointerout":$n.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Bn.delete(t.pointerId)}}function Hn(e,t,n,r,l,u){return e===null||e.nativeEvent!==u?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:u,targetContainers:[l]},t!==null&&(t=rr(t),t!==null&&Yl(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,l!==null&&t.indexOf(l)===-1&&t.push(l),e)}function nc(e,t,n,r,l){switch(t){case"focusin":return zt=Hn(zt,e,t,n,r,l),!0;case"dragenter":return Tt=Hn(Tt,e,t,n,r,l),!0;case"mouseover":return Rt=Hn(Rt,e,t,n,r,l),!0;case"pointerover":var u=l.pointerId;return $n.set(u,Hn($n.get(u)||null,e,t,n,r,l)),!0;case"gotpointercapture":return u=l.pointerId,Bn.set(u,Hn(Bn.get(u)||null,e,t,n,r,l)),!0}return!1}function ai(e){var t=Gt(e.target);if(t!==null){var n=Xt(t);if(n!==null){if(t=n.tag,t===13){if(t=Xo(n),t!==null){e.blockedOn=t,ii(e.priority,function(){ui(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Rr(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=Zl(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);Fl=r,n.target.dispatchEvent(r),Fl=null}else return t=rr(n),t!==null&&Yl(t),e.blockedOn=n,!1;t.shift()}return!0}function ci(e,t,n){Rr(e)&&n.delete(t)}function rc(){Xl=!1,zt!==null&&Rr(zt)&&(zt=null),Tt!==null&&Rr(Tt)&&(Tt=null),Rt!==null&&Rr(Rt)&&(Rt=null),$n.forEach(ci),Bn.forEach(ci)}function Wn(e,t){e.blockedOn===t&&(e.blockedOn=null,Xl||(Xl=!0,S.unstable_scheduleCallback(S.unstable_NormalPriority,rc)))}function Qn(e){function t(l){return Wn(l,e)}if(0<Tr.length){Wn(Tr[0],e);for(var n=1;n<Tr.length;n++){var r=Tr[n];r.blockedOn===e&&(r.blockedOn=null)}}for(zt!==null&&Wn(zt,e),Tt!==null&&Wn(Tt,e),Rt!==null&&Wn(Rt,e),$n.forEach(t),Bn.forEach(t),n=0;n<Lt.length;n++)r=Lt[n],r.blockedOn===e&&(r.blockedOn=null);for(;0<Lt.length&&(n=Lt[0],n.blockedOn===null);)ai(n),n.blockedOn===null&&Lt.shift()}var fn=Ce.ReactCurrentBatchConfig,Lr=!0;function lc(e,t,n,r){var l=J,u=fn.transition;fn.transition=null;try{J=1,Gl(e,t,n,r)}finally{J=l,fn.transition=u}}function uc(e,t,n,r){var l=J,u=fn.transition;fn.transition=null;try{J=4,Gl(e,t,n,r)}finally{J=l,fn.transition=u}}function Gl(e,t,n,r){if(Lr){var l=Zl(e,t,n,r);if(l===null)pu(e,t,r,Or,n),si(e,r);else if(nc(l,e,t,n,r))r.stopPropagation();else if(si(e,r),t&4&&-1<tc.indexOf(e)){for(;l!==null;){var u=rr(l);if(u!==null&&li(u),u=Zl(e,t,n,r),u===null&&pu(e,t,r,Or,n),u===l)break;l=u}l!==null&&r.stopPropagation()}else pu(e,t,r,null,n)}}var Or=null;function Zl(e,t,n,r){if(Or=null,e=Al(r),e=Gt(e),e!==null)if(t=Xt(e),t===null)e=null;else if(n=t.tag,n===13){if(e=Xo(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Or=e,null}function fi(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Ka()){case Hl:return 1;case ei:return 4;case xr:case Ya:return 16;case ti:return 536870912;default:return 16}default:return 16}}var Ot=null,Jl=null,Mr=null;function di(){if(Mr)return Mr;var e,t=Jl,n=t.length,r,l="value"in Ot?Ot.value:Ot.textContent,u=l.length;for(e=0;e<n&&t[e]===l[e];e++);var o=n-e;for(r=1;r<=o&&t[n-r]===l[u-r];r++);return Mr=l.slice(e,1<r?1-r:void 0)}function jr(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Ir(){return!0}function pi(){return!1}function Be(e){function t(n,r,l,u,o){this._reactName=n,this._targetInst=l,this.type=r,this.nativeEvent=u,this.target=o,this.currentTarget=null;for(var i in e)e.hasOwnProperty(i)&&(n=e[i],this[i]=n?n(u):u[i]);return this.isDefaultPrevented=(u.defaultPrevented!=null?u.defaultPrevented:u.returnValue===!1)?Ir:pi,this.isPropagationStopped=pi,this}return P(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Ir)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Ir)},persist:function(){},isPersistent:Ir}),t}var dn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},ql=Be(dn),Kn=P({},dn,{view:0,detail:0}),oc=Be(Kn),bl,eu,Yn,Dr=P({},Kn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:nu,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==Yn&&(Yn&&e.type==="mousemove"?(bl=e.screenX-Yn.screenX,eu=e.screenY-Yn.screenY):eu=bl=0,Yn=e),bl)},movementY:function(e){return"movementY"in e?e.movementY:eu}}),mi=Be(Dr),ic=P({},Dr,{dataTransfer:0}),sc=Be(ic),ac=P({},Kn,{relatedTarget:0}),tu=Be(ac),cc=P({},dn,{animationName:0,elapsedTime:0,pseudoElement:0}),fc=Be(cc),dc=P({},dn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),pc=Be(dc),mc=P({},dn,{data:0}),hi=Be(mc),hc={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},vc={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},yc={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function gc(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=yc[e])?!!t[e]:!1}function nu(){return gc}var wc=P({},Kn,{key:function(e){if(e.key){var t=hc[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=jr(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?vc[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:nu,charCode:function(e){return e.type==="keypress"?jr(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?jr(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),kc=Be(wc),Sc=P({},Dr,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),vi=Be(Sc),Ec=P({},Kn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:nu}),Cc=Be(Ec),xc=P({},dn,{propertyName:0,elapsedTime:0,pseudoElement:0}),_c=Be(xc),Nc=P({},Dr,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Pc=Be(Nc),zc=[9,13,27,32],ru=$&&"CompositionEvent"in window,Xn=null;$&&"documentMode"in document&&(Xn=document.documentMode);var Tc=$&&"TextEvent"in window&&!Xn,yi=$&&(!ru||Xn&&8<Xn&&11>=Xn),gi=" ",wi=!1;function ki(e,t){switch(e){case"keyup":return zc.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Si(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var pn=!1;function Rc(e,t){switch(e){case"compositionend":return Si(t);case"keypress":return t.which!==32?null:(wi=!0,gi);case"textInput":return e=t.data,e===gi&&wi?null:e;default:return null}}function Lc(e,t){if(pn)return e==="compositionend"||!ru&&ki(e,t)?(e=di(),Mr=Jl=Ot=null,pn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return yi&&t.locale!=="ko"?null:t.data;default:return null}}var Oc={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Ei(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!Oc[e.type]:t==="textarea"}function Ci(e,t,n,r){Ho(r),t=$r(t,"onChange"),0<t.length&&(n=new ql("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Zn=null;function Mc(e){$i(e,0)}function Fr(e){var t=gn(e);if(Lo(t))return e}function jc(e,t){if(e==="change")return t}var xi=!1;if($){var lu;if($){var uu="oninput"in document;if(!uu){var _i=document.createElement("div");_i.setAttribute("oninput","return;"),uu=typeof _i.oninput=="function"}lu=uu}else lu=!1;xi=lu&&(!document.documentMode||9<document.documentMode)}function Ni(){Gn&&(Gn.detachEvent("onpropertychange",Pi),Zn=Gn=null)}function Pi(e){if(e.propertyName==="value"&&Fr(Zn)){var t=[];Ci(t,Zn,e,Al(e)),Yo(Mc,t)}}function Ic(e,t,n){e==="focusin"?(Ni(),Gn=t,Zn=n,Gn.attachEvent("onpropertychange",Pi)):e==="focusout"&&Ni()}function Dc(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Fr(Zn)}function Fc(e,t){if(e==="click")return Fr(t)}function Ac(e,t){if(e==="input"||e==="change")return Fr(t)}function Uc(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var lt=typeof Object.is=="function"?Object.is:Uc;function Jn(e,t){if(lt(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var l=n[r];if(!D.call(t,l)||!lt(e[l],t[l]))return!1}return!0}function zi(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ti(e,t){var n=zi(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=zi(n)}}function Ri(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Ri(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Li(){for(var e=window,t=kr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=kr(e.document)}return t}function ou(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Vc(e){var t=Li(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Ri(n.ownerDocument.documentElement,n)){if(r!==null&&ou(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,u=Math.min(r.start,l);r=r.end===void 0?u:Math.min(r.end,l),!e.extend&&u>r&&(l=r,r=u,u=l),l=Ti(n,u);var o=Ti(n,r);l&&o&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),u>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var $c=$&&"documentMode"in document&&11>=document.documentMode,mn=null,iu=null,qn=null,su=!1;function Oi(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;su||mn==null||mn!==kr(r)||(r=mn,"selectionStart"in r&&ou(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),qn&&Jn(qn,r)||(qn=r,r=$r(iu,"onSelect"),0<r.length&&(t=new ql("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=mn)))}function Ar(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var hn={animationend:Ar("Animation","AnimationEnd"),animationiteration:Ar("Animation","AnimationIteration"),animationstart:Ar("Animation","AnimationStart"),transitionend:Ar("Transition","TransitionEnd")},au={},Mi={};$&&(Mi=document.createElement("div").style,"AnimationEvent"in window||(delete hn.animationend.animation,delete hn.animationiteration.animation,delete hn.animationstart.animation),"TransitionEvent"in window||delete hn.transitionend.transition);function Ur(e){if(au[e])return au[e];if(!hn[e])return e;var t=hn[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in Mi)return au[e]=t[n];return e}var ji=Ur("animationend"),Ii=Ur("animationiteration"),Di=Ur("animationstart"),Fi=Ur("transitionend"),Ai=new Map,Ui="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Mt(e,t){Ai.set(e,t),V(t,[e])}for(var cu=0;cu<Ui.length;cu++){var fu=Ui[cu],Bc=fu.toLowerCase(),Hc=fu[0].toUpperCase()+fu.slice(1);Mt(Bc,"on"+Hc)}Mt(ji,"onAnimationEnd"),Mt(Ii,"onAnimationIteration"),Mt(Di,"onAnimationStart"),Mt("dblclick","onDoubleClick"),Mt("focusin","onFocus"),Mt("focusout","onBlur"),Mt(Fi,"onTransitionEnd"),A("onMouseEnter",["mouseout","mouseover"]),A("onMouseLeave",["mouseout","mouseover"]),A("onPointerEnter",["pointerout","pointerover"]),A("onPointerLeave",["pointerout","pointerover"]),V("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),V("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),V("onBeforeInput",["compositionend","keypress","textInput","paste"]),V("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),V("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),V("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var bn="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Wc=new Set("cancel close invalid load scroll toggle".split(" ").concat(bn));function Vi(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,Ba(r,t,void 0,e),e.currentTarget=null}function $i(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var r=e[n],l=r.event;r=r.listeners;e:{var u=void 0;if(t)for(var o=r.length-1;0<=o;o--){var i=r[o],s=i.instance,m=i.currentTarget;if(i=i.listener,s!==u&&l.isPropagationStopped())break e;Vi(l,i,m),u=s}else for(o=0;o<r.length;o++){if(i=r[o],s=i.instance,m=i.currentTarget,i=i.listener,s!==u&&l.isPropagationStopped())break e;Vi(l,i,m),u=s}}}if(Cr)throw e=Bl,Cr=!1,Bl=null,e}function ne(e,t){var n=t[wu];n===void 0&&(n=t[wu]=new Set);var r=e+"__bubble";n.has(r)||(Bi(t,e,2,!1),n.add(r))}function du(e,t,n){var r=0;t&&(r|=4),Bi(n,e,r,t)}var Vr="_reactListening"+Math.random().toString(36).slice(2);function er(e){if(!e[Vr]){e[Vr]=!0,x.forEach(function(n){n!=="selectionchange"&&(Wc.has(n)||du(n,!1,e),du(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Vr]||(t[Vr]=!0,du("selectionchange",!1,t))}}function Bi(e,t,n,r){switch(fi(t)){case 1:var l=lc;break;case 4:l=uc;break;default:l=Gl}n=l.bind(null,t,n,e),l=void 0,!$l||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(l=!0),r?l!==void 0?e.addEventListener(t,n,{capture:!0,passive:l}):e.addEventListener(t,n,!0):l!==void 0?e.addEventListener(t,n,{passive:l}):e.addEventListener(t,n,!1)}function pu(e,t,n,r,l){var u=r;if((t&1)===0&&(t&2)===0&&r!==null)e:for(;;){if(r===null)return;var o=r.tag;if(o===3||o===4){var i=r.stateNode.containerInfo;if(i===l||i.nodeType===8&&i.parentNode===l)break;if(o===4)for(o=r.return;o!==null;){var s=o.tag;if((s===3||s===4)&&(s=o.stateNode.containerInfo,s===l||s.nodeType===8&&s.parentNode===l))return;o=o.return}for(;i!==null;){if(o=Gt(i),o===null)return;if(s=o.tag,s===5||s===6){r=u=o;continue e}i=i.parentNode}}r=r.return}Yo(function(){var m=u,y=Al(n),g=[];e:{var h=Ai.get(e);if(h!==void 0){var _=ql,z=e;switch(e){case"keypress":if(jr(n)===0)break e;case"keydown":case"keyup":_=kc;break;case"focusin":z="focus",_=tu;break;case"focusout":z="blur",_=tu;break;case"beforeblur":case"afterblur":_=tu;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":_=mi;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":_=sc;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":_=Cc;break;case ji:case Ii:case Di:_=fc;break;case Fi:_=_c;break;case"scroll":_=oc;break;case"wheel":_=Pc;break;case"copy":case"cut":case"paste":_=pc;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":_=vi}var T=(t&4)!==0,fe=!T&&e==="scroll",f=T?h!==null?h+"Capture":null:h;T=[];for(var a=m,p;a!==null;){p=a;var k=p.stateNode;if(p.tag===5&&k!==null&&(p=k,f!==null&&(k=Dn(a,f),k!=null&&T.push(tr(a,k,p)))),fe)break;a=a.return}0<T.length&&(h=new _(h,z,null,n,y),g.push({event:h,listeners:T}))}}if((t&7)===0){e:{if(h=e==="mouseover"||e==="pointerover",_=e==="mouseout"||e==="pointerout",h&&n!==Fl&&(z=n.relatedTarget||n.fromElement)&&(Gt(z)||z[wt]))break e;if((_||h)&&(h=y.window===y?y:(h=y.ownerDocument)?h.defaultView||h.parentWindow:window,_?(z=n.relatedTarget||n.toElement,_=m,z=z?Gt(z):null,z!==null&&(fe=Xt(z),z!==fe||z.tag!==5&&z.tag!==6)&&(z=null)):(_=null,z=m),_!==z)){if(T=mi,k="onMouseLeave",f="onMouseEnter",a="mouse",(e==="pointerout"||e==="pointerover")&&(T=vi,k="onPointerLeave",f="onPointerEnter",a="pointer"),fe=_==null?h:gn(_),p=z==null?h:gn(z),h=new T(k,a+"leave",_,n,y),h.target=fe,h.relatedTarget=p,k=null,Gt(y)===m&&(T=new T(f,a+"enter",z,n,y),T.target=p,T.relatedTarget=fe,k=T),fe=k,_&&z)t:{for(T=_,f=z,a=0,p=T;p;p=vn(p))a++;for(p=0,k=f;k;k=vn(k))p++;for(;0<a-p;)T=vn(T),a--;for(;0<p-a;)f=vn(f),p--;for(;a--;){if(T===f||f!==null&&T===f.alternate)break t;T=vn(T),f=vn(f)}T=null}else T=null;_!==null&&Hi(g,h,_,T,!1),z!==null&&fe!==null&&Hi(g,fe,z,T,!0)}}e:{if(h=m?gn(m):window,_=h.nodeName&&h.nodeName.toLowerCase(),_==="select"||_==="input"&&h.type==="file")var R=jc;else if(Ei(h))if(xi)R=Ac;else{R=Dc;var O=Ic}else(_=h.nodeName)&&_.toLowerCase()==="input"&&(h.type==="checkbox"||h.type==="radio")&&(R=Fc);if(R&&(R=R(e,m))){Ci(g,R,n,y);break e}O&&O(e,h,m),e==="focusout"&&(O=h._wrapperState)&&O.controlled&&h.type==="number"&&Ol(h,"number",h.value)}switch(O=m?gn(m):window,e){case"focusin":(Ei(O)||O.contentEditable==="true")&&(mn=O,iu=m,qn=null);break;case"focusout":qn=iu=mn=null;break;case"mousedown":su=!0;break;case"contextmenu":case"mouseup":case"dragend":su=!1,Oi(g,n,y);break;case"selectionchange":if($c)break;case"keydown":case"keyup":Oi(g,n,y)}var M;if(ru)e:{switch(e){case"compositionstart":var I="onCompositionStart";break e;case"compositionend":I="onCompositionEnd";break e;case"compositionupdate":I="onCompositionUpdate";break e}I=void 0}else pn?ki(e,n)&&(I="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(I="onCompositionStart");I&&(yi&&n.locale!=="ko"&&(pn||I!=="onCompositionStart"?I==="onCompositionEnd"&&pn&&(M=di()):(Ot=y,Jl="value"in Ot?Ot.value:Ot.textContent,pn=!0)),O=$r(m,I),0<O.length&&(I=new hi(I,e,null,n,y),g.push({event:I,listeners:O}),M?I.data=M:(M=Si(n),M!==null&&(I.data=M)))),(M=Tc?Rc(e,n):Lc(e,n))&&(m=$r(m,"onBeforeInput"),0<m.length&&(y=new hi("onBeforeInput","beforeinput",null,n,y),g.push({event:y,listeners:m}),y.data=M))}$i(g,t)})}function tr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function $r(e,t){for(var n=t+"Capture",r=[];e!==null;){var l=e,u=l.stateNode;l.tag===5&&u!==null&&(l=u,u=Dn(e,n),u!=null&&r.unshift(tr(e,u,l)),u=Dn(e,t),u!=null&&r.push(tr(e,u,l))),e=e.return}return r}function vn(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function Hi(e,t,n,r,l){for(var u=t._reactName,o=[];n!==null&&n!==r;){var i=n,s=i.alternate,m=i.stateNode;if(s!==null&&s===r)break;i.tag===5&&m!==null&&(i=m,l?(s=Dn(n,u),s!=null&&o.unshift(tr(n,s,i))):l||(s=Dn(n,u),s!=null&&o.push(tr(n,s,i)))),n=n.return}o.length!==0&&e.push({event:t,listeners:o})}var Qc=/\r\n?/g,Kc=/\u0000|\uFFFD/g;function Wi(e){return(typeof e=="string"?e:""+e).replace(Qc,`
+`).replace(Kc,"")}function Br(e,t,n){if(t=Wi(t),Wi(e)!==t&&n)throw Error(d(425))}function Hr(){}var mu=null,hu=null;function vu(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var yu=typeof setTimeout=="function"?setTimeout:void 0,Yc=typeof clearTimeout=="function"?clearTimeout:void 0,Qi=typeof Promise=="function"?Promise:void 0,Xc=typeof queueMicrotask=="function"?queueMicrotask:typeof Qi<"u"?function(e){return Qi.resolve(null).then(e).catch(Gc)}:yu;function Gc(e){setTimeout(function(){throw e})}function gu(e,t){var n=t,r=0;do{var l=n.nextSibling;if(e.removeChild(n),l&&l.nodeType===8)if(n=l.data,n==="/$"){if(r===0){e.removeChild(l),Qn(t);return}r--}else n!=="$"&&n!=="$?"&&n!=="$!"||r++;n=l}while(n);Qn(t)}function jt(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?")break;if(t==="/$")return null}}return e}function Ki(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}var yn=Math.random().toString(36).slice(2),mt="__reactFiber$"+yn,nr="__reactProps$"+yn,wt="__reactContainer$"+yn,wu="__reactEvents$"+yn,Zc="__reactListeners$"+yn,Jc="__reactHandles$"+yn;function Gt(e){var t=e[mt];if(t)return t;for(var n=e.parentNode;n;){if(t=n[wt]||n[mt]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=Ki(e);e!==null;){if(n=e[mt])return n;e=Ki(e)}return t}e=n,n=e.parentNode}return null}function rr(e){return e=e[mt]||e[wt],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function gn(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(d(33))}function Wr(e){return e[nr]||null}var ku=[],wn=-1;function It(e){return{current:e}}function re(e){0>wn||(e.current=ku[wn],ku[wn]=null,wn--)}function te(e,t){wn++,ku[wn]=e.current,e.current=t}var Dt={},xe=It(Dt),je=It(!1),Zt=Dt;function kn(e,t){var n=e.type.contextTypes;if(!n)return Dt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},u;for(u in n)l[u]=t[u];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function Ie(e){return e=e.childContextTypes,e!=null}function Qr(){re(je),re(xe)}function Yi(e,t,n){if(xe.current!==Dt)throw Error(d(168));te(xe,t),te(je,n)}function Xi(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(d(108,ee(e)||"Unknown",l));return P({},n,r)}function Kr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Dt,Zt=xe.current,te(xe,e),te(je,je.current),!0}function Gi(e,t,n){var r=e.stateNode;if(!r)throw Error(d(169));n?(e=Xi(e,t,Zt),r.__reactInternalMemoizedMergedChildContext=e,re(je),re(xe),te(xe,e)):re(je),te(je,n)}var kt=null,Yr=!1,Su=!1;function Zi(e){kt===null?kt=[e]:kt.push(e)}function qc(e){Yr=!0,Zi(e)}function Ft(){if(!Su&&kt!==null){Su=!0;var e=0,t=J;try{var n=kt;for(J=1;e<n.length;e++){var r=n[e];do r=r(!0);while(r!==null)}kt=null,Yr=!1}catch(l){throw kt!==null&&(kt=kt.slice(e+1)),qo(Hl,Ft),l}finally{J=t,Su=!1}}return null}var Sn=[],En=0,Xr=null,Gr=0,Ye=[],Xe=0,Jt=null,St=1,Et="";function qt(e,t){Sn[En++]=Gr,Sn[En++]=Xr,Xr=e,Gr=t}function Ji(e,t,n){Ye[Xe++]=St,Ye[Xe++]=Et,Ye[Xe++]=Jt,Jt=e;var r=St;e=Et;var l=32-rt(r)-1;r&=~(1<<l),n+=1;var u=32-rt(t)+l;if(30<u){var o=l-l%5;u=(r&(1<<o)-1).toString(32),r>>=o,l-=o,St=1<<32-rt(t)+l|n<<l|r,Et=u+e}else St=1<<u|n<<l|r,Et=e}function Eu(e){e.return!==null&&(qt(e,1),Ji(e,1,0))}function Cu(e){for(;e===Xr;)Xr=Sn[--En],Sn[En]=null,Gr=Sn[--En],Sn[En]=null;for(;e===Jt;)Jt=Ye[--Xe],Ye[Xe]=null,Et=Ye[--Xe],Ye[Xe]=null,St=Ye[--Xe],Ye[Xe]=null}var He=null,We=null,ue=!1,ut=null;function qi(e,t){var n=qe(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function bi(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t!==null?(e.stateNode=t,He=e,We=jt(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,He=e,We=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=Jt!==null?{id:St,overflow:Et}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=qe(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,He=e,We=null,!0):!1;default:return!1}}function xu(e){return(e.mode&1)!==0&&(e.flags&128)===0}function _u(e){if(ue){var t=We;if(t){var n=t;if(!bi(e,t)){if(xu(e))throw Error(d(418));t=jt(n.nextSibling);var r=He;t&&bi(e,t)?qi(r,n):(e.flags=e.flags&-4097|2,ue=!1,He=e)}}else{if(xu(e))throw Error(d(418));e.flags=e.flags&-4097|2,ue=!1,He=e}}}function es(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;He=e}function Zr(e){if(e!==He)return!1;if(!ue)return es(e),ue=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!vu(e.type,e.memoizedProps)),t&&(t=We)){if(xu(e))throw ts(),Error(d(418));for(;t;)qi(e,t),t=jt(t.nextSibling)}if(es(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(d(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="/$"){if(t===0){We=jt(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}We=null}}else We=He?jt(e.stateNode.nextSibling):null;return!0}function ts(){for(var e=We;e;)e=jt(e.nextSibling)}function Cn(){We=He=null,ue=!1}function Nu(e){ut===null?ut=[e]:ut.push(e)}var bc=Ce.ReactCurrentBatchConfig;function lr(e,t,n){if(e=n.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(d(309));var r=n.stateNode}if(!r)throw Error(d(147,e));var l=r,u=""+e;return t!==null&&t.ref!==null&&typeof t.ref=="function"&&t.ref._stringRef===u?t.ref:(t=function(o){var i=l.refs;o===null?delete i[u]:i[u]=o},t._stringRef=u,t)}if(typeof e!="string")throw Error(d(284));if(!n._owner)throw Error(d(290,e))}return e}function Jr(e,t){throw e=Object.prototype.toString.call(t),Error(d(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function ns(e){var t=e._init;return t(e._payload)}function rs(e){function t(f,a){if(e){var p=f.deletions;p===null?(f.deletions=[a],f.flags|=16):p.push(a)}}function n(f,a){if(!e)return null;for(;a!==null;)t(f,a),a=a.sibling;return null}function r(f,a){for(f=new Map;a!==null;)a.key!==null?f.set(a.key,a):f.set(a.index,a),a=a.sibling;return f}function l(f,a){return f=Qt(f,a),f.index=0,f.sibling=null,f}function u(f,a,p){return f.index=p,e?(p=f.alternate,p!==null?(p=p.index,p<a?(f.flags|=2,a):p):(f.flags|=2,a)):(f.flags|=1048576,a)}function o(f){return e&&f.alternate===null&&(f.flags|=2),f}function i(f,a,p,k){return a===null||a.tag!==6?(a=go(p,f.mode,k),a.return=f,a):(a=l(a,p),a.return=f,a)}function s(f,a,p,k){var R=p.type;return R===Oe?y(f,a,p.props.children,k,p.key):a!==null&&(a.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Me&&ns(R)===a.type)?(k=l(a,p.props),k.ref=lr(f,a,p),k.return=f,k):(k=Sl(p.type,p.key,p.props,null,f.mode,k),k.ref=lr(f,a,p),k.return=f,k)}function m(f,a,p,k){return a===null||a.tag!==4||a.stateNode.containerInfo!==p.containerInfo||a.stateNode.implementation!==p.implementation?(a=wo(p,f.mode,k),a.return=f,a):(a=l(a,p.children||[]),a.return=f,a)}function y(f,a,p,k,R){return a===null||a.tag!==7?(a=on(p,f.mode,k,R),a.return=f,a):(a=l(a,p),a.return=f,a)}function g(f,a,p){if(typeof a=="string"&&a!==""||typeof a=="number")return a=go(""+a,f.mode,p),a.return=f,a;if(typeof a=="object"&&a!==null){switch(a.$$typeof){case tt:return p=Sl(a.type,a.key,a.props,null,f.mode,p),p.ref=lr(f,null,a),p.return=f,p;case ze:return a=wo(a,f.mode,p),a.return=f,a;case Me:var k=a._init;return g(f,k(a._payload),p)}if(Mn(a)||j(a))return a=on(a,f.mode,p,null),a.return=f,a;Jr(f,a)}return null}function h(f,a,p,k){var R=a!==null?a.key:null;if(typeof p=="string"&&p!==""||typeof p=="number")return R!==null?null:i(f,a,""+p,k);if(typeof p=="object"&&p!==null){switch(p.$$typeof){case tt:return p.key===R?s(f,a,p,k):null;case ze:return p.key===R?m(f,a,p,k):null;case Me:return R=p._init,h(f,a,R(p._payload),k)}if(Mn(p)||j(p))return R!==null?null:y(f,a,p,k,null);Jr(f,p)}return null}function _(f,a,p,k,R){if(typeof k=="string"&&k!==""||typeof k=="number")return f=f.get(p)||null,i(a,f,""+k,R);if(typeof k=="object"&&k!==null){switch(k.$$typeof){case tt:return f=f.get(k.key===null?p:k.key)||null,s(a,f,k,R);case ze:return f=f.get(k.key===null?p:k.key)||null,m(a,f,k,R);case Me:var O=k._init;return _(f,a,p,O(k._payload),R)}if(Mn(k)||j(k))return f=f.get(p)||null,y(a,f,k,R,null);Jr(a,k)}return null}function z(f,a,p,k){for(var R=null,O=null,M=a,I=a=0,ke=null;M!==null&&I<p.length;I++){M.index>I?(ke=M,M=null):ke=M.sibling;var X=h(f,M,p[I],k);if(X===null){M===null&&(M=ke);break}e&&M&&X.alternate===null&&t(f,M),a=u(X,a,I),O===null?R=X:O.sibling=X,O=X,M=ke}if(I===p.length)return n(f,M),ue&&qt(f,I),R;if(M===null){for(;I<p.length;I++)M=g(f,p[I],k),M!==null&&(a=u(M,a,I),O===null?R=M:O.sibling=M,O=M);return ue&&qt(f,I),R}for(M=r(f,M);I<p.length;I++)ke=_(M,f,I,p[I],k),ke!==null&&(e&&ke.alternate!==null&&M.delete(ke.key===null?I:ke.key),a=u(ke,a,I),O===null?R=ke:O.sibling=ke,O=ke);return e&&M.forEach(function(Kt){return t(f,Kt)}),ue&&qt(f,I),R}function T(f,a,p,k){var R=j(p);if(typeof R!="function")throw Error(d(150));if(p=R.call(p),p==null)throw Error(d(151));for(var O=R=null,M=a,I=a=0,ke=null,X=p.next();M!==null&&!X.done;I++,X=p.next()){M.index>I?(ke=M,M=null):ke=M.sibling;var Kt=h(f,M,X.value,k);if(Kt===null){M===null&&(M=ke);break}e&&M&&Kt.alternate===null&&t(f,M),a=u(Kt,a,I),O===null?R=Kt:O.sibling=Kt,O=Kt,M=ke}if(X.done)return n(f,M),ue&&qt(f,I),R;if(M===null){for(;!X.done;I++,X=p.next())X=g(f,X.value,k),X!==null&&(a=u(X,a,I),O===null?R=X:O.sibling=X,O=X);return ue&&qt(f,I),R}for(M=r(f,M);!X.done;I++,X=p.next())X=_(M,f,I,X.value,k),X!==null&&(e&&X.alternate!==null&&M.delete(X.key===null?I:X.key),a=u(X,a,I),O===null?R=X:O.sibling=X,O=X);return e&&M.forEach(function(Mf){return t(f,Mf)}),ue&&qt(f,I),R}function fe(f,a,p,k){if(typeof p=="object"&&p!==null&&p.type===Oe&&p.key===null&&(p=p.props.children),typeof p=="object"&&p!==null){switch(p.$$typeof){case tt:e:{for(var R=p.key,O=a;O!==null;){if(O.key===R){if(R=p.type,R===Oe){if(O.tag===7){n(f,O.sibling),a=l(O,p.props.children),a.return=f,f=a;break e}}else if(O.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Me&&ns(R)===O.type){n(f,O.sibling),a=l(O,p.props),a.ref=lr(f,O,p),a.return=f,f=a;break e}n(f,O);break}else t(f,O);O=O.sibling}p.type===Oe?(a=on(p.props.children,f.mode,k,p.key),a.return=f,f=a):(k=Sl(p.type,p.key,p.props,null,f.mode,k),k.ref=lr(f,a,p),k.return=f,f=k)}return o(f);case ze:e:{for(O=p.key;a!==null;){if(a.key===O)if(a.tag===4&&a.stateNode.containerInfo===p.containerInfo&&a.stateNode.implementation===p.implementation){n(f,a.sibling),a=l(a,p.children||[]),a.return=f,f=a;break e}else{n(f,a);break}else t(f,a);a=a.sibling}a=wo(p,f.mode,k),a.return=f,f=a}return o(f);case Me:return O=p._init,fe(f,a,O(p._payload),k)}if(Mn(p))return z(f,a,p,k);if(j(p))return T(f,a,p,k);Jr(f,p)}return typeof p=="string"&&p!==""||typeof p=="number"?(p=""+p,a!==null&&a.tag===6?(n(f,a.sibling),a=l(a,p),a.return=f,f=a):(n(f,a),a=go(p,f.mode,k),a.return=f,f=a),o(f)):n(f,a)}return fe}var xn=rs(!0),ls=rs(!1),qr=It(null),br=null,_n=null,Pu=null;function zu(){Pu=_n=br=null}function Tu(e){var t=qr.current;re(qr),e._currentValue=t}function Ru(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Nn(e,t){br=e,Pu=_n=null,e=e.dependencies,e!==null&&e.firstContext!==null&&((e.lanes&t)!==0&&(De=!0),e.firstContext=null)}function Ge(e){var t=e._currentValue;if(Pu!==e)if(e={context:e,memoizedValue:t,next:null},_n===null){if(br===null)throw Error(d(308));_n=e,br.dependencies={lanes:0,firstContext:e}}else _n=_n.next=e;return t}var bt=null;function Lu(e){bt===null?bt=[e]:bt.push(e)}function us(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,Lu(t)):(n.next=l.next,l.next=n),t.interleaved=n,Ct(e,r)}function Ct(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var At=!1;function Ou(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function os(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function xt(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ut(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,(Q&2)!==0){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,Ct(e,n)}return l=r.interleaved,l===null?(t.next=t,Lu(r)):(t.next=l.next,l.next=t),r.interleaved=t,Ct(e,n)}function el(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Kl(e,n)}}function is(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,u=null;if(n=n.firstBaseUpdate,n!==null){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};u===null?l=u=o:u=u.next=o,n=n.next}while(n!==null);u===null?l=u=t:u=u.next=t}else l=u=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:u,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function tl(e,t,n,r){var l=e.updateQueue;At=!1;var u=l.firstBaseUpdate,o=l.lastBaseUpdate,i=l.shared.pending;if(i!==null){l.shared.pending=null;var s=i,m=s.next;s.next=null,o===null?u=m:o.next=m,o=s;var y=e.alternate;y!==null&&(y=y.updateQueue,i=y.lastBaseUpdate,i!==o&&(i===null?y.firstBaseUpdate=m:i.next=m,y.lastBaseUpdate=s))}if(u!==null){var g=l.baseState;o=0,y=m=s=null,i=u;do{var h=i.lane,_=i.eventTime;if((r&h)===h){y!==null&&(y=y.next={eventTime:_,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var z=e,T=i;switch(h=t,_=n,T.tag){case 1:if(z=T.payload,typeof z=="function"){g=z.call(_,g,h);break e}g=z;break e;case 3:z.flags=z.flags&-65537|128;case 0:if(z=T.payload,h=typeof z=="function"?z.call(_,g,h):z,h==null)break e;g=P({},g,h);break e;case 2:At=!0}}i.callback!==null&&i.lane!==0&&(e.flags|=64,h=l.effects,h===null?l.effects=[i]:h.push(i))}else _={eventTime:_,lane:h,tag:i.tag,payload:i.payload,callback:i.callback,next:null},y===null?(m=y=_,s=g):y=y.next=_,o|=h;if(i=i.next,i===null){if(i=l.shared.pending,i===null)break;h=i,i=h.next,h.next=null,l.lastBaseUpdate=h,l.shared.pending=null}}while(!0);if(y===null&&(s=g),l.baseState=s,l.firstBaseUpdate=m,l.lastBaseUpdate=y,t=l.shared.interleaved,t!==null){l=t;do o|=l.lane,l=l.next;while(l!==t)}else u===null&&(l.shared.lanes=0);nn|=o,e.lanes=o,e.memoizedState=g}}function ss(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var r=e[t],l=r.callback;if(l!==null){if(r.callback=null,r=n,typeof l!="function")throw Error(d(191,l));l.call(r)}}}var ur={},ht=It(ur),or=It(ur),ir=It(ur);function en(e){if(e===ur)throw Error(d(174));return e}function Mu(e,t){switch(te(ir,t),te(or,e),te(ht,ur),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:jl(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=jl(t,e)}re(ht),te(ht,t)}function Pn(){re(ht),re(or),re(ir)}function as(e){en(ir.current);var t=en(ht.current),n=jl(t,e.type);t!==n&&(te(or,e),te(ht,n))}function ju(e){or.current===e&&(re(ht),re(or))}var oe=It(0);function nl(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if((t.flags&128)!==0)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Iu=[];function Du(){for(var e=0;e<Iu.length;e++)Iu[e]._workInProgressVersionPrimary=null;Iu.length=0}var rl=Ce.ReactCurrentDispatcher,Fu=Ce.ReactCurrentBatchConfig,tn=0,ie=null,ve=null,ge=null,ll=!1,sr=!1,ar=0,ef=0;function _e(){throw Error(d(321))}function Au(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!lt(e[n],t[n]))return!1;return!0}function Uu(e,t,n,r,l,u){if(tn=u,ie=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,rl.current=e===null||e.memoizedState===null?lf:uf,e=n(r,l),sr){u=0;do{if(sr=!1,ar=0,25<=u)throw Error(d(301));u+=1,ge=ve=null,t.updateQueue=null,rl.current=of,e=n(r,l)}while(sr)}if(rl.current=il,t=ve!==null&&ve.next!==null,tn=0,ge=ve=ie=null,ll=!1,t)throw Error(d(300));return e}function Vu(){var e=ar!==0;return ar=0,e}function vt(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return ge===null?ie.memoizedState=ge=e:ge=ge.next=e,ge}function Ze(){if(ve===null){var e=ie.alternate;e=e!==null?e.memoizedState:null}else e=ve.next;var t=ge===null?ie.memoizedState:ge.next;if(t!==null)ge=t,ve=e;else{if(e===null)throw Error(d(310));ve=e,e={memoizedState:ve.memoizedState,baseState:ve.baseState,baseQueue:ve.baseQueue,queue:ve.queue,next:null},ge===null?ie.memoizedState=ge=e:ge=ge.next=e}return ge}function cr(e,t){return typeof t=="function"?t(e):t}function $u(e){var t=Ze(),n=t.queue;if(n===null)throw Error(d(311));n.lastRenderedReducer=e;var r=ve,l=r.baseQueue,u=n.pending;if(u!==null){if(l!==null){var o=l.next;l.next=u.next,u.next=o}r.baseQueue=l=u,n.pending=null}if(l!==null){u=l.next,r=r.baseState;var i=o=null,s=null,m=u;do{var y=m.lane;if((tn&y)===y)s!==null&&(s=s.next={lane:0,action:m.action,hasEagerState:m.hasEagerState,eagerState:m.eagerState,next:null}),r=m.hasEagerState?m.eagerState:e(r,m.action);else{var g={lane:y,action:m.action,hasEagerState:m.hasEagerState,eagerState:m.eagerState,next:null};s===null?(i=s=g,o=r):s=s.next=g,ie.lanes|=y,nn|=y}m=m.next}while(m!==null&&m!==u);s===null?o=r:s.next=i,lt(r,t.memoizedState)||(De=!0),t.memoizedState=r,t.baseState=o,t.baseQueue=s,n.lastRenderedState=r}if(e=n.interleaved,e!==null){l=e;do u=l.lane,ie.lanes|=u,nn|=u,l=l.next;while(l!==e)}else l===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Bu(e){var t=Ze(),n=t.queue;if(n===null)throw Error(d(311));n.lastRenderedReducer=e;var r=n.dispatch,l=n.pending,u=t.memoizedState;if(l!==null){n.pending=null;var o=l=l.next;do u=e(u,o.action),o=o.next;while(o!==l);lt(u,t.memoizedState)||(De=!0),t.memoizedState=u,t.baseQueue===null&&(t.baseState=u),n.lastRenderedState=u}return[u,r]}function cs(){}function fs(e,t){var n=ie,r=Ze(),l=t(),u=!lt(r.memoizedState,l);if(u&&(r.memoizedState=l,De=!0),r=r.queue,Hu(ms.bind(null,n,r,e),[e]),r.getSnapshot!==t||u||ge!==null&&ge.memoizedState.tag&1){if(n.flags|=2048,fr(9,ps.bind(null,n,r,l,t),void 0,null),we===null)throw Error(d(349));(tn&30)!==0||ds(n,t,l)}return l}function ds(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=ie.updateQueue,t===null?(t={lastEffect:null,stores:null},ie.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function ps(e,t,n,r){t.value=n,t.getSnapshot=r,hs(t)&&vs(e)}function ms(e,t,n){return n(function(){hs(t)&&vs(e)})}function hs(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!lt(e,n)}catch{return!0}}function vs(e){var t=Ct(e,1);t!==null&&at(t,e,1,-1)}function ys(e){var t=vt();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:cr,lastRenderedState:e},t.queue=e,e=e.dispatch=rf.bind(null,ie,e),[t.memoizedState,e]}function fr(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},t=ie.updateQueue,t===null?(t={lastEffect:null,stores:null},ie.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e)),e}function gs(){return Ze().memoizedState}function ul(e,t,n,r){var l=vt();ie.flags|=e,l.memoizedState=fr(1|t,n,void 0,r===void 0?null:r)}function ol(e,t,n,r){var l=Ze();r=r===void 0?null:r;var u=void 0;if(ve!==null){var o=ve.memoizedState;if(u=o.destroy,r!==null&&Au(r,o.deps)){l.memoizedState=fr(t,n,u,r);return}}ie.flags|=e,l.memoizedState=fr(1|t,n,u,r)}function ws(e,t){return ul(8390656,8,e,t)}function Hu(e,t){return ol(2048,8,e,t)}function ks(e,t){return ol(4,2,e,t)}function Ss(e,t){return ol(4,4,e,t)}function Es(e,t){if(typeof t=="function")return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function Cs(e,t,n){return n=n!=null?n.concat([e]):null,ol(4,4,Es.bind(null,t,e),n)}function Wu(){}function xs(e,t){var n=Ze();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Au(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function _s(e,t){var n=Ze();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Au(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Ns(e,t,n){return(tn&21)===0?(e.baseState&&(e.baseState=!1,De=!0),e.memoizedState=n):(lt(n,t)||(n=ni(),ie.lanes|=n,nn|=n,e.baseState=!0),t)}function tf(e,t){var n=J;J=n!==0&&4>n?n:4,e(!0);var r=Fu.transition;Fu.transition={};try{e(!1),t()}finally{J=n,Fu.transition=r}}function Ps(){return Ze().memoizedState}function nf(e,t,n){var r=Ht(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},zs(e))Ts(t,n);else if(n=us(e,t,n,r),n!==null){var l=Re();at(n,e,r,l),Rs(n,t,r)}}function rf(e,t,n){var r=Ht(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(zs(e))Ts(t,l);else{var u=e.alternate;if(e.lanes===0&&(u===null||u.lanes===0)&&(u=t.lastRenderedReducer,u!==null))try{var o=t.lastRenderedState,i=u(o,n);if(l.hasEagerState=!0,l.eagerState=i,lt(i,o)){var s=t.interleaved;s===null?(l.next=l,Lu(t)):(l.next=s.next,s.next=l),t.interleaved=l;return}}catch{}finally{}n=us(e,t,l,r),n!==null&&(l=Re(),at(n,e,r,l),Rs(n,t,r))}}function zs(e){var t=e.alternate;return e===ie||t!==null&&t===ie}function Ts(e,t){sr=ll=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Rs(e,t,n){if((n&4194240)!==0){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Kl(e,n)}}var il={readContext:Ge,useCallback:_e,useContext:_e,useEffect:_e,useImperativeHandle:_e,useInsertionEffect:_e,useLayoutEffect:_e,useMemo:_e,useReducer:_e,useRef:_e,useState:_e,useDebugValue:_e,useDeferredValue:_e,useTransition:_e,useMutableSource:_e,useSyncExternalStore:_e,useId:_e,unstable_isNewReconciler:!1},lf={readContext:Ge,useCallback:function(e,t){return vt().memoizedState=[e,t===void 0?null:t],e},useContext:Ge,useEffect:ws,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,ul(4194308,4,Es.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ul(4194308,4,e,t)},useInsertionEffect:function(e,t){return ul(4,2,e,t)},useMemo:function(e,t){var n=vt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=vt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=nf.bind(null,ie,e),[r.memoizedState,e]},useRef:function(e){var t=vt();return e={current:e},t.memoizedState=e},useState:ys,useDebugValue:Wu,useDeferredValue:function(e){return vt().memoizedState=e},useTransition:function(){var e=ys(!1),t=e[0];return e=tf.bind(null,e[1]),vt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=ie,l=vt();if(ue){if(n===void 0)throw Error(d(407));n=n()}else{if(n=t(),we===null)throw Error(d(349));(tn&30)!==0||ds(r,t,n)}l.memoizedState=n;var u={value:n,getSnapshot:t};return l.queue=u,ws(ms.bind(null,r,u,e),[e]),r.flags|=2048,fr(9,ps.bind(null,r,u,n,t),void 0,null),n},useId:function(){var e=vt(),t=we.identifierPrefix;if(ue){var n=Et,r=St;n=(r&~(1<<32-rt(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=ar++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=ef++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},uf={readContext:Ge,useCallback:xs,useContext:Ge,useEffect:Hu,useImperativeHandle:Cs,useInsertionEffect:ks,useLayoutEffect:Ss,useMemo:_s,useReducer:$u,useRef:gs,useState:function(){return $u(cr)},useDebugValue:Wu,useDeferredValue:function(e){var t=Ze();return Ns(t,ve.memoizedState,e)},useTransition:function(){var e=$u(cr)[0],t=Ze().memoizedState;return[e,t]},useMutableSource:cs,useSyncExternalStore:fs,useId:Ps,unstable_isNewReconciler:!1},of={readContext:Ge,useCallback:xs,useContext:Ge,useEffect:Hu,useImperativeHandle:Cs,useInsertionEffect:ks,useLayoutEffect:Ss,useMemo:_s,useReducer:Bu,useRef:gs,useState:function(){return Bu(cr)},useDebugValue:Wu,useDeferredValue:function(e){var t=Ze();return ve===null?t.memoizedState=e:Ns(t,ve.memoizedState,e)},useTransition:function(){var e=Bu(cr)[0],t=Ze().memoizedState;return[e,t]},useMutableSource:cs,useSyncExternalStore:fs,useId:Ps,unstable_isNewReconciler:!1};function ot(e,t){if(e&&e.defaultProps){t=P({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}function Qu(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:P({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var sl={isMounted:function(e){return(e=e._reactInternals)?Xt(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=Re(),l=Ht(e),u=xt(r,l);u.payload=t,n!=null&&(u.callback=n),t=Ut(e,u,l),t!==null&&(at(t,e,l,r),el(t,e,l))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=Re(),l=Ht(e),u=xt(r,l);u.tag=1,u.payload=t,n!=null&&(u.callback=n),t=Ut(e,u,l),t!==null&&(at(t,e,l,r),el(t,e,l))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=Re(),r=Ht(e),l=xt(n,r);l.tag=2,t!=null&&(l.callback=t),t=Ut(e,l,r),t!==null&&(at(t,e,r,n),el(t,e,r))}};function Ls(e,t,n,r,l,u,o){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(r,u,o):t.prototype&&t.prototype.isPureReactComponent?!Jn(n,r)||!Jn(l,u):!0}function Os(e,t,n){var r=!1,l=Dt,u=t.contextType;return typeof u=="object"&&u!==null?u=Ge(u):(l=Ie(t)?Zt:xe.current,r=t.contextTypes,u=(r=r!=null)?kn(e,l):Dt),t=new t(n,u),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=sl,e.stateNode=t,t._reactInternals=e,r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=l,e.__reactInternalMemoizedMaskedChildContext=u),t}function Ms(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&sl.enqueueReplaceState(t,t.state,null)}function Ku(e,t,n,r){var l=e.stateNode;l.props=n,l.state=e.memoizedState,l.refs={},Ou(e);var u=t.contextType;typeof u=="object"&&u!==null?l.context=Ge(u):(u=Ie(t)?Zt:xe.current,l.context=kn(e,u)),l.state=e.memoizedState,u=t.getDerivedStateFromProps,typeof u=="function"&&(Qu(e,t,u,n),l.state=e.memoizedState),typeof t.getDerivedStateFromProps=="function"||typeof l.getSnapshotBeforeUpdate=="function"||typeof l.UNSAFE_componentWillMount!="function"&&typeof l.componentWillMount!="function"||(t=l.state,typeof l.componentWillMount=="function"&&l.componentWillMount(),typeof l.UNSAFE_componentWillMount=="function"&&l.UNSAFE_componentWillMount(),t!==l.state&&sl.enqueueReplaceState(l,l.state,null),tl(e,n,l,r),l.state=e.memoizedState),typeof l.componentDidMount=="function"&&(e.flags|=4194308)}function zn(e,t){try{var n="",r=t;do n+=K(r),r=r.return;while(r);var l=n}catch(u){l=`
+Error generating stack: `+u.message+`
+`+u.stack}return{value:e,source:t,stack:l,digest:null}}function Yu(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function Xu(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var sf=typeof WeakMap=="function"?WeakMap:Map;function js(e,t,n){n=xt(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){hl||(hl=!0,ao=r),Xu(e,t)},n}function Is(e,t,n){n=xt(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r=="function"){var l=t.value;n.payload=function(){return r(l)},n.callback=function(){Xu(e,t)}}var u=e.stateNode;return u!==null&&typeof u.componentDidCatch=="function"&&(n.callback=function(){Xu(e,t),typeof r!="function"&&($t===null?$t=new Set([this]):$t.add(this));var o=t.stack;this.componentDidCatch(t.value,{componentStack:o!==null?o:""})}),n}function Ds(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new sf;var l=new Set;r.set(t,l)}else l=r.get(t),l===void 0&&(l=new Set,r.set(t,l));l.has(n)||(l.add(n),e=Ef.bind(null,e,t,n),t.then(e,e))}function Fs(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function As(e,t,n,r,l){return(e.mode&1)===0?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=xt(-1,1),t.tag=2,Ut(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=l,e)}var af=Ce.ReactCurrentOwner,De=!1;function Te(e,t,n,r){t.child=e===null?ls(t,null,n,r):xn(t,e.child,n,r)}function Us(e,t,n,r,l){n=n.render;var u=t.ref;return Nn(t,l),r=Uu(e,t,n,r,u,l),n=Vu(),e!==null&&!De?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,_t(e,t,l)):(ue&&n&&Eu(t),t.flags|=1,Te(e,t,r,l),t.child)}function Vs(e,t,n,r,l){if(e===null){var u=n.type;return typeof u=="function"&&!yo(u)&&u.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=u,$s(e,t,u,r,l)):(e=Sl(n.type,null,r,t,t.mode,l),e.ref=t.ref,e.return=t,t.child=e)}if(u=e.child,(e.lanes&l)===0){var o=u.memoizedProps;if(n=n.compare,n=n!==null?n:Jn,n(o,r)&&e.ref===t.ref)return _t(e,t,l)}return t.flags|=1,e=Qt(u,r),e.ref=t.ref,e.return=t,t.child=e}function $s(e,t,n,r,l){if(e!==null){var u=e.memoizedProps;if(Jn(u,r)&&e.ref===t.ref)if(De=!1,t.pendingProps=r=u,(e.lanes&l)!==0)(e.flags&131072)!==0&&(De=!0);else return t.lanes=e.lanes,_t(e,t,l)}return Gu(e,t,n,r,l)}function Bs(e,t,n){var r=t.pendingProps,l=r.children,u=e!==null?e.memoizedState:null;if(r.mode==="hidden")if((t.mode&1)===0)t.memoizedState={baseLanes:0,cachePool:null,transitions:null},te(Rn,Qe),Qe|=n;else{if((n&1073741824)===0)return e=u!==null?u.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,te(Rn,Qe),Qe|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=u!==null?u.baseLanes:n,te(Rn,Qe),Qe|=r}else u!==null?(r=u.baseLanes|n,t.memoizedState=null):r=n,te(Rn,Qe),Qe|=r;return Te(e,t,l,n),t.child}function Hs(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Gu(e,t,n,r,l){var u=Ie(n)?Zt:xe.current;return u=kn(t,u),Nn(t,l),n=Uu(e,t,n,r,u,l),r=Vu(),e!==null&&!De?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,_t(e,t,l)):(ue&&r&&Eu(t),t.flags|=1,Te(e,t,n,l),t.child)}function Ws(e,t,n,r,l){if(Ie(n)){var u=!0;Kr(t)}else u=!1;if(Nn(t,l),t.stateNode===null)cl(e,t),Os(t,n,r),Ku(t,n,r,l),r=!0;else if(e===null){var o=t.stateNode,i=t.memoizedProps;o.props=i;var s=o.context,m=n.contextType;typeof m=="object"&&m!==null?m=Ge(m):(m=Ie(n)?Zt:xe.current,m=kn(t,m));var y=n.getDerivedStateFromProps,g=typeof y=="function"||typeof o.getSnapshotBeforeUpdate=="function";g||typeof o.UNSAFE_componentWillReceiveProps!="function"&&typeof o.componentWillReceiveProps!="function"||(i!==r||s!==m)&&Ms(t,o,r,m),At=!1;var h=t.memoizedState;o.state=h,tl(t,r,o,l),s=t.memoizedState,i!==r||h!==s||je.current||At?(typeof y=="function"&&(Qu(t,n,y,r),s=t.memoizedState),(i=At||Ls(t,n,i,r,h,s,m))?(g||typeof o.UNSAFE_componentWillMount!="function"&&typeof o.componentWillMount!="function"||(typeof o.componentWillMount=="function"&&o.componentWillMount(),typeof o.UNSAFE_componentWillMount=="function"&&o.UNSAFE_componentWillMount()),typeof o.componentDidMount=="function"&&(t.flags|=4194308)):(typeof o.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=s),o.props=r,o.state=s,o.context=m,r=i):(typeof o.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{o=t.stateNode,os(e,t),i=t.memoizedProps,m=t.type===t.elementType?i:ot(t.type,i),o.props=m,g=t.pendingProps,h=o.context,s=n.contextType,typeof s=="object"&&s!==null?s=Ge(s):(s=Ie(n)?Zt:xe.current,s=kn(t,s));var _=n.getDerivedStateFromProps;(y=typeof _=="function"||typeof o.getSnapshotBeforeUpdate=="function")||typeof o.UNSAFE_componentWillReceiveProps!="function"&&typeof o.componentWillReceiveProps!="function"||(i!==g||h!==s)&&Ms(t,o,r,s),At=!1,h=t.memoizedState,o.state=h,tl(t,r,o,l);var z=t.memoizedState;i!==g||h!==z||je.current||At?(typeof _=="function"&&(Qu(t,n,_,r),z=t.memoizedState),(m=At||Ls(t,n,m,r,h,z,s)||!1)?(y||typeof o.UNSAFE_componentWillUpdate!="function"&&typeof o.componentWillUpdate!="function"||(typeof o.componentWillUpdate=="function"&&o.componentWillUpdate(r,z,s),typeof o.UNSAFE_componentWillUpdate=="function"&&o.UNSAFE_componentWillUpdate(r,z,s)),typeof o.componentDidUpdate=="function"&&(t.flags|=4),typeof o.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof o.componentDidUpdate!="function"||i===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!="function"||i===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=z),o.props=r,o.state=z,o.context=s,r=m):(typeof o.componentDidUpdate!="function"||i===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!="function"||i===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),r=!1)}return Zu(e,t,n,r,u,l)}function Zu(e,t,n,r,l,u){Hs(e,t);var o=(t.flags&128)!==0;if(!r&&!o)return l&&Gi(t,n,!1),_t(e,t,u);r=t.stateNode,af.current=t;var i=o&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&o?(t.child=xn(t,e.child,null,u),t.child=xn(t,null,i,u)):Te(e,t,i,u),t.memoizedState=r.state,l&&Gi(t,n,!0),t.child}function Qs(e){var t=e.stateNode;t.pendingContext?Yi(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Yi(e,t.context,!1),Mu(e,t.containerInfo)}function Ks(e,t,n,r,l){return Cn(),Nu(l),t.flags|=256,Te(e,t,n,r),t.child}var Ju={dehydrated:null,treeContext:null,retryLane:0};function qu(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ys(e,t,n){var r=t.pendingProps,l=oe.current,u=!1,o=(t.flags&128)!==0,i;if((i=o)||(i=e!==null&&e.memoizedState===null?!1:(l&2)!==0),i?(u=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(l|=1),te(oe,l&1),e===null)return _u(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?((t.mode&1)===0?t.lanes=1:e.data==="$!"?t.lanes=8:t.lanes=1073741824,null):(o=r.children,e=r.fallback,u?(r=t.mode,u=t.child,o={mode:"hidden",children:o},(r&1)===0&&u!==null?(u.childLanes=0,u.pendingProps=o):u=El(o,r,0,null),e=on(e,r,n,null),u.return=t,e.return=t,u.sibling=e,t.child=u,t.child.memoizedState=qu(n),t.memoizedState=Ju,e):bu(t,o));if(l=e.memoizedState,l!==null&&(i=l.dehydrated,i!==null))return cf(e,t,o,r,i,l,n);if(u){u=r.fallback,o=t.mode,l=e.child,i=l.sibling;var s={mode:"hidden",children:r.children};return(o&1)===0&&t.child!==l?(r=t.child,r.childLanes=0,r.pendingProps=s,t.deletions=null):(r=Qt(l,s),r.subtreeFlags=l.subtreeFlags&14680064),i!==null?u=Qt(i,u):(u=on(u,o,n,null),u.flags|=2),u.return=t,r.return=t,r.sibling=u,t.child=r,r=u,u=t.child,o=e.child.memoizedState,o=o===null?qu(n):{baseLanes:o.baseLanes|n,cachePool:null,transitions:o.transitions},u.memoizedState=o,u.childLanes=e.childLanes&~n,t.memoizedState=Ju,r}return u=e.child,e=u.sibling,r=Qt(u,{mode:"visible",children:r.children}),(t.mode&1)===0&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function bu(e,t){return t=El({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function al(e,t,n,r){return r!==null&&Nu(r),xn(t,e.child,null,n),e=bu(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function cf(e,t,n,r,l,u,o){if(n)return t.flags&256?(t.flags&=-257,r=Yu(Error(d(422))),al(e,t,o,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(u=r.fallback,l=t.mode,r=El({mode:"visible",children:r.children},l,0,null),u=on(u,l,o,null),u.flags|=2,r.return=t,u.return=t,r.sibling=u,t.child=r,(t.mode&1)!==0&&xn(t,e.child,null,o),t.child.memoizedState=qu(o),t.memoizedState=Ju,u);if((t.mode&1)===0)return al(e,t,o,null);if(l.data==="$!"){if(r=l.nextSibling&&l.nextSibling.dataset,r)var i=r.dgst;return r=i,u=Error(d(419)),r=Yu(u,r,void 0),al(e,t,o,r)}if(i=(o&e.childLanes)!==0,De||i){if(r=we,r!==null){switch(o&-o){case 4:l=2;break;case 16:l=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:l=32;break;case 536870912:l=268435456;break;default:l=0}l=(l&(r.suspendedLanes|o))!==0?0:l,l!==0&&l!==u.retryLane&&(u.retryLane=l,Ct(e,l),at(r,e,l,-1))}return vo(),r=Yu(Error(d(421))),al(e,t,o,r)}return l.data==="$?"?(t.flags|=128,t.child=e.child,t=Cf.bind(null,e),l._reactRetry=t,null):(e=u.treeContext,We=jt(l.nextSibling),He=t,ue=!0,ut=null,e!==null&&(Ye[Xe++]=St,Ye[Xe++]=Et,Ye[Xe++]=Jt,St=e.id,Et=e.overflow,Jt=t),t=bu(t,r.children),t.flags|=4096,t)}function Xs(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),Ru(e.return,t,n)}function eo(e,t,n,r,l){var u=e.memoizedState;u===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:l}:(u.isBackwards=t,u.rendering=null,u.renderingStartTime=0,u.last=r,u.tail=n,u.tailMode=l)}function Gs(e,t,n){var r=t.pendingProps,l=r.revealOrder,u=r.tail;if(Te(e,t,r.children,n),r=oe.current,(r&2)!==0)r=r&1|2,t.flags|=128;else{if(e!==null&&(e.flags&128)!==0)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Xs(e,n,t);else if(e.tag===19)Xs(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(te(oe,r),(t.mode&1)===0)t.memoizedState=null;else switch(l){case"forwards":for(n=t.child,l=null;n!==null;)e=n.alternate,e!==null&&nl(e)===null&&(l=n),n=n.sibling;n=l,n===null?(l=t.child,t.child=null):(l=n.sibling,n.sibling=null),eo(t,!1,l,n,u);break;case"backwards":for(n=null,l=t.child,t.child=null;l!==null;){if(e=l.alternate,e!==null&&nl(e)===null){t.child=l;break}e=l.sibling,l.sibling=n,n=l,l=e}eo(t,!0,n,null,u);break;case"together":eo(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function cl(e,t){(t.mode&1)===0&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function _t(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),nn|=t.lanes,(n&t.childLanes)===0)return null;if(e!==null&&t.child!==e.child)throw Error(d(153));if(t.child!==null){for(e=t.child,n=Qt(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Qt(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function ff(e,t,n){switch(t.tag){case 3:Qs(t),Cn();break;case 5:as(t);break;case 1:Ie(t.type)&&Kr(t);break;case 4:Mu(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,l=t.memoizedProps.value;te(qr,r._currentValue),r._currentValue=l;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(te(oe,oe.current&1),t.flags|=128,null):(n&t.child.childLanes)!==0?Ys(e,t,n):(te(oe,oe.current&1),e=_t(e,t,n),e!==null?e.sibling:null);te(oe,oe.current&1);break;case 19:if(r=(n&t.childLanes)!==0,(e.flags&128)!==0){if(r)return Gs(e,t,n);t.flags|=128}if(l=t.memoizedState,l!==null&&(l.rendering=null,l.tail=null,l.lastEffect=null),te(oe,oe.current),r)break;return null;case 22:case 23:return t.lanes=0,Bs(e,t,n)}return _t(e,t,n)}var Zs,to,Js,qs;Zs=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},to=function(){},Js=function(e,t,n,r){var l=e.memoizedProps;if(l!==r){e=t.stateNode,en(ht.current);var u=null;switch(n){case"input":l=Rl(e,l),r=Rl(e,r),u=[];break;case"select":l=P({},l,{value:void 0}),r=P({},r,{value:void 0}),u=[];break;case"textarea":l=Ml(e,l),r=Ml(e,r),u=[];break;default:typeof l.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=Hr)}Il(n,r);var o;n=null;for(m in l)if(!r.hasOwnProperty(m)&&l.hasOwnProperty(m)&&l[m]!=null)if(m==="style"){var i=l[m];for(o in i)i.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else m!=="dangerouslySetInnerHTML"&&m!=="children"&&m!=="suppressContentEditableWarning"&&m!=="suppressHydrationWarning"&&m!=="autoFocus"&&(L.hasOwnProperty(m)?u||(u=[]):(u=u||[]).push(m,null));for(m in r){var s=r[m];if(i=l!=null?l[m]:void 0,r.hasOwnProperty(m)&&s!==i&&(s!=null||i!=null))if(m==="style")if(i){for(o in i)!i.hasOwnProperty(o)||s&&s.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in s)s.hasOwnProperty(o)&&i[o]!==s[o]&&(n||(n={}),n[o]=s[o])}else n||(u||(u=[]),u.push(m,n)),n=s;else m==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,i=i?i.__html:void 0,s!=null&&i!==s&&(u=u||[]).push(m,s)):m==="children"?typeof s!="string"&&typeof s!="number"||(u=u||[]).push(m,""+s):m!=="suppressContentEditableWarning"&&m!=="suppressHydrationWarning"&&(L.hasOwnProperty(m)?(s!=null&&m==="onScroll"&&ne("scroll",e),u||i===s||(u=[])):(u=u||[]).push(m,s))}n&&(u=u||[]).push("style",n);var m=u;(t.updateQueue=m)&&(t.flags|=4)}},qs=function(e,t,n,r){n!==r&&(t.flags|=4)};function dr(e,t){if(!ue)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Ne(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var l=e.child;l!==null;)n|=l.lanes|l.childLanes,r|=l.subtreeFlags&14680064,r|=l.flags&14680064,l.return=e,l=l.sibling;else for(l=e.child;l!==null;)n|=l.lanes|l.childLanes,r|=l.subtreeFlags,r|=l.flags,l.return=e,l=l.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function df(e,t,n){var r=t.pendingProps;switch(Cu(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Ne(t),null;case 1:return Ie(t.type)&&Qr(),Ne(t),null;case 3:return r=t.stateNode,Pn(),re(je),re(xe),Du(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(Zr(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&(t.flags&256)===0||(t.flags|=1024,ut!==null&&(po(ut),ut=null))),to(e,t),Ne(t),null;case 5:ju(t);var l=en(ir.current);if(n=t.type,e!==null&&t.stateNode!=null)Js(e,t,n,r,l),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(t.stateNode===null)throw Error(d(166));return Ne(t),null}if(e=en(ht.current),Zr(t)){r=t.stateNode,n=t.type;var u=t.memoizedProps;switch(r[mt]=t,r[nr]=u,e=(t.mode&1)!==0,n){case"dialog":ne("cancel",r),ne("close",r);break;case"iframe":case"object":case"embed":ne("load",r);break;case"video":case"audio":for(l=0;l<bn.length;l++)ne(bn[l],r);break;case"source":ne("error",r);break;case"img":case"image":case"link":ne("error",r),ne("load",r);break;case"details":ne("toggle",r);break;case"input":Oo(r,u),ne("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!u.multiple},ne("invalid",r);break;case"textarea":Io(r,u),ne("invalid",r)}Il(n,u),l=null;for(var o in u)if(u.hasOwnProperty(o)){var i=u[o];o==="children"?typeof i=="string"?r.textContent!==i&&(u.suppressHydrationWarning!==!0&&Br(r.textContent,i,e),l=["children",i]):typeof i=="number"&&r.textContent!==""+i&&(u.suppressHydrationWarning!==!0&&Br(r.textContent,i,e),l=["children",""+i]):L.hasOwnProperty(o)&&i!=null&&o==="onScroll"&&ne("scroll",r)}switch(n){case"input":wr(r),jo(r,u,!0);break;case"textarea":wr(r),Fo(r);break;case"select":case"option":break;default:typeof u.onClick=="function"&&(r.onclick=Hr)}r=l,t.updateQueue=r,r!==null&&(t.flags|=4)}else{o=l.nodeType===9?l:l.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=Ao(n)),e==="http://www.w3.org/1999/xhtml"?n==="script"?(e=o.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[mt]=t,e[nr]=r,Zs(e,t,!1,!1),t.stateNode=e;e:{switch(o=Dl(n,r),n){case"dialog":ne("cancel",e),ne("close",e),l=r;break;case"iframe":case"object":case"embed":ne("load",e),l=r;break;case"video":case"audio":for(l=0;l<bn.length;l++)ne(bn[l],e);l=r;break;case"source":ne("error",e),l=r;break;case"img":case"image":case"link":ne("error",e),ne("load",e),l=r;break;case"details":ne("toggle",e),l=r;break;case"input":Oo(e,r),l=Rl(e,r),ne("invalid",e);break;case"option":l=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},l=P({},r,{value:void 0}),ne("invalid",e);break;case"textarea":Io(e,r),l=Ml(e,r),ne("invalid",e);break;default:l=r}Il(n,l),i=l;for(u in i)if(i.hasOwnProperty(u)){var s=i[u];u==="style"?$o(e,s):u==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,s!=null&&Uo(e,s)):u==="children"?typeof s=="string"?(n!=="textarea"||s!=="")&&jn(e,s):typeof s=="number"&&jn(e,""+s):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(L.hasOwnProperty(u)?s!=null&&u==="onScroll"&&ne("scroll",e):s!=null&&et(e,u,s,o))}switch(n){case"input":wr(e),jo(e,r,!1);break;case"textarea":wr(e),Fo(e);break;case"option":r.value!=null&&e.setAttribute("value",""+Z(r.value));break;case"select":e.multiple=!!r.multiple,u=r.value,u!=null?sn(e,!!r.multiple,u,!1):r.defaultValue!=null&&sn(e,!!r.multiple,r.defaultValue,!0);break;default:typeof l.onClick=="function"&&(e.onclick=Hr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return Ne(t),null;case 6:if(e&&t.stateNode!=null)qs(e,t,e.memoizedProps,r);else{if(typeof r!="string"&&t.stateNode===null)throw Error(d(166));if(n=en(ir.current),en(ht.current),Zr(t)){if(r=t.stateNode,n=t.memoizedProps,r[mt]=t,(u=r.nodeValue!==n)&&(e=He,e!==null))switch(e.tag){case 3:Br(r.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&Br(r.nodeValue,n,(e.mode&1)!==0)}u&&(t.flags|=4)}else r=(n.nodeType===9?n:n.ownerDocument).createTextNode(r),r[mt]=t,t.stateNode=r}return Ne(t),null;case 13:if(re(oe),r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(ue&&We!==null&&(t.mode&1)!==0&&(t.flags&128)===0)ts(),Cn(),t.flags|=98560,u=!1;else if(u=Zr(t),r!==null&&r.dehydrated!==null){if(e===null){if(!u)throw Error(d(318));if(u=t.memoizedState,u=u!==null?u.dehydrated:null,!u)throw Error(d(317));u[mt]=t}else Cn(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;Ne(t),u=!1}else ut!==null&&(po(ut),ut=null),u=!0;if(!u)return t.flags&65536?t:null}return(t.flags&128)!==0?(t.lanes=n,t):(r=r!==null,r!==(e!==null&&e.memoizedState!==null)&&r&&(t.child.flags|=8192,(t.mode&1)!==0&&(e===null||(oe.current&1)!==0?ye===0&&(ye=3):vo())),t.updateQueue!==null&&(t.flags|=4),Ne(t),null);case 4:return Pn(),to(e,t),e===null&&er(t.stateNode.containerInfo),Ne(t),null;case 10:return Tu(t.type._context),Ne(t),null;case 17:return Ie(t.type)&&Qr(),Ne(t),null;case 19:if(re(oe),u=t.memoizedState,u===null)return Ne(t),null;if(r=(t.flags&128)!==0,o=u.rendering,o===null)if(r)dr(u,!1);else{if(ye!==0||e!==null&&(e.flags&128)!==0)for(e=t.child;e!==null;){if(o=nl(e),o!==null){for(t.flags|=128,dr(u,!1),r=o.updateQueue,r!==null&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;n!==null;)u=n,e=r,u.flags&=14680066,o=u.alternate,o===null?(u.childLanes=0,u.lanes=e,u.child=null,u.subtreeFlags=0,u.memoizedProps=null,u.memoizedState=null,u.updateQueue=null,u.dependencies=null,u.stateNode=null):(u.childLanes=o.childLanes,u.lanes=o.lanes,u.child=o.child,u.subtreeFlags=0,u.deletions=null,u.memoizedProps=o.memoizedProps,u.memoizedState=o.memoizedState,u.updateQueue=o.updateQueue,u.type=o.type,e=o.dependencies,u.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return te(oe,oe.current&1|2),t.child}e=e.sibling}u.tail!==null&&ce()>Ln&&(t.flags|=128,r=!0,dr(u,!1),t.lanes=4194304)}else{if(!r)if(e=nl(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),dr(u,!0),u.tail===null&&u.tailMode==="hidden"&&!o.alternate&&!ue)return Ne(t),null}else 2*ce()-u.renderingStartTime>Ln&&n!==1073741824&&(t.flags|=128,r=!0,dr(u,!1),t.lanes=4194304);u.isBackwards?(o.sibling=t.child,t.child=o):(n=u.last,n!==null?n.sibling=o:t.child=o,u.last=o)}return u.tail!==null?(t=u.tail,u.rendering=t,u.tail=t.sibling,u.renderingStartTime=ce(),t.sibling=null,n=oe.current,te(oe,r?n&1|2:n&1),t):(Ne(t),null);case 22:case 23:return ho(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&(t.mode&1)!==0?(Qe&1073741824)!==0&&(Ne(t),t.subtreeFlags&6&&(t.flags|=8192)):Ne(t),null;case 24:return null;case 25:return null}throw Error(d(156,t.tag))}function pf(e,t){switch(Cu(t),t.tag){case 1:return Ie(t.type)&&Qr(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Pn(),re(je),re(xe),Du(),e=t.flags,(e&65536)!==0&&(e&128)===0?(t.flags=e&-65537|128,t):null;case 5:return ju(t),null;case 13:if(re(oe),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(d(340));Cn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return re(oe),null;case 4:return Pn(),null;case 10:return Tu(t.type._context),null;case 22:case 23:return ho(),null;case 24:return null;default:return null}}var fl=!1,Pe=!1,mf=typeof WeakSet=="function"?WeakSet:Set,N=null;function Tn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){ae(e,t,r)}else n.current=null}function no(e,t,n){try{n()}catch(r){ae(e,t,r)}}var bs=!1;function hf(e,t){if(mu=Lr,e=Li(),ou(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,u=r.focusNode;r=r.focusOffset;try{n.nodeType,u.nodeType}catch{n=null;break e}var o=0,i=-1,s=-1,m=0,y=0,g=e,h=null;t:for(;;){for(var _;g!==n||l!==0&&g.nodeType!==3||(i=o+l),g!==u||r!==0&&g.nodeType!==3||(s=o+r),g.nodeType===3&&(o+=g.nodeValue.length),(_=g.firstChild)!==null;)h=g,g=_;for(;;){if(g===e)break t;if(h===n&&++m===l&&(i=o),h===u&&++y===r&&(s=o),(_=g.nextSibling)!==null)break;g=h,h=g.parentNode}g=_}n=i===-1||s===-1?null:{start:i,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(hu={focusedElem:e,selectionRange:n},Lr=!1,N=t;N!==null;)if(t=N,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,N=e;else for(;N!==null;){t=N;try{var z=t.alternate;if((t.flags&1024)!==0)switch(t.tag){case 0:case 11:case 15:break;case 1:if(z!==null){var T=z.memoizedProps,fe=z.memoizedState,f=t.stateNode,a=f.getSnapshotBeforeUpdate(t.elementType===t.type?T:ot(t.type,T),fe);f.__reactInternalSnapshotBeforeUpdate=a}break;case 3:var p=t.stateNode.containerInfo;p.nodeType===1?p.textContent="":p.nodeType===9&&p.documentElement&&p.removeChild(p.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(d(163))}}catch(k){ae(t,t.return,k)}if(e=t.sibling,e!==null){e.return=t.return,N=e;break}N=t.return}return z=bs,bs=!1,z}function pr(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var u=l.destroy;l.destroy=void 0,u!==void 0&&no(t,n,u)}l=l.next}while(l!==r)}}function dl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ro(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function ea(e){var t=e.alternate;t!==null&&(e.alternate=null,ea(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[mt],delete t[nr],delete t[wu],delete t[Zc],delete t[Jc])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ta(e){return e.tag===5||e.tag===3||e.tag===4}function na(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||ta(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function lo(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Hr));else if(r!==4&&(e=e.child,e!==null))for(lo(e,t,n),e=e.sibling;e!==null;)lo(e,t,n),e=e.sibling}function uo(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(uo(e,t,n),e=e.sibling;e!==null;)uo(e,t,n),e=e.sibling}var Se=null,it=!1;function Vt(e,t,n){for(n=n.child;n!==null;)ra(e,t,n),n=n.sibling}function ra(e,t,n){if(pt&&typeof pt.onCommitFiberUnmount=="function")try{pt.onCommitFiberUnmount(_r,n)}catch{}switch(n.tag){case 5:Pe||Tn(n,t);case 6:var r=Se,l=it;Se=null,Vt(e,t,n),Se=r,it=l,Se!==null&&(it?(e=Se,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):Se.removeChild(n.stateNode));break;case 18:Se!==null&&(it?(e=Se,n=n.stateNode,e.nodeType===8?gu(e.parentNode,n):e.nodeType===1&&gu(e,n),Qn(e)):gu(Se,n.stateNode));break;case 4:r=Se,l=it,Se=n.stateNode.containerInfo,it=!0,Vt(e,t,n),Se=r,it=l;break;case 0:case 11:case 14:case 15:if(!Pe&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var u=l,o=u.destroy;u=u.tag,o!==void 0&&((u&2)!==0||(u&4)!==0)&&no(n,t,o),l=l.next}while(l!==r)}Vt(e,t,n);break;case 1:if(!Pe&&(Tn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(i){ae(n,t,i)}Vt(e,t,n);break;case 21:Vt(e,t,n);break;case 22:n.mode&1?(Pe=(r=Pe)||n.memoizedState!==null,Vt(e,t,n),Pe=r):Vt(e,t,n);break;default:Vt(e,t,n)}}function la(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new mf),t.forEach(function(r){var l=xf.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function st(e,t){var n=t.deletions;if(n!==null)for(var r=0;r<n.length;r++){var l=n[r];try{var u=e,o=t,i=o;e:for(;i!==null;){switch(i.tag){case 5:Se=i.stateNode,it=!1;break e;case 3:Se=i.stateNode.containerInfo,it=!0;break e;case 4:Se=i.stateNode.containerInfo,it=!0;break e}i=i.return}if(Se===null)throw Error(d(160));ra(u,o,l),Se=null,it=!1;var s=l.alternate;s!==null&&(s.return=null),l.return=null}catch(m){ae(l,t,m)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)ua(t,e),t=t.sibling}function ua(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(st(t,e),yt(e),r&4){try{pr(3,e,e.return),dl(3,e)}catch(T){ae(e,e.return,T)}try{pr(5,e,e.return)}catch(T){ae(e,e.return,T)}}break;case 1:st(t,e),yt(e),r&512&&n!==null&&Tn(n,n.return);break;case 5:if(st(t,e),yt(e),r&512&&n!==null&&Tn(n,n.return),e.flags&32){var l=e.stateNode;try{jn(l,"")}catch(T){ae(e,e.return,T)}}if(r&4&&(l=e.stateNode,l!=null)){var u=e.memoizedProps,o=n!==null?n.memoizedProps:u,i=e.type,s=e.updateQueue;if(e.updateQueue=null,s!==null)try{i==="input"&&u.type==="radio"&&u.name!=null&&Mo(l,u),Dl(i,o);var m=Dl(i,u);for(o=0;o<s.length;o+=2){var y=s[o],g=s[o+1];y==="style"?$o(l,g):y==="dangerouslySetInnerHTML"?Uo(l,g):y==="children"?jn(l,g):et(l,y,g,m)}switch(i){case"input":Ll(l,u);break;case"textarea":Do(l,u);break;case"select":var h=l._wrapperState.wasMultiple;l._wrapperState.wasMultiple=!!u.multiple;var _=u.value;_!=null?sn(l,!!u.multiple,_,!1):h!==!!u.multiple&&(u.defaultValue!=null?sn(l,!!u.multiple,u.defaultValue,!0):sn(l,!!u.multiple,u.multiple?[]:"",!1))}l[nr]=u}catch(T){ae(e,e.return,T)}}break;case 6:if(st(t,e),yt(e),r&4){if(e.stateNode===null)throw Error(d(162));l=e.stateNode,u=e.memoizedProps;try{l.nodeValue=u}catch(T){ae(e,e.return,T)}}break;case 3:if(st(t,e),yt(e),r&4&&n!==null&&n.memoizedState.isDehydrated)try{Qn(t.containerInfo)}catch(T){ae(e,e.return,T)}break;case 4:st(t,e),yt(e);break;case 13:st(t,e),yt(e),l=e.child,l.flags&8192&&(u=l.memoizedState!==null,l.stateNode.isHidden=u,!u||l.alternate!==null&&l.alternate.memoizedState!==null||(so=ce())),r&4&&la(e);break;case 22:if(y=n!==null&&n.memoizedState!==null,e.mode&1?(Pe=(m=Pe)||y,st(t,e),Pe=m):st(t,e),yt(e),r&8192){if(m=e.memoizedState!==null,(e.stateNode.isHidden=m)&&!y&&(e.mode&1)!==0)for(N=e,y=e.child;y!==null;){for(g=N=y;N!==null;){switch(h=N,_=h.child,h.tag){case 0:case 11:case 14:case 15:pr(4,h,h.return);break;case 1:Tn(h,h.return);var z=h.stateNode;if(typeof z.componentWillUnmount=="function"){r=h,n=h.return;try{t=r,z.props=t.memoizedProps,z.state=t.memoizedState,z.componentWillUnmount()}catch(T){ae(r,n,T)}}break;case 5:Tn(h,h.return);break;case 22:if(h.memoizedState!==null){sa(g);continue}}_!==null?(_.return=h,N=_):sa(g)}y=y.sibling}e:for(y=null,g=e;;){if(g.tag===5){if(y===null){y=g;try{l=g.stateNode,m?(u=l.style,typeof u.setProperty=="function"?u.setProperty("display","none","important"):u.display="none"):(i=g.stateNode,s=g.memoizedProps.style,o=s!=null&&s.hasOwnProperty("display")?s.display:null,i.style.display=Vo("display",o))}catch(T){ae(e,e.return,T)}}}else if(g.tag===6){if(y===null)try{g.stateNode.nodeValue=m?"":g.memoizedProps}catch(T){ae(e,e.return,T)}}else if((g.tag!==22&&g.tag!==23||g.memoizedState===null||g===e)&&g.child!==null){g.child.return=g,g=g.child;continue}if(g===e)break e;for(;g.sibling===null;){if(g.return===null||g.return===e)break e;y===g&&(y=null),g=g.return}y===g&&(y=null),g.sibling.return=g.return,g=g.sibling}}break;case 19:st(t,e),yt(e),r&4&&la(e);break;case 21:break;default:st(t,e),yt(e)}}function yt(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(ta(n)){var r=n;break e}n=n.return}throw Error(d(160))}switch(r.tag){case 5:var l=r.stateNode;r.flags&32&&(jn(l,""),r.flags&=-33);var u=na(e);uo(e,u,l);break;case 3:case 4:var o=r.stateNode.containerInfo,i=na(e);lo(e,i,o);break;default:throw Error(d(161))}}catch(s){ae(e,e.return,s)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function vf(e,t,n){N=e,oa(e)}function oa(e,t,n){for(var r=(e.mode&1)!==0;N!==null;){var l=N,u=l.child;if(l.tag===22&&r){var o=l.memoizedState!==null||fl;if(!o){var i=l.alternate,s=i!==null&&i.memoizedState!==null||Pe;i=fl;var m=Pe;if(fl=o,(Pe=s)&&!m)for(N=l;N!==null;)o=N,s=o.child,o.tag===22&&o.memoizedState!==null?aa(l):s!==null?(s.return=o,N=s):aa(l);for(;u!==null;)N=u,oa(u),u=u.sibling;N=l,fl=i,Pe=m}ia(e)}else(l.subtreeFlags&8772)!==0&&u!==null?(u.return=l,N=u):ia(e)}}function ia(e){for(;N!==null;){var t=N;if((t.flags&8772)!==0){var n=t.alternate;try{if((t.flags&8772)!==0)switch(t.tag){case 0:case 11:case 15:Pe||dl(5,t);break;case 1:var r=t.stateNode;if(t.flags&4&&!Pe)if(n===null)r.componentDidMount();else{var l=t.elementType===t.type?n.memoizedProps:ot(t.type,n.memoizedProps);r.componentDidUpdate(l,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var u=t.updateQueue;u!==null&&ss(t,u,r);break;case 3:var o=t.updateQueue;if(o!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}ss(t,o,n)}break;case 5:var i=t.stateNode;if(n===null&&t.flags&4){n=i;var s=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":s.autoFocus&&n.focus();break;case"img":s.src&&(n.src=s.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var m=t.alternate;if(m!==null){var y=m.memoizedState;if(y!==null){var g=y.dehydrated;g!==null&&Qn(g)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(d(163))}Pe||t.flags&512&&ro(t)}catch(h){ae(t,t.return,h)}}if(t===e){N=null;break}if(n=t.sibling,n!==null){n.return=t.return,N=n;break}N=t.return}}function sa(e){for(;N!==null;){var t=N;if(t===e){N=null;break}var n=t.sibling;if(n!==null){n.return=t.return,N=n;break}N=t.return}}function aa(e){for(;N!==null;){var t=N;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{dl(4,t)}catch(s){ae(t,n,s)}break;case 1:var r=t.stateNode;if(typeof r.componentDidMount=="function"){var l=t.return;try{r.componentDidMount()}catch(s){ae(t,l,s)}}var u=t.return;try{ro(t)}catch(s){ae(t,u,s)}break;case 5:var o=t.return;try{ro(t)}catch(s){ae(t,o,s)}}}catch(s){ae(t,t.return,s)}if(t===e){N=null;break}var i=t.sibling;if(i!==null){i.return=t.return,N=i;break}N=t.return}}var yf=Math.ceil,pl=Ce.ReactCurrentDispatcher,oo=Ce.ReactCurrentOwner,Je=Ce.ReactCurrentBatchConfig,Q=0,we=null,me=null,Ee=0,Qe=0,Rn=It(0),ye=0,mr=null,nn=0,ml=0,io=0,hr=null,Fe=null,so=0,Ln=1/0,Nt=null,hl=!1,ao=null,$t=null,vl=!1,Bt=null,yl=0,vr=0,co=null,gl=-1,wl=0;function Re(){return(Q&6)!==0?ce():gl!==-1?gl:gl=ce()}function Ht(e){return(e.mode&1)===0?1:(Q&2)!==0&&Ee!==0?Ee&-Ee:bc.transition!==null?(wl===0&&(wl=ni()),wl):(e=J,e!==0||(e=window.event,e=e===void 0?16:fi(e.type)),e)}function at(e,t,n,r){if(50<vr)throw vr=0,co=null,Error(d(185));Vn(e,n,r),((Q&2)===0||e!==we)&&(e===we&&((Q&2)===0&&(ml|=n),ye===4&&Wt(e,Ee)),Ae(e,r),n===1&&Q===0&&(t.mode&1)===0&&(Ln=ce()+500,Yr&&Ft()))}function Ae(e,t){var n=e.callbackNode;ba(e,t);var r=zr(e,e===we?Ee:0);if(r===0)n!==null&&bo(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(n!=null&&bo(n),t===1)e.tag===0?qc(fa.bind(null,e)):Zi(fa.bind(null,e)),Xc(function(){(Q&6)===0&&Ft()}),n=null;else{switch(ri(r)){case 1:n=Hl;break;case 4:n=ei;break;case 16:n=xr;break;case 536870912:n=ti;break;default:n=xr}n=wa(n,ca.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function ca(e,t){if(gl=-1,wl=0,(Q&6)!==0)throw Error(d(327));var n=e.callbackNode;if(On()&&e.callbackNode!==n)return null;var r=zr(e,e===we?Ee:0);if(r===0)return null;if((r&30)!==0||(r&e.expiredLanes)!==0||t)t=kl(e,r);else{t=r;var l=Q;Q|=2;var u=pa();(we!==e||Ee!==t)&&(Nt=null,Ln=ce()+500,ln(e,t));do try{kf();break}catch(i){da(e,i)}while(!0);zu(),pl.current=u,Q=l,me!==null?t=0:(we=null,Ee=0,t=ye)}if(t!==0){if(t===2&&(l=Wl(e),l!==0&&(r=l,t=fo(e,l))),t===1)throw n=mr,ln(e,0),Wt(e,r),Ae(e,ce()),n;if(t===6)Wt(e,r);else{if(l=e.current.alternate,(r&30)===0&&!gf(l)&&(t=kl(e,r),t===2&&(u=Wl(e),u!==0&&(r=u,t=fo(e,u))),t===1))throw n=mr,ln(e,0),Wt(e,r),Ae(e,ce()),n;switch(e.finishedWork=l,e.finishedLanes=r,t){case 0:case 1:throw Error(d(345));case 2:un(e,Fe,Nt);break;case 3:if(Wt(e,r),(r&130023424)===r&&(t=so+500-ce(),10<t)){if(zr(e,0)!==0)break;if(l=e.suspendedLanes,(l&r)!==r){Re(),e.pingedLanes|=e.suspendedLanes&l;break}e.timeoutHandle=yu(un.bind(null,e,Fe,Nt),t);break}un(e,Fe,Nt);break;case 4:if(Wt(e,r),(r&4194240)===r)break;for(t=e.eventTimes,l=-1;0<r;){var o=31-rt(r);u=1<<o,o=t[o],o>l&&(l=o),r&=~u}if(r=l,r=ce()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*yf(r/1960))-r,10<r){e.timeoutHandle=yu(un.bind(null,e,Fe,Nt),r);break}un(e,Fe,Nt);break;case 5:un(e,Fe,Nt);break;default:throw Error(d(329))}}}return Ae(e,ce()),e.callbackNode===n?ca.bind(null,e):null}function fo(e,t){var n=hr;return e.current.memoizedState.isDehydrated&&(ln(e,t).flags|=256),e=kl(e,t),e!==2&&(t=Fe,Fe=n,t!==null&&po(t)),e}function po(e){Fe===null?Fe=e:Fe.push.apply(Fe,e)}function gf(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var r=0;r<n.length;r++){var l=n[r],u=l.getSnapshot;l=l.value;try{if(!lt(u(),l))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function Wt(e,t){for(t&=~io,t&=~ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-rt(t),r=1<<n;e[n]=-1,t&=~r}}function fa(e){if((Q&6)!==0)throw Error(d(327));On();var t=zr(e,0);if((t&1)===0)return Ae(e,ce()),null;var n=kl(e,t);if(e.tag!==0&&n===2){var r=Wl(e);r!==0&&(t=r,n=fo(e,r))}if(n===1)throw n=mr,ln(e,0),Wt(e,t),Ae(e,ce()),n;if(n===6)throw Error(d(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,un(e,Fe,Nt),Ae(e,ce()),null}function mo(e,t){var n=Q;Q|=1;try{return e(t)}finally{Q=n,Q===0&&(Ln=ce()+500,Yr&&Ft())}}function rn(e){Bt!==null&&Bt.tag===0&&(Q&6)===0&&On();var t=Q;Q|=1;var n=Je.transition,r=J;try{if(Je.transition=null,J=1,e)return e()}finally{J=r,Je.transition=n,Q=t,(Q&6)===0&&Ft()}}function ho(){Qe=Rn.current,re(Rn)}function ln(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,Yc(n)),me!==null)for(n=me.return;n!==null;){var r=n;switch(Cu(r),r.tag){case 1:r=r.type.childContextTypes,r!=null&&Qr();break;case 3:Pn(),re(je),re(xe),Du();break;case 5:ju(r);break;case 4:Pn();break;case 13:re(oe);break;case 19:re(oe);break;case 10:Tu(r.type._context);break;case 22:case 23:ho()}n=n.return}if(we=e,me=e=Qt(e.current,null),Ee=Qe=t,ye=0,mr=null,io=ml=nn=0,Fe=hr=null,bt!==null){for(t=0;t<bt.length;t++)if(n=bt[t],r=n.interleaved,r!==null){n.interleaved=null;var l=r.next,u=n.pending;if(u!==null){var o=u.next;u.next=l,r.next=o}n.pending=r}bt=null}return e}function da(e,t){do{var n=me;try{if(zu(),rl.current=il,ll){for(var r=ie.memoizedState;r!==null;){var l=r.queue;l!==null&&(l.pending=null),r=r.next}ll=!1}if(tn=0,ge=ve=ie=null,sr=!1,ar=0,oo.current=null,n===null||n.return===null){ye=1,mr=t,me=null;break}e:{var u=e,o=n.return,i=n,s=t;if(t=Ee,i.flags|=32768,s!==null&&typeof s=="object"&&typeof s.then=="function"){var m=s,y=i,g=y.tag;if((y.mode&1)===0&&(g===0||g===11||g===15)){var h=y.alternate;h?(y.updateQueue=h.updateQueue,y.memoizedState=h.memoizedState,y.lanes=h.lanes):(y.updateQueue=null,y.memoizedState=null)}var _=Fs(o);if(_!==null){_.flags&=-257,As(_,o,i,u,t),_.mode&1&&Ds(u,m,t),t=_,s=m;var z=t.updateQueue;if(z===null){var T=new Set;T.add(s),t.updateQueue=T}else z.add(s);break e}else{if((t&1)===0){Ds(u,m,t),vo();break e}s=Error(d(426))}}else if(ue&&i.mode&1){var fe=Fs(o);if(fe!==null){(fe.flags&65536)===0&&(fe.flags|=256),As(fe,o,i,u,t),Nu(zn(s,i));break e}}u=s=zn(s,i),ye!==4&&(ye=2),hr===null?hr=[u]:hr.push(u),u=o;do{switch(u.tag){case 3:u.flags|=65536,t&=-t,u.lanes|=t;var f=js(u,s,t);is(u,f);break e;case 1:i=s;var a=u.type,p=u.stateNode;if((u.flags&128)===0&&(typeof a.getDerivedStateFromError=="function"||p!==null&&typeof p.componentDidCatch=="function"&&($t===null||!$t.has(p)))){u.flags|=65536,t&=-t,u.lanes|=t;var k=Is(u,i,t);is(u,k);break e}}u=u.return}while(u!==null)}ha(n)}catch(R){t=R,me===n&&n!==null&&(me=n=n.return);continue}break}while(!0)}function pa(){var e=pl.current;return pl.current=il,e===null?il:e}function vo(){(ye===0||ye===3||ye===2)&&(ye=4),we===null||(nn&268435455)===0&&(ml&268435455)===0||Wt(we,Ee)}function kl(e,t){var n=Q;Q|=2;var r=pa();(we!==e||Ee!==t)&&(Nt=null,ln(e,t));do try{wf();break}catch(l){da(e,l)}while(!0);if(zu(),Q=n,pl.current=r,me!==null)throw Error(d(261));return we=null,Ee=0,ye}function wf(){for(;me!==null;)ma(me)}function kf(){for(;me!==null&&!Wa();)ma(me)}function ma(e){var t=ga(e.alternate,e,Qe);e.memoizedProps=e.pendingProps,t===null?ha(e):me=t,oo.current=null}function ha(e){var t=e;do{var n=t.alternate;if(e=t.return,(t.flags&32768)===0){if(n=df(n,t,Qe),n!==null){me=n;return}}else{if(n=pf(n,t),n!==null){n.flags&=32767,me=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{ye=6,me=null;return}}if(t=t.sibling,t!==null){me=t;return}me=t=e}while(t!==null);ye===0&&(ye=5)}function un(e,t,n){var r=J,l=Je.transition;try{Je.transition=null,J=1,Sf(e,t,n,r)}finally{Je.transition=l,J=r}return null}function Sf(e,t,n,r){do On();while(Bt!==null);if((Q&6)!==0)throw Error(d(327));n=e.finishedWork;var l=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(d(177));e.callbackNode=null,e.callbackPriority=0;var u=n.lanes|n.childLanes;if(ec(e,u),e===we&&(me=we=null,Ee=0),(n.subtreeFlags&2064)===0&&(n.flags&2064)===0||vl||(vl=!0,wa(xr,function(){return On(),null})),u=(n.flags&15990)!==0,(n.subtreeFlags&15990)!==0||u){u=Je.transition,Je.transition=null;var o=J;J=1;var i=Q;Q|=4,oo.current=null,hf(e,n),ua(n,e),Vc(hu),Lr=!!mu,hu=mu=null,e.current=n,vf(n),Qa(),Q=i,J=o,Je.transition=u}else e.current=n;if(vl&&(vl=!1,Bt=e,yl=l),u=e.pendingLanes,u===0&&($t=null),Xa(n.stateNode),Ae(e,ce()),t!==null)for(r=e.onRecoverableError,n=0;n<t.length;n++)l=t[n],r(l.value,{componentStack:l.stack,digest:l.digest});if(hl)throw hl=!1,e=ao,ao=null,e;return(yl&1)!==0&&e.tag!==0&&On(),u=e.pendingLanes,(u&1)!==0?e===co?vr++:(vr=0,co=e):vr=0,Ft(),null}function On(){if(Bt!==null){var e=ri(yl),t=Je.transition,n=J;try{if(Je.transition=null,J=16>e?16:e,Bt===null)var r=!1;else{if(e=Bt,Bt=null,yl=0,(Q&6)!==0)throw Error(d(331));var l=Q;for(Q|=4,N=e.current;N!==null;){var u=N,o=u.child;if((N.flags&16)!==0){var i=u.deletions;if(i!==null){for(var s=0;s<i.length;s++){var m=i[s];for(N=m;N!==null;){var y=N;switch(y.tag){case 0:case 11:case 15:pr(8,y,u)}var g=y.child;if(g!==null)g.return=y,N=g;else for(;N!==null;){y=N;var h=y.sibling,_=y.return;if(ea(y),y===m){N=null;break}if(h!==null){h.return=_,N=h;break}N=_}}}var z=u.alternate;if(z!==null){var T=z.child;if(T!==null){z.child=null;do{var fe=T.sibling;T.sibling=null,T=fe}while(T!==null)}}N=u}}if((u.subtreeFlags&2064)!==0&&o!==null)o.return=u,N=o;else e:for(;N!==null;){if(u=N,(u.flags&2048)!==0)switch(u.tag){case 0:case 11:case 15:pr(9,u,u.return)}var f=u.sibling;if(f!==null){f.return=u.return,N=f;break e}N=u.return}}var a=e.current;for(N=a;N!==null;){o=N;var p=o.child;if((o.subtreeFlags&2064)!==0&&p!==null)p.return=o,N=p;else e:for(o=a;N!==null;){if(i=N,(i.flags&2048)!==0)try{switch(i.tag){case 0:case 11:case 15:dl(9,i)}}catch(R){ae(i,i.return,R)}if(i===o){N=null;break e}var k=i.sibling;if(k!==null){k.return=i.return,N=k;break e}N=i.return}}if(Q=l,Ft(),pt&&typeof pt.onPostCommitFiberRoot=="function")try{pt.onPostCommitFiberRoot(_r,e)}catch{}r=!0}return r}finally{J=n,Je.transition=t}}return!1}function va(e,t,n){t=zn(n,t),t=js(e,t,1),e=Ut(e,t,1),t=Re(),e!==null&&(Vn(e,1,t),Ae(e,t))}function ae(e,t,n){if(e.tag===3)va(e,e,n);else for(;t!==null;){if(t.tag===3){va(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof r.componentDidCatch=="function"&&($t===null||!$t.has(r))){e=zn(n,e),e=Is(t,e,1),t=Ut(t,e,1),e=Re(),t!==null&&(Vn(t,1,e),Ae(t,e));break}}t=t.return}}function Ef(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),t=Re(),e.pingedLanes|=e.suspendedLanes&n,we===e&&(Ee&n)===n&&(ye===4||ye===3&&(Ee&130023424)===Ee&&500>ce()-so?ln(e,0):io|=n),Ae(e,t)}function ya(e,t){t===0&&((e.mode&1)===0?t=1:(t=Pr,Pr<<=1,(Pr&130023424)===0&&(Pr=4194304)));var n=Re();e=Ct(e,t),e!==null&&(Vn(e,t,n),Ae(e,n))}function Cf(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),ya(e,n)}function xf(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(d(314))}r!==null&&r.delete(t),ya(e,n)}var ga;ga=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||je.current)De=!0;else{if((e.lanes&n)===0&&(t.flags&128)===0)return De=!1,ff(e,t,n);De=(e.flags&131072)!==0}else De=!1,ue&&(t.flags&1048576)!==0&&Ji(t,Gr,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;cl(e,t),e=t.pendingProps;var l=kn(t,xe.current);Nn(t,n),l=Uu(null,t,r,e,l,n);var u=Vu();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ie(r)?(u=!0,Kr(t)):u=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Ou(t),l.updater=sl,t.stateNode=l,l._reactInternals=t,Ku(t,r,e,n),t=Zu(null,t,r,!0,u,n)):(t.tag=0,ue&&u&&Eu(t),Te(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(cl(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=Nf(r),e=ot(r,e),l){case 0:t=Gu(null,t,r,e,n);break e;case 1:t=Ws(null,t,r,e,n);break e;case 11:t=Us(null,t,r,e,n);break e;case 14:t=Vs(null,t,r,ot(r.type,e),n);break e}throw Error(d(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:ot(r,l),Gu(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:ot(r,l),Ws(e,t,r,l,n);case 3:e:{if(Qs(t),e===null)throw Error(d(387));r=t.pendingProps,u=t.memoizedState,l=u.element,os(e,t),tl(t,r,null,n);var o=t.memoizedState;if(r=o.element,u.isDehydrated)if(u={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=u,t.memoizedState=u,t.flags&256){l=zn(Error(d(423)),t),t=Ks(e,t,r,n,l);break e}else if(r!==l){l=zn(Error(d(424)),t),t=Ks(e,t,r,n,l);break e}else for(We=jt(t.stateNode.containerInfo.firstChild),He=t,ue=!0,ut=null,n=ls(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Cn(),r===l){t=_t(e,t,n);break e}Te(e,t,r,n)}t=t.child}return t;case 5:return as(t),e===null&&_u(t),r=t.type,l=t.pendingProps,u=e!==null?e.memoizedProps:null,o=l.children,vu(r,l)?o=null:u!==null&&vu(r,u)&&(t.flags|=32),Hs(e,t),Te(e,t,o,n),t.child;case 6:return e===null&&_u(t),null;case 13:return Ys(e,t,n);case 4:return Mu(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=xn(t,null,r,n):Te(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:ot(r,l),Us(e,t,r,l,n);case 7:return Te(e,t,t.pendingProps,n),t.child;case 8:return Te(e,t,t.pendingProps.children,n),t.child;case 12:return Te(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,u=t.memoizedProps,o=l.value,te(qr,r._currentValue),r._currentValue=o,u!==null)if(lt(u.value,o)){if(u.children===l.children&&!je.current){t=_t(e,t,n);break e}}else for(u=t.child,u!==null&&(u.return=t);u!==null;){var i=u.dependencies;if(i!==null){o=u.child;for(var s=i.firstContext;s!==null;){if(s.context===r){if(u.tag===1){s=xt(-1,n&-n),s.tag=2;var m=u.updateQueue;if(m!==null){m=m.shared;var y=m.pending;y===null?s.next=s:(s.next=y.next,y.next=s),m.pending=s}}u.lanes|=n,s=u.alternate,s!==null&&(s.lanes|=n),Ru(u.return,n,t),i.lanes|=n;break}s=s.next}}else if(u.tag===10)o=u.type===t.type?null:u.child;else if(u.tag===18){if(o=u.return,o===null)throw Error(d(341));o.lanes|=n,i=o.alternate,i!==null&&(i.lanes|=n),Ru(o,n,t),o=u.sibling}else o=u.child;if(o!==null)o.return=u;else for(o=u;o!==null;){if(o===t){o=null;break}if(u=o.sibling,u!==null){u.return=o.return,o=u;break}o=o.return}u=o}Te(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,Nn(t,n),l=Ge(l),r=r(l),t.flags|=1,Te(e,t,r,n),t.child;case 14:return r=t.type,l=ot(r,t.pendingProps),l=ot(r.type,l),Vs(e,t,r,l,n);case 15:return $s(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:ot(r,l),cl(e,t),t.tag=1,Ie(r)?(e=!0,Kr(t)):e=!1,Nn(t,n),Os(t,r,l),Ku(t,r,l,n),Zu(null,t,r,!0,e,n);case 19:return Gs(e,t,n);case 22:return Bs(e,t,n)}throw Error(d(156,t.tag))};function wa(e,t){return qo(e,t)}function _f(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function qe(e,t,n,r){return new _f(e,t,n,r)}function yo(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Nf(e){if(typeof e=="function")return yo(e)?1:0;if(e!=null){if(e=e.$$typeof,e===ft)return 11;if(e===dt)return 14}return 2}function Qt(e,t){var n=e.alternate;return n===null?(n=qe(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Sl(e,t,n,r,l,u){var o=2;if(r=e,typeof e=="function")yo(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case Oe:return on(n.children,l,u,t);case Ke:o=8,l|=8;break;case Pt:return e=qe(12,n,t,l|2),e.elementType=Pt,e.lanes=u,e;case Ve:return e=qe(13,n,t,l),e.elementType=Ve,e.lanes=u,e;case nt:return e=qe(19,n,t,l),e.elementType=nt,e.lanes=u,e;case se:return El(n,l,u,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case gt:o=10;break e;case Yt:o=9;break e;case ft:o=11;break e;case dt:o=14;break e;case Me:o=16,r=null;break e}throw Error(d(130,e==null?e:typeof e,""))}return t=qe(o,n,t,l),t.elementType=e,t.type=r,t.lanes=u,t}function on(e,t,n,r){return e=qe(7,e,r,t),e.lanes=n,e}function El(e,t,n,r){return e=qe(22,e,r,t),e.elementType=se,e.lanes=n,e.stateNode={isHidden:!1},e}function go(e,t,n){return e=qe(6,e,null,t),e.lanes=n,e}function wo(e,t,n){return t=qe(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Pf(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Ql(0),this.expirationTimes=Ql(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ql(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function ko(e,t,n,r,l,u,o,i,s){return e=new Pf(e,t,n,i,s),t===1?(t=1,u===!0&&(t|=8)):t=0,u=qe(3,null,null,t),e.current=u,u.stateNode=e,u.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ou(u),e}function zf(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:ze,key:r==null?null:""+r,children:e,containerInfo:t,implementation:n}}function ka(e){if(!e)return Dt;e=e._reactInternals;e:{if(Xt(e)!==e||e.tag!==1)throw Error(d(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Ie(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(t!==null);throw Error(d(171))}if(e.tag===1){var n=e.type;if(Ie(n))return Xi(e,n,t)}return t}function Sa(e,t,n,r,l,u,o,i,s){return e=ko(n,r,!0,e,l,u,o,i,s),e.context=ka(null),n=e.current,r=Re(),l=Ht(n),u=xt(r,l),u.callback=t??null,Ut(n,u,l),e.current.lanes=l,Vn(e,l,r),Ae(e,r),e}function Cl(e,t,n,r){var l=t.current,u=Re(),o=Ht(l);return n=ka(n),t.context===null?t.context=n:t.pendingContext=n,t=xt(u,o),t.payload={element:e},r=r===void 0?null:r,r!==null&&(t.callback=r),e=Ut(l,t,o),e!==null&&(at(e,l,o,u),el(e,l,o)),o}function xl(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function Ea(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function So(e,t){Ea(e,t),(e=e.alternate)&&Ea(e,t)}function Tf(){return null}var Ca=typeof reportError=="function"?reportError:function(e){console.error(e)};function Eo(e){this._internalRoot=e}_l.prototype.render=Eo.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(d(409));Cl(e,t,null,null)},_l.prototype.unmount=Eo.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;rn(function(){Cl(null,e,null,null)}),t[wt]=null}};function _l(e){this._internalRoot=e}_l.prototype.unstable_scheduleHydration=function(e){if(e){var t=oi();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Lt.length&&t!==0&&t<Lt[n].priority;n++);Lt.splice(n,0,e),n===0&&ai(e)}};function Co(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function Nl(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function xa(){}function Rf(e,t,n,r,l){if(l){if(typeof r=="function"){var u=r;r=function(){var m=xl(o);u.call(m)}}var o=Sa(t,r,e,0,null,!1,!1,"",xa);return e._reactRootContainer=o,e[wt]=o.current,er(e.nodeType===8?e.parentNode:e),rn(),o}for(;l=e.lastChild;)e.removeChild(l);if(typeof r=="function"){var i=r;r=function(){var m=xl(s);i.call(m)}}var s=ko(e,0,!1,null,null,!1,!1,"",xa);return e._reactRootContainer=s,e[wt]=s.current,er(e.nodeType===8?e.parentNode:e),rn(function(){Cl(t,s,n,r)}),s}function Pl(e,t,n,r,l){var u=n._reactRootContainer;if(u){var o=u;if(typeof l=="function"){var i=l;l=function(){var s=xl(o);i.call(s)}}Cl(t,o,e,l)}else o=Rf(n,t,e,l,r);return xl(o)}li=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Un(t.pendingLanes);n!==0&&(Kl(t,n|1),Ae(t,ce()),(Q&6)===0&&(Ln=ce()+500,Ft()))}break;case 13:rn(function(){var r=Ct(e,1);if(r!==null){var l=Re();at(r,e,1,l)}}),So(e,1)}},Yl=function(e){if(e.tag===13){var t=Ct(e,134217728);if(t!==null){var n=Re();at(t,e,134217728,n)}So(e,134217728)}},ui=function(e){if(e.tag===13){var t=Ht(e),n=Ct(e,t);if(n!==null){var r=Re();at(n,e,t,r)}So(e,t)}},oi=function(){return J},ii=function(e,t){var n=J;try{return J=e,t()}finally{J=n}},Ul=function(e,t,n){switch(t){case"input":if(Ll(e,n),t=n.name,n.type==="radio"&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var l=Wr(r);if(!l)throw Error(d(90));Lo(r),Ll(r,l)}}}break;case"textarea":Do(e,n);break;case"select":t=n.value,t!=null&&sn(e,!!n.multiple,t,!1)}},Qo=mo,Ko=rn;var Lf={usingClientEntryPoint:!1,Events:[rr,gn,Wr,Ho,Wo,mo]},yr={findFiberByHostInstance:Gt,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},Of={bundleType:yr.bundleType,version:yr.version,rendererPackageName:yr.rendererPackageName,rendererConfig:yr.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Ce.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=Zo(e),e===null?null:e.stateNode},findFiberByHostInstance:yr.findFiberByHostInstance||Tf,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var zl=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!zl.isDisabled&&zl.supportsFiber)try{_r=zl.inject(Of),pt=zl}catch{}}return Ue.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Lf,Ue.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!Co(t))throw Error(d(200));return zf(e,t,null,n)},Ue.createRoot=function(e,t){if(!Co(e))throw Error(d(299));var n=!1,r="",l=Ca;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onRecoverableError!==void 0&&(l=t.onRecoverableError)),t=ko(e,1,!1,null,null,n,!1,r,l),e[wt]=t.current,er(e.nodeType===8?e.parentNode:e),new Eo(t)},Ue.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(d(188)):(e=Object.keys(e).join(","),Error(d(268,e)));return e=Zo(t),e=e===null?null:e.stateNode,e},Ue.flushSync=function(e){return rn(e)},Ue.hydrate=function(e,t,n){if(!Nl(t))throw Error(d(200));return Pl(null,e,t,!0,n)},Ue.hydrateRoot=function(e,t,n){if(!Co(e))throw Error(d(405));var r=n!=null&&n.hydratedSources||null,l=!1,u="",o=Ca;if(n!=null&&(n.unstable_strictMode===!0&&(l=!0),n.identifierPrefix!==void 0&&(u=n.identifierPrefix),n.onRecoverableError!==void 0&&(o=n.onRecoverableError)),t=Sa(t,null,e,1,n??null,l,!1,u,o),e[wt]=t.current,er(e),r)for(e=0;e<r.length;e++)n=r[e],l=n._getVersion,l=l(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,l]:t.mutableSourceEagerHydrationData.push(n,l);return new _l(t)},Ue.render=function(e,t,n){if(!Nl(t))throw Error(d(200));return Pl(null,e,t,!1,n)},Ue.unmountComponentAtNode=function(e){if(!Nl(e))throw Error(d(40));return e._reactRootContainer?(rn(function(){Pl(null,null,e,!1,function(){e._reactRootContainer=null,e[wt]=null})}),!0):!1},Ue.unstable_batchedUpdates=mo,Ue.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Nl(n))throw Error(d(200));if(e==null||e._reactInternals===void 0)throw Error(d(38));return Pl(e,t,n,!1,r)},Ue.version="18.3.1-next-f1338f8080-20240426",Ue}var Oa;function Bf(){if(Oa)return Po.exports;Oa=1;function w(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(w)}catch(S){console.error(S)}}return w(),Po.exports=$f(),Po.exports}var Ma;function Hf(){if(Ma)return Tl;Ma=1;var w=Bf();return Tl.createRoot=w.createRoot,Tl.hydrateRoot=w.hydrateRoot,Tl}var Wf=Hf();const Da={schemaVersion:1,minCompatibleSchemaVersion:1,revision:0,pinsChecked:!1,activeSurface:"",modeOptions:[],currentMode:""};function Qf(w=window){var d;const S=w;return!!(S.QWebChannel&&((d=S.qt)!=null&&d.webChannelTransport))}function Kf(w,S=window){var x;const d=S;!d.QWebChannel||!((x=d.qt)!=null&&x.webChannelTransport)||new d.QWebChannel(d.qt.webChannelTransport,L=>{w(L.objects)})}function Yf(w){return typeof w=="object"&&w!==null&&!Array.isArray(w)}function Xf(w,S,d){if(!Yf(w)){d.push(`${S}: expected object`);return}{const x=w.schemaVersion;x==null?d.push(`${S}.schemaVersion: missing required field`):typeof x!="number"&&d.push(`${S}.schemaVersion: expected number`)}{const x=w.revision;x==null?d.push(`${S}.revision: missing required field`):typeof x!="number"&&d.push(`${S}.revision: expected number`)}{const x=w.pinsChecked;x==null?d.push(`${S}.pinsChecked: missing required field`):typeof x!="boolean"&&d.push(`${S}.pinsChecked: expected boolean`)}{const x=w.activeSurface;x==null?d.push(`${S}.activeSurface: missing required field`):typeof x!="string"&&d.push(`${S}.activeSurface: expected string`)}{const x=w.modeOptions;x==null?d.push(`${S}.modeOptions: missing required field`):Array.isArray(x)?x.forEach((L,V)=>{typeof L!="string"&&d.push(`${S}.modeOptions[${V}]: expected string`)}):d.push(`${S}.modeOptions: expected array`)}{const x=w.currentMode;x==null?d.push(`${S}.currentMode: missing required field`):typeof x!="string"&&d.push(`${S}.currentMode: expected string`)}{const x=w.minCompatibleSchemaVersion;x!=null&&typeof x!="number"&&d.push(`${S}.minCompatibleSchemaVersion: expected number`)}}function Gf(w){const S=[];return Xf(w,"$",S),S.length===0?{ok:!0,value:w}:{ok:!1,errors:S}}const ja=1,Ia=1;function Zf(w){if(typeof w!="object"||w===null)return{compatible:!1,reason:"The update from the desktop app was not an object."};const S=w,d=S.schemaVersion;if(typeof d!="number"||!Number.isFinite(d))return{compatible:!1,reason:"The update from the desktop app did not declare a schema version."};if(d<Ia)return{compatible:!1,reason:`The desktop app sent schema version ${d}, but this interface needs at least ${Ia}.`};const x=S.minCompatibleSchemaVersion;return typeof x=="number"&&Number.isFinite(x)&&ja<x?{compatible:!1,reason:`The desktop app requires an interface of at least schema version ${x}, but this one is version ${ja}. The bundled interface is out of date.`}:{compatible:!0}}function Jf(w,S){let d;try{d=JSON.parse(w)}catch(V){return{ok:!1,rejection:{kind:"parse",reason:"The desktop app sent an update that could not be read as JSON.",details:[V instanceof Error?V.message:String(V)]}}}const x=Zf(d);if(!x.compatible)return{ok:!1,rejection:{kind:"version",reason:x.reason,details:[]}};const L=S(d);return L.ok?{ok:!0,state:L.value}:{ok:!1,rejection:{kind:"shape",reason:"The update from the desktop app did not match the expected format.",details:L.errors.slice(0,8)}}}function qf(w){return Jf(w,Gf)}class bf{constructor(S){xo(this,"state",structuredClone(Da));xo(this,"listener");this.listener=S}ready(){this.listener(this.state)}reportAnchorRect(){}openLibrary(){}saveChat(){}togglePins(){}organizeNodes(){}zoomIn(){}zoomOut(){}resetZoom(){}fitAll(){}toggleControls(){}togglePlugins(){}selectMode(){}openSettings(){}openAbout(){}openHelp(){}dispose(){}}function ed(w,S){const d=new bf(w);if(!Qf())return d;let x=null,L=!1;const V=$=>{const D=qf($);if(D.ok){w(D.state),S==null||S(null);return}console.error(`[toolbar bridge] rejected payload (${D.rejection.kind}): ${D.rejection.reason}`,D.rejection.details),S==null||S(D.rejection)};Kf($=>{x=$.toolbarBridge,x.stateChanged.connect(V),L=!0,x.ready()});const A=($,...D)=>{L&&x&&typeof x[$]=="function"&&x[$](...D)};return{ready:()=>A("ready"),reportAnchorRect:($,D,de,pe,b)=>A("reportAnchorRect",$,D,de,pe,b),openLibrary:()=>A("openLibrary"),saveChat:()=>A("saveChat"),togglePins:()=>A("togglePins"),organizeNodes:()=>A("organizeNodes"),zoomIn:()=>A("zoomIn"),zoomOut:()=>A("zoomOut"),resetZoom:()=>A("resetZoom"),fitAll:()=>A("fitAll"),toggleControls:$=>A("toggleControls",$),togglePlugins:()=>A("togglePlugins"),selectMode:$=>A("selectMode",$),openSettings:()=>A("openSettings"),openAbout:()=>A("openAbout"),openHelp:()=>A("openHelp"),dispose:()=>{var $,D;(D=x==null?void 0:($=x.stateChanged).disconnect)==null||D.call($,V),x=null}}}function td({title:w,rejection:S,className:d}){return q.jsxs("div",{className:d,role:"alert","aria-live":"assertive",children:[q.jsx("div",{className:"bridge-error-title",children:w}),q.jsx("p",{className:"bridge-error-reason",children:S.reason}),S.details.length>0&&q.jsx("ul",{className:"bridge-error-details",children:S.details.map(x=>q.jsx("li",{children:x},x))}),q.jsx("p",{className:"bridge-error-hint",children:S.kind==="version"?"Rebuilding the app's interface assets usually resolves this.":"This is a bug - the desktop app and this interface disagree about the message format."})]})}const nd=["pins","plugins","settings","help"];function rd(){const[w,S]=be.useState(Da),[d,x]=be.useState(null),L=be.useRef(null),V=be.useRef(null),A=be.useRef(null),$=be.useRef(null),D=be.useRef(null),de=be.useRef(null),pe={pins:A,plugins:$,settings:D,help:de};be.useEffect(()=>{const C=ed(S,x);return L.current=C,C.ready(),()=>{C.dispose(),L.current=null}},[]);function b(){var C;for(const W of nd){const G=pe[W].current;if(!G)continue;const Le=G.getBoundingClientRect();(C=L.current)==null||C.reportAnchorRect(W,Math.round(Le.left),Math.round(Le.top),Math.round(Le.width),Math.round(Le.height))}}if(be.useEffect(()=>{const C=V.current;if(!C)return;const W=new ResizeObserver(b);return W.observe(C),()=>W.disconnect()},[]),be.useEffect(b,[w.revision]),d)return q.jsx(td,{title:"The toolbar is unavailable",rejection:d,className:"toolbar-shell bridge-error"});const H=C=>w.activeSurface===C,he=C=>"toolbar-btn toolbar-btn-checkable"+(H(C)?" checked":"");return q.jsxs("div",{className:"toolbar-shell",ref:V,children:[q.jsx("button",{type:"button",className:he("library"),"aria-pressed":H("library"),onClick:()=>{var C;return(C=L.current)==null?void 0:C.openLibrary()},children:"Library"}),q.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var C;return(C=L.current)==null?void 0:C.saveChat()},children:"Save"}),q.jsx("button",{type:"button",ref:A,className:"toolbar-btn toolbar-btn-checkable"+(w.pinsChecked?" checked":""),"aria-pressed":w.pinsChecked,title:"Show navigation pins",onClick:()=>{var C;return(C=L.current)==null?void 0:C.togglePins()},children:"Pins"}),q.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var C;return(C=L.current)==null?void 0:C.organizeNodes()},children:"Organize"}),q.jsx("span",{className:"toolbar-separator"}),q.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var C;return(C=L.current)==null?void 0:C.zoomIn()},children:"Zoom In"}),q.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var C;return(C=L.current)==null?void 0:C.zoomOut()},children:"Zoom Out"}),q.jsx("span",{className:"toolbar-separator"}),q.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var C;return(C=L.current)==null?void 0:C.resetZoom()},children:"Reset"}),q.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var C;return(C=L.current)==null?void 0:C.fitAll()},children:"Fit All"}),q.jsx("button",{type:"button",className:he("controls"),"aria-pressed":H("controls"),onClick:()=>{var C;return(C=L.current)==null?void 0:C.toggleControls(!H("controls"))},children:"Controls"}),q.jsxs("button",{type:"button",ref:$,className:he("plugins")+" toolbar-btn-plugins","aria-pressed":H("plugins"),onClick:()=>{var C;return(C=L.current)==null?void 0:C.togglePlugins()},children:["Plugins ",q.jsx("span",{className:"toolbar-chevron",children:"▾"})]}),q.jsx("span",{className:"toolbar-spacer"}),q.jsx("select",{className:"toolbar-mode-select",value:w.currentMode,"aria-label":"Provider mode",onChange:C=>{var W;return(W=L.current)==null?void 0:W.selectMode(C.target.value)},children:w.modeOptions.map(C=>q.jsx("option",{value:C,children:C},C))}),q.jsx("button",{type:"button",ref:D,className:he("settings"),"aria-pressed":H("settings"),onClick:()=>{var C;return(C=L.current)==null?void 0:C.openSettings()},children:"Settings"}),q.jsx("button",{type:"button",className:he("about"),"aria-pressed":H("about"),onClick:()=>{var C;return(C=L.current)==null?void 0:C.openAbout()},children:"About"}),q.jsx("button",{type:"button",ref:de,className:he("help"),"aria-pressed":H("help"),onClick:()=>{var C;return(C=L.current)==null?void 0:C.openHelp()},children:"Help"})]})}Wf.createRoot(document.getElementById("root")).render(q.jsx(be.StrictMode,{children:q.jsx(rd,{})}));
diff --git a/assets/toolbar/assets/index-DwVg4wwn.js b/assets/toolbar/assets/index-DwVg4wwn.js
deleted file mode 100644
index 36539d4..0000000
--- a/assets/toolbar/assets/index-DwVg4wwn.js
+++ /dev/null
@@ -1,40 +0,0 @@
-var jf=Object.defineProperty;var If=(k,S,p)=>S in k?jf(k,S,{enumerable:!0,configurable:!0,writable:!0,value:p}):k[S]=p;var xo=(k,S,p)=>If(k,typeof S!="symbol"?S+"":S,p);(function(){const S=document.createElement("link").relList;if(S&&S.supports&&S.supports("modulepreload"))return;for(const D of document.querySelectorAll('link[rel="modulepreload"]'))_(D);new MutationObserver(D=>{for(const H of D)if(H.type==="childList")for(const L of H.addedNodes)L.tagName==="LINK"&&L.rel==="modulepreload"&&_(L)}).observe(document,{childList:!0,subtree:!0});function p(D){const H={};return D.integrity&&(H.integrity=D.integrity),D.referrerPolicy&&(H.referrerPolicy=D.referrerPolicy),D.crossOrigin==="use-credentials"?H.credentials="include":D.crossOrigin==="anonymous"?H.credentials="omit":H.credentials="same-origin",H}function _(D){if(D.ep)return;D.ep=!0;const H=p(D);fetch(D.href,H)}})();var _o={exports:{}},gr={},No={exports:{}},V={};/**
- * @license React
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var _a;function Df(){if(_a)return V;_a=1;var k=Symbol.for("react.element"),S=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),H=Symbol.for("react.provider"),L=Symbol.for("react.context"),$=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),de=Symbol.for("react.memo"),ae=Symbol.for("react.lazy"),J=Symbol.iterator;function q(c){return c===null||typeof c!="object"?null:(c=J&&c[J]||c["@@iterator"],typeof c=="function"?c:null)}var Ne={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Le=Object.assign,E={};function A(c,v,U){this.props=c,this.context=v,this.refs=E,this.updater=U||Ne}A.prototype.isReactComponent={},A.prototype.setState=function(c,v){if(typeof c!="object"&&typeof c!="function"&&c!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,c,v,"setState")},A.prototype.forceUpdate=function(c){this.updater.enqueueForceUpdate(this,c,"forceUpdate")};function Ye(){}Ye.prototype=A.prototype;function Pe(c,v,U){this.props=c,this.context=v,this.refs=E,this.updater=U||Ne}var tt=Pe.prototype=new Ye;tt.constructor=Pe,Le(tt,A.prototype),tt.isPureReactComponent=!0;var Se=Array.isArray,nt=Object.prototype.hasOwnProperty,ze={current:null},Oe={key:!0,ref:!0,__self:!0,__source:!0};function Xe(c,v,U){var B,Q={},K=null,b=null;if(v!=null)for(B in v.ref!==void 0&&(b=v.ref),v.key!==void 0&&(K=""+v.key),v)nt.call(v,B)&&!Oe.hasOwnProperty(B)&&(Q[B]=v[B]);var X=arguments.length-2;if(X===1)Q.children=U;else if(1<X){for(var re=Array(X),$e=0;$e<X;$e++)re[$e]=arguments[$e+2];Q.children=re}if(c&&c.defaultProps)for(B in X=c.defaultProps,X)Q[B]===void 0&&(Q[B]=X[B]);return{$$typeof:k,type:c,key:K,ref:b,props:Q,_owner:ze.current}}function Pt(c,v){return{$$typeof:k,type:c.type,key:v,ref:c.ref,props:c.props,_owner:c._owner}}function gt(c){return typeof c=="object"&&c!==null&&c.$$typeof===k}function Yt(c){var v={"=":"=0",":":"=2"};return"$"+c.replace(/[=:]/g,function(U){return v[U]})}var ft=/\/+/g;function Ve(c,v){return typeof c=="object"&&c!==null&&c.key!=null?Yt(""+c.key):v.toString(36)}function rt(c,v,U,B,Q){var K=typeof c;(K==="undefined"||K==="boolean")&&(c=null);var b=!1;if(c===null)b=!0;else switch(K){case"string":case"number":b=!0;break;case"object":switch(c.$$typeof){case k:case S:b=!0}}if(b)return b=c,Q=Q(b),c=B===""?"."+Ve(b,0):B,Se(Q)?(U="",c!=null&&(U=c.replace(ft,"$&/")+"/"),rt(Q,v,U,"",function($e){return $e})):Q!=null&&(gt(Q)&&(Q=Pt(Q,U+(!Q.key||b&&b.key===Q.key?"":(""+Q.key).replace(ft,"$&/")+"/")+c)),v.push(Q)),1;if(b=0,B=B===""?".":B+":",Se(c))for(var X=0;X<c.length;X++){K=c[X];var re=B+Ve(K,X);b+=rt(K,v,U,re,Q)}else if(re=q(c),typeof re=="function")for(c=re.call(c),X=0;!(K=c.next()).done;)K=K.value,re=B+Ve(K,X++),b+=rt(K,v,U,re,Q);else if(K==="object")throw v=String(c),Error("Objects are not valid as a React child (found: "+(v==="[object Object]"?"object with keys {"+Object.keys(c).join(", ")+"}":v)+"). If you meant to render a collection of children, use an array instead.");return b}function dt(c,v,U){if(c==null)return c;var B=[],Q=0;return rt(c,B,"","",function(K){return v.call(U,K,Q++)}),B}function Me(c){if(c._status===-1){var v=c._result;v=v(),v.then(function(U){(c._status===0||c._status===-1)&&(c._status=1,c._result=U)},function(U){(c._status===0||c._status===-1)&&(c._status=2,c._result=U)}),c._status===-1&&(c._status=0,c._result=v)}if(c._status===1)return c._result.default;throw c._result}var ie={current:null},C={transition:null},j={ReactCurrentDispatcher:ie,ReactCurrentBatchConfig:C,ReactCurrentOwner:ze};function P(){throw Error("act(...) is not supported in production builds of React.")}return V.Children={map:dt,forEach:function(c,v,U){dt(c,function(){v.apply(this,arguments)},U)},count:function(c){var v=0;return dt(c,function(){v++}),v},toArray:function(c){return dt(c,function(v){return v})||[]},only:function(c){if(!gt(c))throw Error("React.Children.only expected to receive a single React element child.");return c}},V.Component=A,V.Fragment=p,V.Profiler=D,V.PureComponent=Pe,V.StrictMode=_,V.Suspense=F,V.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=j,V.act=P,V.cloneElement=function(c,v,U){if(c==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+c+".");var B=Le({},c.props),Q=c.key,K=c.ref,b=c._owner;if(v!=null){if(v.ref!==void 0&&(K=v.ref,b=ze.current),v.key!==void 0&&(Q=""+v.key),c.type&&c.type.defaultProps)var X=c.type.defaultProps;for(re in v)nt.call(v,re)&&!Oe.hasOwnProperty(re)&&(B[re]=v[re]===void 0&&X!==void 0?X[re]:v[re])}var re=arguments.length-2;if(re===1)B.children=U;else if(1<re){X=Array(re);for(var $e=0;$e<re;$e++)X[$e]=arguments[$e+2];B.children=X}return{$$typeof:k,type:c.type,key:Q,ref:K,props:B,_owner:b}},V.createContext=function(c){return c={$$typeof:L,_currentValue:c,_currentValue2:c,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},c.Provider={$$typeof:H,_context:c},c.Consumer=c},V.createElement=Xe,V.createFactory=function(c){var v=Xe.bind(null,c);return v.type=c,v},V.createRef=function(){return{current:null}},V.forwardRef=function(c){return{$$typeof:$,render:c}},V.isValidElement=gt,V.lazy=function(c){return{$$typeof:ae,_payload:{_status:-1,_result:c},_init:Me}},V.memo=function(c,v){return{$$typeof:de,type:c,compare:v===void 0?null:v}},V.startTransition=function(c){var v=C.transition;C.transition={};try{c()}finally{C.transition=v}},V.unstable_act=P,V.useCallback=function(c,v){return ie.current.useCallback(c,v)},V.useContext=function(c){return ie.current.useContext(c)},V.useDebugValue=function(){},V.useDeferredValue=function(c){return ie.current.useDeferredValue(c)},V.useEffect=function(c,v){return ie.current.useEffect(c,v)},V.useId=function(){return ie.current.useId()},V.useImperativeHandle=function(c,v,U){return ie.current.useImperativeHandle(c,v,U)},V.useInsertionEffect=function(c,v){return ie.current.useInsertionEffect(c,v)},V.useLayoutEffect=function(c,v){return ie.current.useLayoutEffect(c,v)},V.useMemo=function(c,v){return ie.current.useMemo(c,v)},V.useReducer=function(c,v,U){return ie.current.useReducer(c,v,U)},V.useRef=function(c){return ie.current.useRef(c)},V.useState=function(c){return ie.current.useState(c)},V.useSyncExternalStore=function(c,v,U){return ie.current.useSyncExternalStore(c,v,U)},V.useTransition=function(){return ie.current.useTransition()},V.version="18.3.1",V}var Na;function Ro(){return Na||(Na=1,No.exports=Df()),No.exports}/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Pa;function Ff(){if(Pa)return gr;Pa=1;var k=Ro(),S=Symbol.for("react.element"),p=Symbol.for("react.fragment"),_=Object.prototype.hasOwnProperty,D=k.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,H={key:!0,ref:!0,__self:!0,__source:!0};function L($,F,de){var ae,J={},q=null,Ne=null;de!==void 0&&(q=""+de),F.key!==void 0&&(q=""+F.key),F.ref!==void 0&&(Ne=F.ref);for(ae in F)_.call(F,ae)&&!H.hasOwnProperty(ae)&&(J[ae]=F[ae]);if($&&$.defaultProps)for(ae in F=$.defaultProps,F)J[ae]===void 0&&(J[ae]=F[ae]);return{$$typeof:S,type:$,key:q,ref:Ne,props:J,_owner:D.current}}return gr.Fragment=p,gr.jsx=L,gr.jsxs=L,gr}var za;function Af(){return za||(za=1,_o.exports=Ff()),_o.exports}var Z=Af(),Ke=Ro(),Tl={},Po={exports:{}},Ue={},zo={exports:{}},To={};/**
- * @license React
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Ta;function Uf(){return Ta||(Ta=1,(function(k){function S(C,j){var P=C.length;C.push(j);e:for(;0<P;){var c=P-1>>>1,v=C[c];if(0<D(v,j))C[c]=j,C[P]=v,P=c;else break e}}function p(C){return C.length===0?null:C[0]}function _(C){if(C.length===0)return null;var j=C[0],P=C.pop();if(P!==j){C[0]=P;e:for(var c=0,v=C.length,U=v>>>1;c<U;){var B=2*(c+1)-1,Q=C[B],K=B+1,b=C[K];if(0>D(Q,P))K<v&&0>D(b,Q)?(C[c]=b,C[K]=P,c=K):(C[c]=Q,C[B]=P,c=B);else if(K<v&&0>D(b,P))C[c]=b,C[K]=P,c=K;else break e}}return j}function D(C,j){var P=C.sortIndex-j.sortIndex;return P!==0?P:C.id-j.id}if(typeof performance=="object"&&typeof performance.now=="function"){var H=performance;k.unstable_now=function(){return H.now()}}else{var L=Date,$=L.now();k.unstable_now=function(){return L.now()-$}}var F=[],de=[],ae=1,J=null,q=3,Ne=!1,Le=!1,E=!1,A=typeof setTimeout=="function"?setTimeout:null,Ye=typeof clearTimeout=="function"?clearTimeout:null,Pe=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function tt(C){for(var j=p(de);j!==null;){if(j.callback===null)_(de);else if(j.startTime<=C)_(de),j.sortIndex=j.expirationTime,S(F,j);else break;j=p(de)}}function Se(C){if(E=!1,tt(C),!Le)if(p(F)!==null)Le=!0,Me(nt);else{var j=p(de);j!==null&&ie(Se,j.startTime-C)}}function nt(C,j){Le=!1,E&&(E=!1,Ye(Xe),Xe=-1),Ne=!0;var P=q;try{for(tt(j),J=p(F);J!==null&&(!(J.expirationTime>j)||C&&!Yt());){var c=J.callback;if(typeof c=="function"){J.callback=null,q=J.priorityLevel;var v=c(J.expirationTime<=j);j=k.unstable_now(),typeof v=="function"?J.callback=v:J===p(F)&&_(F),tt(j)}else _(F);J=p(F)}if(J!==null)var U=!0;else{var B=p(de);B!==null&&ie(Se,B.startTime-j),U=!1}return U}finally{J=null,q=P,Ne=!1}}var ze=!1,Oe=null,Xe=-1,Pt=5,gt=-1;function Yt(){return!(k.unstable_now()-gt<Pt)}function ft(){if(Oe!==null){var C=k.unstable_now();gt=C;var j=!0;try{j=Oe(!0,C)}finally{j?Ve():(ze=!1,Oe=null)}}else ze=!1}var Ve;if(typeof Pe=="function")Ve=function(){Pe(ft)};else if(typeof MessageChannel<"u"){var rt=new MessageChannel,dt=rt.port2;rt.port1.onmessage=ft,Ve=function(){dt.postMessage(null)}}else Ve=function(){A(ft,0)};function Me(C){Oe=C,ze||(ze=!0,Ve())}function ie(C,j){Xe=A(function(){C(k.unstable_now())},j)}k.unstable_IdlePriority=5,k.unstable_ImmediatePriority=1,k.unstable_LowPriority=4,k.unstable_NormalPriority=3,k.unstable_Profiling=null,k.unstable_UserBlockingPriority=2,k.unstable_cancelCallback=function(C){C.callback=null},k.unstable_continueExecution=function(){Le||Ne||(Le=!0,Me(nt))},k.unstable_forceFrameRate=function(C){0>C||125<C?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):Pt=0<C?Math.floor(1e3/C):5},k.unstable_getCurrentPriorityLevel=function(){return q},k.unstable_getFirstCallbackNode=function(){return p(F)},k.unstable_next=function(C){switch(q){case 1:case 2:case 3:var j=3;break;default:j=q}var P=q;q=j;try{return C()}finally{q=P}},k.unstable_pauseExecution=function(){},k.unstable_requestPaint=function(){},k.unstable_runWithPriority=function(C,j){switch(C){case 1:case 2:case 3:case 4:case 5:break;default:C=3}var P=q;q=C;try{return j()}finally{q=P}},k.unstable_scheduleCallback=function(C,j,P){var c=k.unstable_now();switch(typeof P=="object"&&P!==null?(P=P.delay,P=typeof P=="number"&&0<P?c+P:c):P=c,C){case 1:var v=-1;break;case 2:v=250;break;case 5:v=1073741823;break;case 4:v=1e4;break;default:v=5e3}return v=P+v,C={id:ae++,callback:j,priorityLevel:C,startTime:P,expirationTime:v,sortIndex:-1},P>c?(C.sortIndex=P,S(de,C),p(F)===null&&C===p(de)&&(E?(Ye(Xe),Xe=-1):E=!0,ie(Se,P-c))):(C.sortIndex=v,S(F,C),Le||Ne||(Le=!0,Me(nt))),C},k.unstable_shouldYield=Yt,k.unstable_wrapCallback=function(C){var j=q;return function(){var P=q;q=j;try{return C.apply(this,arguments)}finally{q=P}}}})(To)),To}var Ra;function Vf(){return Ra||(Ra=1,zo.exports=Uf()),zo.exports}/**
- * @license React
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var La;function $f(){if(La)return Ue;La=1;var k=Ro(),S=Vf();function p(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var _=new Set,D={};function H(e,t){L(e,t),L(e+"Capture",t)}function L(e,t){for(D[e]=t,e=0;e<t.length;e++)_.add(t[e])}var $=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),F=Object.prototype.hasOwnProperty,de=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ae={},J={};function q(e){return F.call(J,e)?!0:F.call(ae,e)?!1:de.test(e)?J[e]=!0:(ae[e]=!0,!1)}function Ne(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function Le(e,t,n,r){if(t===null||typeof t>"u"||Ne(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function E(e,t,n,r,l,u,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=u,this.removeEmptyString=o}var A={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){A[e]=new E(e,0,!1,e,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];A[t]=new E(t,1,!1,e[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){A[e]=new E(e,2,!1,e.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){A[e]=new E(e,2,!1,e,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){A[e]=new E(e,3,!1,e.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(e){A[e]=new E(e,3,!0,e,null,!1,!1)}),["capture","download"].forEach(function(e){A[e]=new E(e,4,!1,e,null,!1,!1)}),["cols","rows","size","span"].forEach(function(e){A[e]=new E(e,6,!1,e,null,!1,!1)}),["rowSpan","start"].forEach(function(e){A[e]=new E(e,5,!1,e.toLowerCase(),null,!1,!1)});var Ye=/[\-:]([a-z])/g;function Pe(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Ye,Pe);A[t]=new E(t,1,!1,e,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Ye,Pe);A[t]=new E(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Ye,Pe);A[t]=new E(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(e){A[e]=new E(e,1,!1,e.toLowerCase(),null,!1,!1)}),A.xlinkHref=new E("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(e){A[e]=new E(e,1,!1,e.toLowerCase(),null,!0,!0)});function tt(e,t,n,r){var l=A.hasOwnProperty(t)?A[t]:null;(l!==null?l.type!==0:r||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(Le(t,n,l,r)&&(n=null),r||l===null?q(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,""+n)):l.mustUseProperty?e[l.propertyName]=n===null?l.type===3?!1:"":n:(t=l.attributeName,r=l.attributeNamespace,n===null?e.removeAttribute(t):(l=l.type,n=l===3||l===4&&n===!0?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}var Se=k.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,nt=Symbol.for("react.element"),ze=Symbol.for("react.portal"),Oe=Symbol.for("react.fragment"),Xe=Symbol.for("react.strict_mode"),Pt=Symbol.for("react.profiler"),gt=Symbol.for("react.provider"),Yt=Symbol.for("react.context"),ft=Symbol.for("react.forward_ref"),Ve=Symbol.for("react.suspense"),rt=Symbol.for("react.suspense_list"),dt=Symbol.for("react.memo"),Me=Symbol.for("react.lazy"),ie=Symbol.for("react.offscreen"),C=Symbol.iterator;function j(e){return e===null||typeof e!="object"?null:(e=C&&e[C]||e["@@iterator"],typeof e=="function"?e:null)}var P=Object.assign,c;function v(e){if(c===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);c=t&&t[1]||""}return`
-`+c+e}var U=!1;function B(e,t){if(!e||U)return"";U=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(m){var r=m}Reflect.construct(e,[],t)}else{try{t.call()}catch(m){r=m}e.call(t.prototype)}else{try{throw Error()}catch(m){r=m}e()}}catch(m){if(m&&r&&typeof m.stack=="string"){for(var l=m.stack.split(`
-`),u=r.stack.split(`
-`),o=l.length-1,i=u.length-1;1<=o&&0<=i&&l[o]!==u[i];)i--;for(;1<=o&&0<=i;o--,i--)if(l[o]!==u[i]){if(o!==1||i!==1)do if(o--,i--,0>i||l[o]!==u[i]){var s=`
-`+l[o].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}while(1<=o&&0<=i);break}}}finally{U=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?v(e):""}function Q(e){switch(e.tag){case 5:return v(e.type);case 16:return v("Lazy");case 13:return v("Suspense");case 19:return v("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1),e;case 11:return e=B(e.type.render,!1),e;case 1:return e=B(e.type,!0),e;default:return""}}function K(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Oe:return"Fragment";case ze:return"Portal";case Pt:return"Profiler";case Xe:return"StrictMode";case Ve:return"Suspense";case rt:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Yt:return(e.displayName||"Context")+".Consumer";case gt:return(e._context.displayName||"Context")+".Provider";case ft:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case dt:return t=e.displayName||null,t!==null?t:K(e.type)||"Memo";case Me:t=e._payload,e=e._init;try{return K(e(t))}catch{}}return null}function b(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return K(t);case 8:return t===Xe?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function X(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function re(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function $e(e){var t=re(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,u=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(o){r=""+o,u.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(o){r=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function wr(e){e._valueTracker||(e._valueTracker=$e(e))}function Lo(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=re(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function kr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Rl(e,t){var n=t.checked;return P({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Oo(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=X(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function Mo(e,t){t=t.checked,t!=null&&tt(e,"checked",t,!1)}function Ll(e,t){Mo(e,t);var n=X(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Ol(e,t.type,n):t.hasOwnProperty("defaultValue")&&Ol(e,t.type,X(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function jo(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Ol(e,t,n){(t!=="number"||kr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Mn=Array.isArray;function sn(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l<n.length;l++)t["$"+n[l]]=!0;for(n=0;n<e.length;n++)l=t.hasOwnProperty("$"+e[n].value),e[n].selected!==l&&(e[n].selected=l),l&&r&&(e[n].defaultSelected=!0)}else{for(n=""+X(n),t=null,l=0;l<e.length;l++){if(e[l].value===n){e[l].selected=!0,r&&(e[l].defaultSelected=!0);return}t!==null||e[l].disabled||(t=e[l])}t!==null&&(t.selected=!0)}}function Ml(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(p(91));return P({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function Io(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(p(92));if(Mn(n)){if(1<n.length)throw Error(p(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:X(n)}}function Do(e,t){var n=X(t.value),r=X(t.defaultValue);n!=null&&(n=""+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),r!=null&&(e.defaultValue=""+r)}function Fo(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function Ao(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function jl(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?Ao(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var Sr,Uo=(function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(t,n,r,l){MSApp.execUnsafeLocalFunction(function(){return e(t,n,r,l)})}:e})(function(e,t){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=t;else{for(Sr=Sr||document.createElement("div"),Sr.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Sr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function jn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var In={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Fa=["Webkit","ms","Moz","O"];Object.keys(In).forEach(function(e){Fa.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),In[t]=In[e]})});function Vo(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||In.hasOwnProperty(e)&&In[e]?(""+t).trim():t+"px"}function $o(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=Vo(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var Aa=P({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Il(e,t){if(t){if(Aa[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(p(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(p(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(p(61))}if(t.style!=null&&typeof t.style!="object")throw Error(p(62))}}function Dl(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Fl=null;function Al(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Ul=null,an=null,cn=null;function Bo(e){if(e=rr(e)){if(typeof Ul!="function")throw Error(p(280));var t=e.stateNode;t&&(t=Wr(t),Ul(e.stateNode,e.type,t))}}function Ho(e){an?cn?cn.push(e):cn=[e]:an=e}function Wo(){if(an){var e=an,t=cn;if(cn=an=null,Bo(e),t)for(e=0;e<t.length;e++)Bo(t[e])}}function Qo(e,t){return e(t)}function Ko(){}var Vl=!1;function Yo(e,t,n){if(Vl)return e(t,n);Vl=!0;try{return Qo(e,t,n)}finally{Vl=!1,(an!==null||cn!==null)&&(Ko(),Wo())}}function Dn(e,t){var n=e.stateNode;if(n===null)return null;var r=Wr(n);if(r===null)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(e=e.type,r=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!r;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(p(231,t,typeof n));return n}var $l=!1;if($)try{var Fn={};Object.defineProperty(Fn,"passive",{get:function(){$l=!0}}),window.addEventListener("test",Fn,Fn),window.removeEventListener("test",Fn,Fn)}catch{$l=!1}function Ua(e,t,n,r,l,u,o,i,s){var m=Array.prototype.slice.call(arguments,3);try{t.apply(n,m)}catch(y){this.onError(y)}}var An=!1,Er=null,Cr=!1,Bl=null,Va={onError:function(e){An=!0,Er=e}};function $a(e,t,n,r,l,u,o,i,s){An=!1,Er=null,Ua.apply(Va,arguments)}function Ba(e,t,n,r,l,u,o,i,s){if($a.apply(this,arguments),An){if(An){var m=Er;An=!1,Er=null}else throw Error(p(198));Cr||(Cr=!0,Bl=m)}}function Xt(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,(t.flags&4098)!==0&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function Xo(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function Go(e){if(Xt(e)!==e)throw Error(p(188))}function Ha(e){var t=e.alternate;if(!t){if(t=Xt(e),t===null)throw Error(p(188));return t!==e?null:e}for(var n=e,r=t;;){var l=n.return;if(l===null)break;var u=l.alternate;if(u===null){if(r=l.return,r!==null){n=r;continue}break}if(l.child===u.child){for(u=l.child;u;){if(u===n)return Go(l),e;if(u===r)return Go(l),t;u=u.sibling}throw Error(p(188))}if(n.return!==r.return)n=l,r=u;else{for(var o=!1,i=l.child;i;){if(i===n){o=!0,n=l,r=u;break}if(i===r){o=!0,r=l,n=u;break}i=i.sibling}if(!o){for(i=u.child;i;){if(i===n){o=!0,n=u,r=l;break}if(i===r){o=!0,r=u,n=l;break}i=i.sibling}if(!o)throw Error(p(189))}}if(n.alternate!==r)throw Error(p(190))}if(n.tag!==3)throw Error(p(188));return n.stateNode.current===n?e:t}function Zo(e){return e=Ha(e),e!==null?Jo(e):null}function Jo(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=Jo(e);if(t!==null)return t;e=e.sibling}return null}var qo=S.unstable_scheduleCallback,bo=S.unstable_cancelCallback,Wa=S.unstable_shouldYield,Qa=S.unstable_requestPaint,ce=S.unstable_now,Ka=S.unstable_getCurrentPriorityLevel,Hl=S.unstable_ImmediatePriority,ei=S.unstable_UserBlockingPriority,xr=S.unstable_NormalPriority,Ya=S.unstable_LowPriority,ti=S.unstable_IdlePriority,_r=null,pt=null;function Xa(e){if(pt&&typeof pt.onCommitFiberRoot=="function")try{pt.onCommitFiberRoot(_r,e,void 0,(e.current.flags&128)===128)}catch{}}var lt=Math.clz32?Math.clz32:Ja,Ga=Math.log,Za=Math.LN2;function Ja(e){return e>>>=0,e===0?32:31-(Ga(e)/Za|0)|0}var Nr=64,Pr=4194304;function Un(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function zr(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,u=e.pingedLanes,o=n&268435455;if(o!==0){var i=o&~l;i!==0?r=Un(i):(u&=o,u!==0&&(r=Un(u)))}else o=n&~l,o!==0?r=Un(o):u!==0&&(r=Un(u));if(r===0)return 0;if(t!==0&&t!==r&&(t&l)===0&&(l=r&-r,u=t&-t,l>=u||l===16&&(u&4194240)!==0))return t;if((r&4)!==0&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0<t;)n=31-lt(t),l=1<<n,r|=e[n],t&=~l;return r}function qa(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function ba(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,l=e.expirationTimes,u=e.pendingLanes;0<u;){var o=31-lt(u),i=1<<o,s=l[o];s===-1?((i&n)===0||(i&r)!==0)&&(l[o]=qa(i,t)):s<=t&&(e.expiredLanes|=i),u&=~i}}function Wl(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function ni(){var e=Nr;return Nr<<=1,(Nr&4194240)===0&&(Nr=64),e}function Ql(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Vn(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-lt(t),e[t]=n}function ec(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var l=31-lt(n),u=1<<l;t[l]=0,r[l]=-1,e[l]=-1,n&=~u}}function Kl(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-lt(n),l=1<<r;l&t|e[r]&t&&(e[r]|=t),n&=~l}}var G=0;function ri(e){return e&=-e,1<e?4<e?(e&268435455)!==0?16:536870912:4:1}var li,Yl,ui,oi,ii,Xl=!1,Tr=[],zt=null,Tt=null,Rt=null,$n=new Map,Bn=new Map,Lt=[],tc="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function si(e,t){switch(e){case"focusin":case"focusout":zt=null;break;case"dragenter":case"dragleave":Tt=null;break;case"mouseover":case"mouseout":Rt=null;break;case"pointerover":case"pointerout":$n.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Bn.delete(t.pointerId)}}function Hn(e,t,n,r,l,u){return e===null||e.nativeEvent!==u?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:u,targetContainers:[l]},t!==null&&(t=rr(t),t!==null&&Yl(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,l!==null&&t.indexOf(l)===-1&&t.push(l),e)}function nc(e,t,n,r,l){switch(t){case"focusin":return zt=Hn(zt,e,t,n,r,l),!0;case"dragenter":return Tt=Hn(Tt,e,t,n,r,l),!0;case"mouseover":return Rt=Hn(Rt,e,t,n,r,l),!0;case"pointerover":var u=l.pointerId;return $n.set(u,Hn($n.get(u)||null,e,t,n,r,l)),!0;case"gotpointercapture":return u=l.pointerId,Bn.set(u,Hn(Bn.get(u)||null,e,t,n,r,l)),!0}return!1}function ai(e){var t=Gt(e.target);if(t!==null){var n=Xt(t);if(n!==null){if(t=n.tag,t===13){if(t=Xo(n),t!==null){e.blockedOn=t,ii(e.priority,function(){ui(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Rr(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=Zl(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);Fl=r,n.target.dispatchEvent(r),Fl=null}else return t=rr(n),t!==null&&Yl(t),e.blockedOn=n,!1;t.shift()}return!0}function ci(e,t,n){Rr(e)&&n.delete(t)}function rc(){Xl=!1,zt!==null&&Rr(zt)&&(zt=null),Tt!==null&&Rr(Tt)&&(Tt=null),Rt!==null&&Rr(Rt)&&(Rt=null),$n.forEach(ci),Bn.forEach(ci)}function Wn(e,t){e.blockedOn===t&&(e.blockedOn=null,Xl||(Xl=!0,S.unstable_scheduleCallback(S.unstable_NormalPriority,rc)))}function Qn(e){function t(l){return Wn(l,e)}if(0<Tr.length){Wn(Tr[0],e);for(var n=1;n<Tr.length;n++){var r=Tr[n];r.blockedOn===e&&(r.blockedOn=null)}}for(zt!==null&&Wn(zt,e),Tt!==null&&Wn(Tt,e),Rt!==null&&Wn(Rt,e),$n.forEach(t),Bn.forEach(t),n=0;n<Lt.length;n++)r=Lt[n],r.blockedOn===e&&(r.blockedOn=null);for(;0<Lt.length&&(n=Lt[0],n.blockedOn===null);)ai(n),n.blockedOn===null&&Lt.shift()}var fn=Se.ReactCurrentBatchConfig,Lr=!0;function lc(e,t,n,r){var l=G,u=fn.transition;fn.transition=null;try{G=1,Gl(e,t,n,r)}finally{G=l,fn.transition=u}}function uc(e,t,n,r){var l=G,u=fn.transition;fn.transition=null;try{G=4,Gl(e,t,n,r)}finally{G=l,fn.transition=u}}function Gl(e,t,n,r){if(Lr){var l=Zl(e,t,n,r);if(l===null)pu(e,t,r,Or,n),si(e,r);else if(nc(l,e,t,n,r))r.stopPropagation();else if(si(e,r),t&4&&-1<tc.indexOf(e)){for(;l!==null;){var u=rr(l);if(u!==null&&li(u),u=Zl(e,t,n,r),u===null&&pu(e,t,r,Or,n),u===l)break;l=u}l!==null&&r.stopPropagation()}else pu(e,t,r,null,n)}}var Or=null;function Zl(e,t,n,r){if(Or=null,e=Al(r),e=Gt(e),e!==null)if(t=Xt(e),t===null)e=null;else if(n=t.tag,n===13){if(e=Xo(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Or=e,null}function fi(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Ka()){case Hl:return 1;case ei:return 4;case xr:case Ya:return 16;case ti:return 536870912;default:return 16}default:return 16}}var Ot=null,Jl=null,Mr=null;function di(){if(Mr)return Mr;var e,t=Jl,n=t.length,r,l="value"in Ot?Ot.value:Ot.textContent,u=l.length;for(e=0;e<n&&t[e]===l[e];e++);var o=n-e;for(r=1;r<=o&&t[n-r]===l[u-r];r++);return Mr=l.slice(e,1<r?1-r:void 0)}function jr(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function Ir(){return!0}function pi(){return!1}function Be(e){function t(n,r,l,u,o){this._reactName=n,this._targetInst=l,this.type=r,this.nativeEvent=u,this.target=o,this.currentTarget=null;for(var i in e)e.hasOwnProperty(i)&&(n=e[i],this[i]=n?n(u):u[i]);return this.isDefaultPrevented=(u.defaultPrevented!=null?u.defaultPrevented:u.returnValue===!1)?Ir:pi,this.isPropagationStopped=pi,this}return P(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Ir)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Ir)},persist:function(){},isPersistent:Ir}),t}var dn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},ql=Be(dn),Kn=P({},dn,{view:0,detail:0}),oc=Be(Kn),bl,eu,Yn,Dr=P({},Kn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:nu,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==Yn&&(Yn&&e.type==="mousemove"?(bl=e.screenX-Yn.screenX,eu=e.screenY-Yn.screenY):eu=bl=0,Yn=e),bl)},movementY:function(e){return"movementY"in e?e.movementY:eu}}),mi=Be(Dr),ic=P({},Dr,{dataTransfer:0}),sc=Be(ic),ac=P({},Kn,{relatedTarget:0}),tu=Be(ac),cc=P({},dn,{animationName:0,elapsedTime:0,pseudoElement:0}),fc=Be(cc),dc=P({},dn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),pc=Be(dc),mc=P({},dn,{data:0}),hi=Be(mc),hc={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},vc={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},yc={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function gc(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=yc[e])?!!t[e]:!1}function nu(){return gc}var wc=P({},Kn,{key:function(e){if(e.key){var t=hc[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=jr(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?vc[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:nu,charCode:function(e){return e.type==="keypress"?jr(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?jr(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),kc=Be(wc),Sc=P({},Dr,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),vi=Be(Sc),Ec=P({},Kn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:nu}),Cc=Be(Ec),xc=P({},dn,{propertyName:0,elapsedTime:0,pseudoElement:0}),_c=Be(xc),Nc=P({},Dr,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Pc=Be(Nc),zc=[9,13,27,32],ru=$&&"CompositionEvent"in window,Xn=null;$&&"documentMode"in document&&(Xn=document.documentMode);var Tc=$&&"TextEvent"in window&&!Xn,yi=$&&(!ru||Xn&&8<Xn&&11>=Xn),gi=" ",wi=!1;function ki(e,t){switch(e){case"keyup":return zc.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Si(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var pn=!1;function Rc(e,t){switch(e){case"compositionend":return Si(t);case"keypress":return t.which!==32?null:(wi=!0,gi);case"textInput":return e=t.data,e===gi&&wi?null:e;default:return null}}function Lc(e,t){if(pn)return e==="compositionend"||!ru&&ki(e,t)?(e=di(),Mr=Jl=Ot=null,pn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return yi&&t.locale!=="ko"?null:t.data;default:return null}}var Oc={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Ei(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!Oc[e.type]:t==="textarea"}function Ci(e,t,n,r){Ho(r),t=$r(t,"onChange"),0<t.length&&(n=new ql("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Gn=null,Zn=null;function Mc(e){$i(e,0)}function Fr(e){var t=gn(e);if(Lo(t))return e}function jc(e,t){if(e==="change")return t}var xi=!1;if($){var lu;if($){var uu="oninput"in document;if(!uu){var _i=document.createElement("div");_i.setAttribute("oninput","return;"),uu=typeof _i.oninput=="function"}lu=uu}else lu=!1;xi=lu&&(!document.documentMode||9<document.documentMode)}function Ni(){Gn&&(Gn.detachEvent("onpropertychange",Pi),Zn=Gn=null)}function Pi(e){if(e.propertyName==="value"&&Fr(Zn)){var t=[];Ci(t,Zn,e,Al(e)),Yo(Mc,t)}}function Ic(e,t,n){e==="focusin"?(Ni(),Gn=t,Zn=n,Gn.attachEvent("onpropertychange",Pi)):e==="focusout"&&Ni()}function Dc(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Fr(Zn)}function Fc(e,t){if(e==="click")return Fr(t)}function Ac(e,t){if(e==="input"||e==="change")return Fr(t)}function Uc(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var ut=typeof Object.is=="function"?Object.is:Uc;function Jn(e,t){if(ut(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var l=n[r];if(!F.call(t,l)||!ut(e[l],t[l]))return!1}return!0}function zi(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ti(e,t){var n=zi(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=zi(n)}}function Ri(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Ri(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Li(){for(var e=window,t=kr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=kr(e.document)}return t}function ou(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Vc(e){var t=Li(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Ri(n.ownerDocument.documentElement,n)){if(r!==null&&ou(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,u=Math.min(r.start,l);r=r.end===void 0?u:Math.min(r.end,l),!e.extend&&u>r&&(l=r,r=u,u=l),l=Ti(n,u);var o=Ti(n,r);l&&o&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),u>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var $c=$&&"documentMode"in document&&11>=document.documentMode,mn=null,iu=null,qn=null,su=!1;function Oi(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;su||mn==null||mn!==kr(r)||(r=mn,"selectionStart"in r&&ou(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),qn&&Jn(qn,r)||(qn=r,r=$r(iu,"onSelect"),0<r.length&&(t=new ql("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=mn)))}function Ar(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var hn={animationend:Ar("Animation","AnimationEnd"),animationiteration:Ar("Animation","AnimationIteration"),animationstart:Ar("Animation","AnimationStart"),transitionend:Ar("Transition","TransitionEnd")},au={},Mi={};$&&(Mi=document.createElement("div").style,"AnimationEvent"in window||(delete hn.animationend.animation,delete hn.animationiteration.animation,delete hn.animationstart.animation),"TransitionEvent"in window||delete hn.transitionend.transition);function Ur(e){if(au[e])return au[e];if(!hn[e])return e;var t=hn[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in Mi)return au[e]=t[n];return e}var ji=Ur("animationend"),Ii=Ur("animationiteration"),Di=Ur("animationstart"),Fi=Ur("transitionend"),Ai=new Map,Ui="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Mt(e,t){Ai.set(e,t),H(t,[e])}for(var cu=0;cu<Ui.length;cu++){var fu=Ui[cu],Bc=fu.toLowerCase(),Hc=fu[0].toUpperCase()+fu.slice(1);Mt(Bc,"on"+Hc)}Mt(ji,"onAnimationEnd"),Mt(Ii,"onAnimationIteration"),Mt(Di,"onAnimationStart"),Mt("dblclick","onDoubleClick"),Mt("focusin","onFocus"),Mt("focusout","onBlur"),Mt(Fi,"onTransitionEnd"),L("onMouseEnter",["mouseout","mouseover"]),L("onMouseLeave",["mouseout","mouseover"]),L("onPointerEnter",["pointerout","pointerover"]),L("onPointerLeave",["pointerout","pointerover"]),H("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),H("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),H("onBeforeInput",["compositionend","keypress","textInput","paste"]),H("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),H("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),H("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var bn="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Wc=new Set("cancel close invalid load scroll toggle".split(" ").concat(bn));function Vi(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,Ba(r,t,void 0,e),e.currentTarget=null}function $i(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var r=e[n],l=r.event;r=r.listeners;e:{var u=void 0;if(t)for(var o=r.length-1;0<=o;o--){var i=r[o],s=i.instance,m=i.currentTarget;if(i=i.listener,s!==u&&l.isPropagationStopped())break e;Vi(l,i,m),u=s}else for(o=0;o<r.length;o++){if(i=r[o],s=i.instance,m=i.currentTarget,i=i.listener,s!==u&&l.isPropagationStopped())break e;Vi(l,i,m),u=s}}}if(Cr)throw e=Bl,Cr=!1,Bl=null,e}function te(e,t){var n=t[wu];n===void 0&&(n=t[wu]=new Set);var r=e+"__bubble";n.has(r)||(Bi(t,e,2,!1),n.add(r))}function du(e,t,n){var r=0;t&&(r|=4),Bi(n,e,r,t)}var Vr="_reactListening"+Math.random().toString(36).slice(2);function er(e){if(!e[Vr]){e[Vr]=!0,_.forEach(function(n){n!=="selectionchange"&&(Wc.has(n)||du(n,!1,e),du(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[Vr]||(t[Vr]=!0,du("selectionchange",!1,t))}}function Bi(e,t,n,r){switch(fi(t)){case 1:var l=lc;break;case 4:l=uc;break;default:l=Gl}n=l.bind(null,t,n,e),l=void 0,!$l||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(l=!0),r?l!==void 0?e.addEventListener(t,n,{capture:!0,passive:l}):e.addEventListener(t,n,!0):l!==void 0?e.addEventListener(t,n,{passive:l}):e.addEventListener(t,n,!1)}function pu(e,t,n,r,l){var u=r;if((t&1)===0&&(t&2)===0&&r!==null)e:for(;;){if(r===null)return;var o=r.tag;if(o===3||o===4){var i=r.stateNode.containerInfo;if(i===l||i.nodeType===8&&i.parentNode===l)break;if(o===4)for(o=r.return;o!==null;){var s=o.tag;if((s===3||s===4)&&(s=o.stateNode.containerInfo,s===l||s.nodeType===8&&s.parentNode===l))return;o=o.return}for(;i!==null;){if(o=Gt(i),o===null)return;if(s=o.tag,s===5||s===6){r=u=o;continue e}i=i.parentNode}}r=r.return}Yo(function(){var m=u,y=Al(n),g=[];e:{var h=Ai.get(e);if(h!==void 0){var x=ql,z=e;switch(e){case"keypress":if(jr(n)===0)break e;case"keydown":case"keyup":x=kc;break;case"focusin":z="focus",x=tu;break;case"focusout":z="blur",x=tu;break;case"beforeblur":case"afterblur":x=tu;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":x=mi;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":x=sc;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":x=Cc;break;case ji:case Ii:case Di:x=fc;break;case Fi:x=_c;break;case"scroll":x=oc;break;case"wheel":x=Pc;break;case"copy":case"cut":case"paste":x=pc;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":x=vi}var T=(t&4)!==0,fe=!T&&e==="scroll",f=T?h!==null?h+"Capture":null:h;T=[];for(var a=m,d;a!==null;){d=a;var w=d.stateNode;if(d.tag===5&&w!==null&&(d=w,f!==null&&(w=Dn(a,f),w!=null&&T.push(tr(a,w,d)))),fe)break;a=a.return}0<T.length&&(h=new x(h,z,null,n,y),g.push({event:h,listeners:T}))}}if((t&7)===0){e:{if(h=e==="mouseover"||e==="pointerover",x=e==="mouseout"||e==="pointerout",h&&n!==Fl&&(z=n.relatedTarget||n.fromElement)&&(Gt(z)||z[wt]))break e;if((x||h)&&(h=y.window===y?y:(h=y.ownerDocument)?h.defaultView||h.parentWindow:window,x?(z=n.relatedTarget||n.toElement,x=m,z=z?Gt(z):null,z!==null&&(fe=Xt(z),z!==fe||z.tag!==5&&z.tag!==6)&&(z=null)):(x=null,z=m),x!==z)){if(T=mi,w="onMouseLeave",f="onMouseEnter",a="mouse",(e==="pointerout"||e==="pointerover")&&(T=vi,w="onPointerLeave",f="onPointerEnter",a="pointer"),fe=x==null?h:gn(x),d=z==null?h:gn(z),h=new T(w,a+"leave",x,n,y),h.target=fe,h.relatedTarget=d,w=null,Gt(y)===m&&(T=new T(f,a+"enter",z,n,y),T.target=d,T.relatedTarget=fe,w=T),fe=w,x&&z)t:{for(T=x,f=z,a=0,d=T;d;d=vn(d))a++;for(d=0,w=f;w;w=vn(w))d++;for(;0<a-d;)T=vn(T),a--;for(;0<d-a;)f=vn(f),d--;for(;a--;){if(T===f||f!==null&&T===f.alternate)break t;T=vn(T),f=vn(f)}T=null}else T=null;x!==null&&Hi(g,h,x,T,!1),z!==null&&fe!==null&&Hi(g,fe,z,T,!0)}}e:{if(h=m?gn(m):window,x=h.nodeName&&h.nodeName.toLowerCase(),x==="select"||x==="input"&&h.type==="file")var R=jc;else if(Ei(h))if(xi)R=Ac;else{R=Dc;var O=Ic}else(x=h.nodeName)&&x.toLowerCase()==="input"&&(h.type==="checkbox"||h.type==="radio")&&(R=Fc);if(R&&(R=R(e,m))){Ci(g,R,n,y);break e}O&&O(e,h,m),e==="focusout"&&(O=h._wrapperState)&&O.controlled&&h.type==="number"&&Ol(h,"number",h.value)}switch(O=m?gn(m):window,e){case"focusin":(Ei(O)||O.contentEditable==="true")&&(mn=O,iu=m,qn=null);break;case"focusout":qn=iu=mn=null;break;case"mousedown":su=!0;break;case"contextmenu":case"mouseup":case"dragend":su=!1,Oi(g,n,y);break;case"selectionchange":if($c)break;case"keydown":case"keyup":Oi(g,n,y)}var M;if(ru)e:{switch(e){case"compositionstart":var I="onCompositionStart";break e;case"compositionend":I="onCompositionEnd";break e;case"compositionupdate":I="onCompositionUpdate";break e}I=void 0}else pn?ki(e,n)&&(I="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(I="onCompositionStart");I&&(yi&&n.locale!=="ko"&&(pn||I!=="onCompositionStart"?I==="onCompositionEnd"&&pn&&(M=di()):(Ot=y,Jl="value"in Ot?Ot.value:Ot.textContent,pn=!0)),O=$r(m,I),0<O.length&&(I=new hi(I,e,null,n,y),g.push({event:I,listeners:O}),M?I.data=M:(M=Si(n),M!==null&&(I.data=M)))),(M=Tc?Rc(e,n):Lc(e,n))&&(m=$r(m,"onBeforeInput"),0<m.length&&(y=new hi("onBeforeInput","beforeinput",null,n,y),g.push({event:y,listeners:m}),y.data=M))}$i(g,t)})}function tr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function $r(e,t){for(var n=t+"Capture",r=[];e!==null;){var l=e,u=l.stateNode;l.tag===5&&u!==null&&(l=u,u=Dn(e,n),u!=null&&r.unshift(tr(e,u,l)),u=Dn(e,t),u!=null&&r.push(tr(e,u,l))),e=e.return}return r}function vn(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function Hi(e,t,n,r,l){for(var u=t._reactName,o=[];n!==null&&n!==r;){var i=n,s=i.alternate,m=i.stateNode;if(s!==null&&s===r)break;i.tag===5&&m!==null&&(i=m,l?(s=Dn(n,u),s!=null&&o.unshift(tr(n,s,i))):l||(s=Dn(n,u),s!=null&&o.push(tr(n,s,i)))),n=n.return}o.length!==0&&e.push({event:t,listeners:o})}var Qc=/\r\n?/g,Kc=/\u0000|\uFFFD/g;function Wi(e){return(typeof e=="string"?e:""+e).replace(Qc,`
-`).replace(Kc,"")}function Br(e,t,n){if(t=Wi(t),Wi(e)!==t&&n)throw Error(p(425))}function Hr(){}var mu=null,hu=null;function vu(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var yu=typeof setTimeout=="function"?setTimeout:void 0,Yc=typeof clearTimeout=="function"?clearTimeout:void 0,Qi=typeof Promise=="function"?Promise:void 0,Xc=typeof queueMicrotask=="function"?queueMicrotask:typeof Qi<"u"?function(e){return Qi.resolve(null).then(e).catch(Gc)}:yu;function Gc(e){setTimeout(function(){throw e})}function gu(e,t){var n=t,r=0;do{var l=n.nextSibling;if(e.removeChild(n),l&&l.nodeType===8)if(n=l.data,n==="/$"){if(r===0){e.removeChild(l),Qn(t);return}r--}else n!=="$"&&n!=="$?"&&n!=="$!"||r++;n=l}while(n);Qn(t)}function jt(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?")break;if(t==="/$")return null}}return e}function Ki(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}var yn=Math.random().toString(36).slice(2),mt="__reactFiber$"+yn,nr="__reactProps$"+yn,wt="__reactContainer$"+yn,wu="__reactEvents$"+yn,Zc="__reactListeners$"+yn,Jc="__reactHandles$"+yn;function Gt(e){var t=e[mt];if(t)return t;for(var n=e.parentNode;n;){if(t=n[wt]||n[mt]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=Ki(e);e!==null;){if(n=e[mt])return n;e=Ki(e)}return t}e=n,n=e.parentNode}return null}function rr(e){return e=e[mt]||e[wt],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function gn(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(p(33))}function Wr(e){return e[nr]||null}var ku=[],wn=-1;function It(e){return{current:e}}function ne(e){0>wn||(e.current=ku[wn],ku[wn]=null,wn--)}function ee(e,t){wn++,ku[wn]=e.current,e.current=t}var Dt={},Ee=It(Dt),je=It(!1),Zt=Dt;function kn(e,t){var n=e.type.contextTypes;if(!n)return Dt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},u;for(u in n)l[u]=t[u];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function Ie(e){return e=e.childContextTypes,e!=null}function Qr(){ne(je),ne(Ee)}function Yi(e,t,n){if(Ee.current!==Dt)throw Error(p(168));ee(Ee,t),ee(je,n)}function Xi(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(p(108,b(e)||"Unknown",l));return P({},n,r)}function Kr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Dt,Zt=Ee.current,ee(Ee,e),ee(je,je.current),!0}function Gi(e,t,n){var r=e.stateNode;if(!r)throw Error(p(169));n?(e=Xi(e,t,Zt),r.__reactInternalMemoizedMergedChildContext=e,ne(je),ne(Ee),ee(Ee,e)):ne(je),ee(je,n)}var kt=null,Yr=!1,Su=!1;function Zi(e){kt===null?kt=[e]:kt.push(e)}function qc(e){Yr=!0,Zi(e)}function Ft(){if(!Su&&kt!==null){Su=!0;var e=0,t=G;try{var n=kt;for(G=1;e<n.length;e++){var r=n[e];do r=r(!0);while(r!==null)}kt=null,Yr=!1}catch(l){throw kt!==null&&(kt=kt.slice(e+1)),qo(Hl,Ft),l}finally{G=t,Su=!1}}return null}var Sn=[],En=0,Xr=null,Gr=0,Ge=[],Ze=0,Jt=null,St=1,Et="";function qt(e,t){Sn[En++]=Gr,Sn[En++]=Xr,Xr=e,Gr=t}function Ji(e,t,n){Ge[Ze++]=St,Ge[Ze++]=Et,Ge[Ze++]=Jt,Jt=e;var r=St;e=Et;var l=32-lt(r)-1;r&=~(1<<l),n+=1;var u=32-lt(t)+l;if(30<u){var o=l-l%5;u=(r&(1<<o)-1).toString(32),r>>=o,l-=o,St=1<<32-lt(t)+l|n<<l|r,Et=u+e}else St=1<<u|n<<l|r,Et=e}function Eu(e){e.return!==null&&(qt(e,1),Ji(e,1,0))}function Cu(e){for(;e===Xr;)Xr=Sn[--En],Sn[En]=null,Gr=Sn[--En],Sn[En]=null;for(;e===Jt;)Jt=Ge[--Ze],Ge[Ze]=null,Et=Ge[--Ze],Ge[Ze]=null,St=Ge[--Ze],Ge[Ze]=null}var He=null,We=null,le=!1,ot=null;function qi(e,t){var n=et(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function bi(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t!==null?(e.stateNode=t,He=e,We=jt(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,He=e,We=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=Jt!==null?{id:St,overflow:Et}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=et(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,He=e,We=null,!0):!1;default:return!1}}function xu(e){return(e.mode&1)!==0&&(e.flags&128)===0}function _u(e){if(le){var t=We;if(t){var n=t;if(!bi(e,t)){if(xu(e))throw Error(p(418));t=jt(n.nextSibling);var r=He;t&&bi(e,t)?qi(r,n):(e.flags=e.flags&-4097|2,le=!1,He=e)}}else{if(xu(e))throw Error(p(418));e.flags=e.flags&-4097|2,le=!1,He=e}}}function es(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;He=e}function Zr(e){if(e!==He)return!1;if(!le)return es(e),le=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!vu(e.type,e.memoizedProps)),t&&(t=We)){if(xu(e))throw ts(),Error(p(418));for(;t;)qi(e,t),t=jt(t.nextSibling)}if(es(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(p(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="/$"){if(t===0){We=jt(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}We=null}}else We=He?jt(e.stateNode.nextSibling):null;return!0}function ts(){for(var e=We;e;)e=jt(e.nextSibling)}function Cn(){We=He=null,le=!1}function Nu(e){ot===null?ot=[e]:ot.push(e)}var bc=Se.ReactCurrentBatchConfig;function lr(e,t,n){if(e=n.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(p(309));var r=n.stateNode}if(!r)throw Error(p(147,e));var l=r,u=""+e;return t!==null&&t.ref!==null&&typeof t.ref=="function"&&t.ref._stringRef===u?t.ref:(t=function(o){var i=l.refs;o===null?delete i[u]:i[u]=o},t._stringRef=u,t)}if(typeof e!="string")throw Error(p(284));if(!n._owner)throw Error(p(290,e))}return e}function Jr(e,t){throw e=Object.prototype.toString.call(t),Error(p(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function ns(e){var t=e._init;return t(e._payload)}function rs(e){function t(f,a){if(e){var d=f.deletions;d===null?(f.deletions=[a],f.flags|=16):d.push(a)}}function n(f,a){if(!e)return null;for(;a!==null;)t(f,a),a=a.sibling;return null}function r(f,a){for(f=new Map;a!==null;)a.key!==null?f.set(a.key,a):f.set(a.index,a),a=a.sibling;return f}function l(f,a){return f=Qt(f,a),f.index=0,f.sibling=null,f}function u(f,a,d){return f.index=d,e?(d=f.alternate,d!==null?(d=d.index,d<a?(f.flags|=2,a):d):(f.flags|=2,a)):(f.flags|=1048576,a)}function o(f){return e&&f.alternate===null&&(f.flags|=2),f}function i(f,a,d,w){return a===null||a.tag!==6?(a=go(d,f.mode,w),a.return=f,a):(a=l(a,d),a.return=f,a)}function s(f,a,d,w){var R=d.type;return R===Oe?y(f,a,d.props.children,w,d.key):a!==null&&(a.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Me&&ns(R)===a.type)?(w=l(a,d.props),w.ref=lr(f,a,d),w.return=f,w):(w=Sl(d.type,d.key,d.props,null,f.mode,w),w.ref=lr(f,a,d),w.return=f,w)}function m(f,a,d,w){return a===null||a.tag!==4||a.stateNode.containerInfo!==d.containerInfo||a.stateNode.implementation!==d.implementation?(a=wo(d,f.mode,w),a.return=f,a):(a=l(a,d.children||[]),a.return=f,a)}function y(f,a,d,w,R){return a===null||a.tag!==7?(a=on(d,f.mode,w,R),a.return=f,a):(a=l(a,d),a.return=f,a)}function g(f,a,d){if(typeof a=="string"&&a!==""||typeof a=="number")return a=go(""+a,f.mode,d),a.return=f,a;if(typeof a=="object"&&a!==null){switch(a.$$typeof){case nt:return d=Sl(a.type,a.key,a.props,null,f.mode,d),d.ref=lr(f,null,a),d.return=f,d;case ze:return a=wo(a,f.mode,d),a.return=f,a;case Me:var w=a._init;return g(f,w(a._payload),d)}if(Mn(a)||j(a))return a=on(a,f.mode,d,null),a.return=f,a;Jr(f,a)}return null}function h(f,a,d,w){var R=a!==null?a.key:null;if(typeof d=="string"&&d!==""||typeof d=="number")return R!==null?null:i(f,a,""+d,w);if(typeof d=="object"&&d!==null){switch(d.$$typeof){case nt:return d.key===R?s(f,a,d,w):null;case ze:return d.key===R?m(f,a,d,w):null;case Me:return R=d._init,h(f,a,R(d._payload),w)}if(Mn(d)||j(d))return R!==null?null:y(f,a,d,w,null);Jr(f,d)}return null}function x(f,a,d,w,R){if(typeof w=="string"&&w!==""||typeof w=="number")return f=f.get(d)||null,i(a,f,""+w,R);if(typeof w=="object"&&w!==null){switch(w.$$typeof){case nt:return f=f.get(w.key===null?d:w.key)||null,s(a,f,w,R);case ze:return f=f.get(w.key===null?d:w.key)||null,m(a,f,w,R);case Me:var O=w._init;return x(f,a,d,O(w._payload),R)}if(Mn(w)||j(w))return f=f.get(d)||null,y(a,f,w,R,null);Jr(a,w)}return null}function z(f,a,d,w){for(var R=null,O=null,M=a,I=a=0,ge=null;M!==null&&I<d.length;I++){M.index>I?(ge=M,M=null):ge=M.sibling;var Y=h(f,M,d[I],w);if(Y===null){M===null&&(M=ge);break}e&&M&&Y.alternate===null&&t(f,M),a=u(Y,a,I),O===null?R=Y:O.sibling=Y,O=Y,M=ge}if(I===d.length)return n(f,M),le&&qt(f,I),R;if(M===null){for(;I<d.length;I++)M=g(f,d[I],w),M!==null&&(a=u(M,a,I),O===null?R=M:O.sibling=M,O=M);return le&&qt(f,I),R}for(M=r(f,M);I<d.length;I++)ge=x(M,f,I,d[I],w),ge!==null&&(e&&ge.alternate!==null&&M.delete(ge.key===null?I:ge.key),a=u(ge,a,I),O===null?R=ge:O.sibling=ge,O=ge);return e&&M.forEach(function(Kt){return t(f,Kt)}),le&&qt(f,I),R}function T(f,a,d,w){var R=j(d);if(typeof R!="function")throw Error(p(150));if(d=R.call(d),d==null)throw Error(p(151));for(var O=R=null,M=a,I=a=0,ge=null,Y=d.next();M!==null&&!Y.done;I++,Y=d.next()){M.index>I?(ge=M,M=null):ge=M.sibling;var Kt=h(f,M,Y.value,w);if(Kt===null){M===null&&(M=ge);break}e&&M&&Kt.alternate===null&&t(f,M),a=u(Kt,a,I),O===null?R=Kt:O.sibling=Kt,O=Kt,M=ge}if(Y.done)return n(f,M),le&&qt(f,I),R;if(M===null){for(;!Y.done;I++,Y=d.next())Y=g(f,Y.value,w),Y!==null&&(a=u(Y,a,I),O===null?R=Y:O.sibling=Y,O=Y);return le&&qt(f,I),R}for(M=r(f,M);!Y.done;I++,Y=d.next())Y=x(M,f,I,Y.value,w),Y!==null&&(e&&Y.alternate!==null&&M.delete(Y.key===null?I:Y.key),a=u(Y,a,I),O===null?R=Y:O.sibling=Y,O=Y);return e&&M.forEach(function(Mf){return t(f,Mf)}),le&&qt(f,I),R}function fe(f,a,d,w){if(typeof d=="object"&&d!==null&&d.type===Oe&&d.key===null&&(d=d.props.children),typeof d=="object"&&d!==null){switch(d.$$typeof){case nt:e:{for(var R=d.key,O=a;O!==null;){if(O.key===R){if(R=d.type,R===Oe){if(O.tag===7){n(f,O.sibling),a=l(O,d.props.children),a.return=f,f=a;break e}}else if(O.elementType===R||typeof R=="object"&&R!==null&&R.$$typeof===Me&&ns(R)===O.type){n(f,O.sibling),a=l(O,d.props),a.ref=lr(f,O,d),a.return=f,f=a;break e}n(f,O);break}else t(f,O);O=O.sibling}d.type===Oe?(a=on(d.props.children,f.mode,w,d.key),a.return=f,f=a):(w=Sl(d.type,d.key,d.props,null,f.mode,w),w.ref=lr(f,a,d),w.return=f,f=w)}return o(f);case ze:e:{for(O=d.key;a!==null;){if(a.key===O)if(a.tag===4&&a.stateNode.containerInfo===d.containerInfo&&a.stateNode.implementation===d.implementation){n(f,a.sibling),a=l(a,d.children||[]),a.return=f,f=a;break e}else{n(f,a);break}else t(f,a);a=a.sibling}a=wo(d,f.mode,w),a.return=f,f=a}return o(f);case Me:return O=d._init,fe(f,a,O(d._payload),w)}if(Mn(d))return z(f,a,d,w);if(j(d))return T(f,a,d,w);Jr(f,d)}return typeof d=="string"&&d!==""||typeof d=="number"?(d=""+d,a!==null&&a.tag===6?(n(f,a.sibling),a=l(a,d),a.return=f,f=a):(n(f,a),a=go(d,f.mode,w),a.return=f,f=a),o(f)):n(f,a)}return fe}var xn=rs(!0),ls=rs(!1),qr=It(null),br=null,_n=null,Pu=null;function zu(){Pu=_n=br=null}function Tu(e){var t=qr.current;ne(qr),e._currentValue=t}function Ru(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Nn(e,t){br=e,Pu=_n=null,e=e.dependencies,e!==null&&e.firstContext!==null&&((e.lanes&t)!==0&&(De=!0),e.firstContext=null)}function Je(e){var t=e._currentValue;if(Pu!==e)if(e={context:e,memoizedValue:t,next:null},_n===null){if(br===null)throw Error(p(308));_n=e,br.dependencies={lanes:0,firstContext:e}}else _n=_n.next=e;return t}var bt=null;function Lu(e){bt===null?bt=[e]:bt.push(e)}function us(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,Lu(t)):(n.next=l.next,l.next=n),t.interleaved=n,Ct(e,r)}function Ct(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var At=!1;function Ou(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function os(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function xt(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ut(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,(W&2)!==0){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,Ct(e,n)}return l=r.interleaved,l===null?(t.next=t,Lu(r)):(t.next=l.next,l.next=t),r.interleaved=t,Ct(e,n)}function el(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Kl(e,n)}}function is(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,u=null;if(n=n.firstBaseUpdate,n!==null){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};u===null?l=u=o:u=u.next=o,n=n.next}while(n!==null);u===null?l=u=t:u=u.next=t}else l=u=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:u,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function tl(e,t,n,r){var l=e.updateQueue;At=!1;var u=l.firstBaseUpdate,o=l.lastBaseUpdate,i=l.shared.pending;if(i!==null){l.shared.pending=null;var s=i,m=s.next;s.next=null,o===null?u=m:o.next=m,o=s;var y=e.alternate;y!==null&&(y=y.updateQueue,i=y.lastBaseUpdate,i!==o&&(i===null?y.firstBaseUpdate=m:i.next=m,y.lastBaseUpdate=s))}if(u!==null){var g=l.baseState;o=0,y=m=s=null,i=u;do{var h=i.lane,x=i.eventTime;if((r&h)===h){y!==null&&(y=y.next={eventTime:x,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var z=e,T=i;switch(h=t,x=n,T.tag){case 1:if(z=T.payload,typeof z=="function"){g=z.call(x,g,h);break e}g=z;break e;case 3:z.flags=z.flags&-65537|128;case 0:if(z=T.payload,h=typeof z=="function"?z.call(x,g,h):z,h==null)break e;g=P({},g,h);break e;case 2:At=!0}}i.callback!==null&&i.lane!==0&&(e.flags|=64,h=l.effects,h===null?l.effects=[i]:h.push(i))}else x={eventTime:x,lane:h,tag:i.tag,payload:i.payload,callback:i.callback,next:null},y===null?(m=y=x,s=g):y=y.next=x,o|=h;if(i=i.next,i===null){if(i=l.shared.pending,i===null)break;h=i,i=h.next,h.next=null,l.lastBaseUpdate=h,l.shared.pending=null}}while(!0);if(y===null&&(s=g),l.baseState=s,l.firstBaseUpdate=m,l.lastBaseUpdate=y,t=l.shared.interleaved,t!==null){l=t;do o|=l.lane,l=l.next;while(l!==t)}else u===null&&(l.shared.lanes=0);nn|=o,e.lanes=o,e.memoizedState=g}}function ss(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var r=e[t],l=r.callback;if(l!==null){if(r.callback=null,r=n,typeof l!="function")throw Error(p(191,l));l.call(r)}}}var ur={},ht=It(ur),or=It(ur),ir=It(ur);function en(e){if(e===ur)throw Error(p(174));return e}function Mu(e,t){switch(ee(ir,t),ee(or,e),ee(ht,ur),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:jl(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=jl(t,e)}ne(ht),ee(ht,t)}function Pn(){ne(ht),ne(or),ne(ir)}function as(e){en(ir.current);var t=en(ht.current),n=jl(t,e.type);t!==n&&(ee(or,e),ee(ht,n))}function ju(e){or.current===e&&(ne(ht),ne(or))}var ue=It(0);function nl(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if((t.flags&128)!==0)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Iu=[];function Du(){for(var e=0;e<Iu.length;e++)Iu[e]._workInProgressVersionPrimary=null;Iu.length=0}var rl=Se.ReactCurrentDispatcher,Fu=Se.ReactCurrentBatchConfig,tn=0,oe=null,me=null,ve=null,ll=!1,sr=!1,ar=0,ef=0;function Ce(){throw Error(p(321))}function Au(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!ut(e[n],t[n]))return!1;return!0}function Uu(e,t,n,r,l,u){if(tn=u,oe=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,rl.current=e===null||e.memoizedState===null?lf:uf,e=n(r,l),sr){u=0;do{if(sr=!1,ar=0,25<=u)throw Error(p(301));u+=1,ve=me=null,t.updateQueue=null,rl.current=of,e=n(r,l)}while(sr)}if(rl.current=il,t=me!==null&&me.next!==null,tn=0,ve=me=oe=null,ll=!1,t)throw Error(p(300));return e}function Vu(){var e=ar!==0;return ar=0,e}function vt(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return ve===null?oe.memoizedState=ve=e:ve=ve.next=e,ve}function qe(){if(me===null){var e=oe.alternate;e=e!==null?e.memoizedState:null}else e=me.next;var t=ve===null?oe.memoizedState:ve.next;if(t!==null)ve=t,me=e;else{if(e===null)throw Error(p(310));me=e,e={memoizedState:me.memoizedState,baseState:me.baseState,baseQueue:me.baseQueue,queue:me.queue,next:null},ve===null?oe.memoizedState=ve=e:ve=ve.next=e}return ve}function cr(e,t){return typeof t=="function"?t(e):t}function $u(e){var t=qe(),n=t.queue;if(n===null)throw Error(p(311));n.lastRenderedReducer=e;var r=me,l=r.baseQueue,u=n.pending;if(u!==null){if(l!==null){var o=l.next;l.next=u.next,u.next=o}r.baseQueue=l=u,n.pending=null}if(l!==null){u=l.next,r=r.baseState;var i=o=null,s=null,m=u;do{var y=m.lane;if((tn&y)===y)s!==null&&(s=s.next={lane:0,action:m.action,hasEagerState:m.hasEagerState,eagerState:m.eagerState,next:null}),r=m.hasEagerState?m.eagerState:e(r,m.action);else{var g={lane:y,action:m.action,hasEagerState:m.hasEagerState,eagerState:m.eagerState,next:null};s===null?(i=s=g,o=r):s=s.next=g,oe.lanes|=y,nn|=y}m=m.next}while(m!==null&&m!==u);s===null?o=r:s.next=i,ut(r,t.memoizedState)||(De=!0),t.memoizedState=r,t.baseState=o,t.baseQueue=s,n.lastRenderedState=r}if(e=n.interleaved,e!==null){l=e;do u=l.lane,oe.lanes|=u,nn|=u,l=l.next;while(l!==e)}else l===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Bu(e){var t=qe(),n=t.queue;if(n===null)throw Error(p(311));n.lastRenderedReducer=e;var r=n.dispatch,l=n.pending,u=t.memoizedState;if(l!==null){n.pending=null;var o=l=l.next;do u=e(u,o.action),o=o.next;while(o!==l);ut(u,t.memoizedState)||(De=!0),t.memoizedState=u,t.baseQueue===null&&(t.baseState=u),n.lastRenderedState=u}return[u,r]}function cs(){}function fs(e,t){var n=oe,r=qe(),l=t(),u=!ut(r.memoizedState,l);if(u&&(r.memoizedState=l,De=!0),r=r.queue,Hu(ms.bind(null,n,r,e),[e]),r.getSnapshot!==t||u||ve!==null&&ve.memoizedState.tag&1){if(n.flags|=2048,fr(9,ps.bind(null,n,r,l,t),void 0,null),ye===null)throw Error(p(349));(tn&30)!==0||ds(n,t,l)}return l}function ds(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=oe.updateQueue,t===null?(t={lastEffect:null,stores:null},oe.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function ps(e,t,n,r){t.value=n,t.getSnapshot=r,hs(t)&&vs(e)}function ms(e,t,n){return n(function(){hs(t)&&vs(e)})}function hs(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!ut(e,n)}catch{return!0}}function vs(e){var t=Ct(e,1);t!==null&&ct(t,e,1,-1)}function ys(e){var t=vt();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:cr,lastRenderedState:e},t.queue=e,e=e.dispatch=rf.bind(null,oe,e),[t.memoizedState,e]}function fr(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},t=oe.updateQueue,t===null?(t={lastEffect:null,stores:null},oe.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e)),e}function gs(){return qe().memoizedState}function ul(e,t,n,r){var l=vt();oe.flags|=e,l.memoizedState=fr(1|t,n,void 0,r===void 0?null:r)}function ol(e,t,n,r){var l=qe();r=r===void 0?null:r;var u=void 0;if(me!==null){var o=me.memoizedState;if(u=o.destroy,r!==null&&Au(r,o.deps)){l.memoizedState=fr(t,n,u,r);return}}oe.flags|=e,l.memoizedState=fr(1|t,n,u,r)}function ws(e,t){return ul(8390656,8,e,t)}function Hu(e,t){return ol(2048,8,e,t)}function ks(e,t){return ol(4,2,e,t)}function Ss(e,t){return ol(4,4,e,t)}function Es(e,t){if(typeof t=="function")return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function Cs(e,t,n){return n=n!=null?n.concat([e]):null,ol(4,4,Es.bind(null,t,e),n)}function Wu(){}function xs(e,t){var n=qe();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Au(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function _s(e,t){var n=qe();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Au(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Ns(e,t,n){return(tn&21)===0?(e.baseState&&(e.baseState=!1,De=!0),e.memoizedState=n):(ut(n,t)||(n=ni(),oe.lanes|=n,nn|=n,e.baseState=!0),t)}function tf(e,t){var n=G;G=n!==0&&4>n?n:4,e(!0);var r=Fu.transition;Fu.transition={};try{e(!1),t()}finally{G=n,Fu.transition=r}}function Ps(){return qe().memoizedState}function nf(e,t,n){var r=Ht(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},zs(e))Ts(t,n);else if(n=us(e,t,n,r),n!==null){var l=Re();ct(n,e,r,l),Rs(n,t,r)}}function rf(e,t,n){var r=Ht(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(zs(e))Ts(t,l);else{var u=e.alternate;if(e.lanes===0&&(u===null||u.lanes===0)&&(u=t.lastRenderedReducer,u!==null))try{var o=t.lastRenderedState,i=u(o,n);if(l.hasEagerState=!0,l.eagerState=i,ut(i,o)){var s=t.interleaved;s===null?(l.next=l,Lu(t)):(l.next=s.next,s.next=l),t.interleaved=l;return}}catch{}finally{}n=us(e,t,l,r),n!==null&&(l=Re(),ct(n,e,r,l),Rs(n,t,r))}}function zs(e){var t=e.alternate;return e===oe||t!==null&&t===oe}function Ts(e,t){sr=ll=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Rs(e,t,n){if((n&4194240)!==0){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Kl(e,n)}}var il={readContext:Je,useCallback:Ce,useContext:Ce,useEffect:Ce,useImperativeHandle:Ce,useInsertionEffect:Ce,useLayoutEffect:Ce,useMemo:Ce,useReducer:Ce,useRef:Ce,useState:Ce,useDebugValue:Ce,useDeferredValue:Ce,useTransition:Ce,useMutableSource:Ce,useSyncExternalStore:Ce,useId:Ce,unstable_isNewReconciler:!1},lf={readContext:Je,useCallback:function(e,t){return vt().memoizedState=[e,t===void 0?null:t],e},useContext:Je,useEffect:ws,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,ul(4194308,4,Es.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ul(4194308,4,e,t)},useInsertionEffect:function(e,t){return ul(4,2,e,t)},useMemo:function(e,t){var n=vt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=vt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=nf.bind(null,oe,e),[r.memoizedState,e]},useRef:function(e){var t=vt();return e={current:e},t.memoizedState=e},useState:ys,useDebugValue:Wu,useDeferredValue:function(e){return vt().memoizedState=e},useTransition:function(){var e=ys(!1),t=e[0];return e=tf.bind(null,e[1]),vt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=oe,l=vt();if(le){if(n===void 0)throw Error(p(407));n=n()}else{if(n=t(),ye===null)throw Error(p(349));(tn&30)!==0||ds(r,t,n)}l.memoizedState=n;var u={value:n,getSnapshot:t};return l.queue=u,ws(ms.bind(null,r,u,e),[e]),r.flags|=2048,fr(9,ps.bind(null,r,u,n,t),void 0,null),n},useId:function(){var e=vt(),t=ye.identifierPrefix;if(le){var n=Et,r=St;n=(r&~(1<<32-lt(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=ar++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=ef++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},uf={readContext:Je,useCallback:xs,useContext:Je,useEffect:Hu,useImperativeHandle:Cs,useInsertionEffect:ks,useLayoutEffect:Ss,useMemo:_s,useReducer:$u,useRef:gs,useState:function(){return $u(cr)},useDebugValue:Wu,useDeferredValue:function(e){var t=qe();return Ns(t,me.memoizedState,e)},useTransition:function(){var e=$u(cr)[0],t=qe().memoizedState;return[e,t]},useMutableSource:cs,useSyncExternalStore:fs,useId:Ps,unstable_isNewReconciler:!1},of={readContext:Je,useCallback:xs,useContext:Je,useEffect:Hu,useImperativeHandle:Cs,useInsertionEffect:ks,useLayoutEffect:Ss,useMemo:_s,useReducer:Bu,useRef:gs,useState:function(){return Bu(cr)},useDebugValue:Wu,useDeferredValue:function(e){var t=qe();return me===null?t.memoizedState=e:Ns(t,me.memoizedState,e)},useTransition:function(){var e=Bu(cr)[0],t=qe().memoizedState;return[e,t]},useMutableSource:cs,useSyncExternalStore:fs,useId:Ps,unstable_isNewReconciler:!1};function it(e,t){if(e&&e.defaultProps){t=P({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}function Qu(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:P({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var sl={isMounted:function(e){return(e=e._reactInternals)?Xt(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=Re(),l=Ht(e),u=xt(r,l);u.payload=t,n!=null&&(u.callback=n),t=Ut(e,u,l),t!==null&&(ct(t,e,l,r),el(t,e,l))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=Re(),l=Ht(e),u=xt(r,l);u.tag=1,u.payload=t,n!=null&&(u.callback=n),t=Ut(e,u,l),t!==null&&(ct(t,e,l,r),el(t,e,l))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=Re(),r=Ht(e),l=xt(n,r);l.tag=2,t!=null&&(l.callback=t),t=Ut(e,l,r),t!==null&&(ct(t,e,r,n),el(t,e,r))}};function Ls(e,t,n,r,l,u,o){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(r,u,o):t.prototype&&t.prototype.isPureReactComponent?!Jn(n,r)||!Jn(l,u):!0}function Os(e,t,n){var r=!1,l=Dt,u=t.contextType;return typeof u=="object"&&u!==null?u=Je(u):(l=Ie(t)?Zt:Ee.current,r=t.contextTypes,u=(r=r!=null)?kn(e,l):Dt),t=new t(n,u),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=sl,e.stateNode=t,t._reactInternals=e,r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=l,e.__reactInternalMemoizedMaskedChildContext=u),t}function Ms(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&sl.enqueueReplaceState(t,t.state,null)}function Ku(e,t,n,r){var l=e.stateNode;l.props=n,l.state=e.memoizedState,l.refs={},Ou(e);var u=t.contextType;typeof u=="object"&&u!==null?l.context=Je(u):(u=Ie(t)?Zt:Ee.current,l.context=kn(e,u)),l.state=e.memoizedState,u=t.getDerivedStateFromProps,typeof u=="function"&&(Qu(e,t,u,n),l.state=e.memoizedState),typeof t.getDerivedStateFromProps=="function"||typeof l.getSnapshotBeforeUpdate=="function"||typeof l.UNSAFE_componentWillMount!="function"&&typeof l.componentWillMount!="function"||(t=l.state,typeof l.componentWillMount=="function"&&l.componentWillMount(),typeof l.UNSAFE_componentWillMount=="function"&&l.UNSAFE_componentWillMount(),t!==l.state&&sl.enqueueReplaceState(l,l.state,null),tl(e,n,l,r),l.state=e.memoizedState),typeof l.componentDidMount=="function"&&(e.flags|=4194308)}function zn(e,t){try{var n="",r=t;do n+=Q(r),r=r.return;while(r);var l=n}catch(u){l=`
-Error generating stack: `+u.message+`
-`+u.stack}return{value:e,source:t,stack:l,digest:null}}function Yu(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function Xu(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var sf=typeof WeakMap=="function"?WeakMap:Map;function js(e,t,n){n=xt(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){hl||(hl=!0,ao=r),Xu(e,t)},n}function Is(e,t,n){n=xt(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r=="function"){var l=t.value;n.payload=function(){return r(l)},n.callback=function(){Xu(e,t)}}var u=e.stateNode;return u!==null&&typeof u.componentDidCatch=="function"&&(n.callback=function(){Xu(e,t),typeof r!="function"&&($t===null?$t=new Set([this]):$t.add(this));var o=t.stack;this.componentDidCatch(t.value,{componentStack:o!==null?o:""})}),n}function Ds(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new sf;var l=new Set;r.set(t,l)}else l=r.get(t),l===void 0&&(l=new Set,r.set(t,l));l.has(n)||(l.add(n),e=Ef.bind(null,e,t,n),t.then(e,e))}function Fs(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function As(e,t,n,r,l){return(e.mode&1)===0?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=xt(-1,1),t.tag=2,Ut(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=l,e)}var af=Se.ReactCurrentOwner,De=!1;function Te(e,t,n,r){t.child=e===null?ls(t,null,n,r):xn(t,e.child,n,r)}function Us(e,t,n,r,l){n=n.render;var u=t.ref;return Nn(t,l),r=Uu(e,t,n,r,u,l),n=Vu(),e!==null&&!De?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,_t(e,t,l)):(le&&n&&Eu(t),t.flags|=1,Te(e,t,r,l),t.child)}function Vs(e,t,n,r,l){if(e===null){var u=n.type;return typeof u=="function"&&!yo(u)&&u.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=u,$s(e,t,u,r,l)):(e=Sl(n.type,null,r,t,t.mode,l),e.ref=t.ref,e.return=t,t.child=e)}if(u=e.child,(e.lanes&l)===0){var o=u.memoizedProps;if(n=n.compare,n=n!==null?n:Jn,n(o,r)&&e.ref===t.ref)return _t(e,t,l)}return t.flags|=1,e=Qt(u,r),e.ref=t.ref,e.return=t,t.child=e}function $s(e,t,n,r,l){if(e!==null){var u=e.memoizedProps;if(Jn(u,r)&&e.ref===t.ref)if(De=!1,t.pendingProps=r=u,(e.lanes&l)!==0)(e.flags&131072)!==0&&(De=!0);else return t.lanes=e.lanes,_t(e,t,l)}return Gu(e,t,n,r,l)}function Bs(e,t,n){var r=t.pendingProps,l=r.children,u=e!==null?e.memoizedState:null;if(r.mode==="hidden")if((t.mode&1)===0)t.memoizedState={baseLanes:0,cachePool:null,transitions:null},ee(Rn,Qe),Qe|=n;else{if((n&1073741824)===0)return e=u!==null?u.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,ee(Rn,Qe),Qe|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=u!==null?u.baseLanes:n,ee(Rn,Qe),Qe|=r}else u!==null?(r=u.baseLanes|n,t.memoizedState=null):r=n,ee(Rn,Qe),Qe|=r;return Te(e,t,l,n),t.child}function Hs(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Gu(e,t,n,r,l){var u=Ie(n)?Zt:Ee.current;return u=kn(t,u),Nn(t,l),n=Uu(e,t,n,r,u,l),r=Vu(),e!==null&&!De?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,_t(e,t,l)):(le&&r&&Eu(t),t.flags|=1,Te(e,t,n,l),t.child)}function Ws(e,t,n,r,l){if(Ie(n)){var u=!0;Kr(t)}else u=!1;if(Nn(t,l),t.stateNode===null)cl(e,t),Os(t,n,r),Ku(t,n,r,l),r=!0;else if(e===null){var o=t.stateNode,i=t.memoizedProps;o.props=i;var s=o.context,m=n.contextType;typeof m=="object"&&m!==null?m=Je(m):(m=Ie(n)?Zt:Ee.current,m=kn(t,m));var y=n.getDerivedStateFromProps,g=typeof y=="function"||typeof o.getSnapshotBeforeUpdate=="function";g||typeof o.UNSAFE_componentWillReceiveProps!="function"&&typeof o.componentWillReceiveProps!="function"||(i!==r||s!==m)&&Ms(t,o,r,m),At=!1;var h=t.memoizedState;o.state=h,tl(t,r,o,l),s=t.memoizedState,i!==r||h!==s||je.current||At?(typeof y=="function"&&(Qu(t,n,y,r),s=t.memoizedState),(i=At||Ls(t,n,i,r,h,s,m))?(g||typeof o.UNSAFE_componentWillMount!="function"&&typeof o.componentWillMount!="function"||(typeof o.componentWillMount=="function"&&o.componentWillMount(),typeof o.UNSAFE_componentWillMount=="function"&&o.UNSAFE_componentWillMount()),typeof o.componentDidMount=="function"&&(t.flags|=4194308)):(typeof o.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=s),o.props=r,o.state=s,o.context=m,r=i):(typeof o.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{o=t.stateNode,os(e,t),i=t.memoizedProps,m=t.type===t.elementType?i:it(t.type,i),o.props=m,g=t.pendingProps,h=o.context,s=n.contextType,typeof s=="object"&&s!==null?s=Je(s):(s=Ie(n)?Zt:Ee.current,s=kn(t,s));var x=n.getDerivedStateFromProps;(y=typeof x=="function"||typeof o.getSnapshotBeforeUpdate=="function")||typeof o.UNSAFE_componentWillReceiveProps!="function"&&typeof o.componentWillReceiveProps!="function"||(i!==g||h!==s)&&Ms(t,o,r,s),At=!1,h=t.memoizedState,o.state=h,tl(t,r,o,l);var z=t.memoizedState;i!==g||h!==z||je.current||At?(typeof x=="function"&&(Qu(t,n,x,r),z=t.memoizedState),(m=At||Ls(t,n,m,r,h,z,s)||!1)?(y||typeof o.UNSAFE_componentWillUpdate!="function"&&typeof o.componentWillUpdate!="function"||(typeof o.componentWillUpdate=="function"&&o.componentWillUpdate(r,z,s),typeof o.UNSAFE_componentWillUpdate=="function"&&o.UNSAFE_componentWillUpdate(r,z,s)),typeof o.componentDidUpdate=="function"&&(t.flags|=4),typeof o.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof o.componentDidUpdate!="function"||i===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!="function"||i===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=z),o.props=r,o.state=z,o.context=s,r=m):(typeof o.componentDidUpdate!="function"||i===e.memoizedProps&&h===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!="function"||i===e.memoizedProps&&h===e.memoizedState||(t.flags|=1024),r=!1)}return Zu(e,t,n,r,u,l)}function Zu(e,t,n,r,l,u){Hs(e,t);var o=(t.flags&128)!==0;if(!r&&!o)return l&&Gi(t,n,!1),_t(e,t,u);r=t.stateNode,af.current=t;var i=o&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&o?(t.child=xn(t,e.child,null,u),t.child=xn(t,null,i,u)):Te(e,t,i,u),t.memoizedState=r.state,l&&Gi(t,n,!0),t.child}function Qs(e){var t=e.stateNode;t.pendingContext?Yi(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Yi(e,t.context,!1),Mu(e,t.containerInfo)}function Ks(e,t,n,r,l){return Cn(),Nu(l),t.flags|=256,Te(e,t,n,r),t.child}var Ju={dehydrated:null,treeContext:null,retryLane:0};function qu(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ys(e,t,n){var r=t.pendingProps,l=ue.current,u=!1,o=(t.flags&128)!==0,i;if((i=o)||(i=e!==null&&e.memoizedState===null?!1:(l&2)!==0),i?(u=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(l|=1),ee(ue,l&1),e===null)return _u(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?((t.mode&1)===0?t.lanes=1:e.data==="$!"?t.lanes=8:t.lanes=1073741824,null):(o=r.children,e=r.fallback,u?(r=t.mode,u=t.child,o={mode:"hidden",children:o},(r&1)===0&&u!==null?(u.childLanes=0,u.pendingProps=o):u=El(o,r,0,null),e=on(e,r,n,null),u.return=t,e.return=t,u.sibling=e,t.child=u,t.child.memoizedState=qu(n),t.memoizedState=Ju,e):bu(t,o));if(l=e.memoizedState,l!==null&&(i=l.dehydrated,i!==null))return cf(e,t,o,r,i,l,n);if(u){u=r.fallback,o=t.mode,l=e.child,i=l.sibling;var s={mode:"hidden",children:r.children};return(o&1)===0&&t.child!==l?(r=t.child,r.childLanes=0,r.pendingProps=s,t.deletions=null):(r=Qt(l,s),r.subtreeFlags=l.subtreeFlags&14680064),i!==null?u=Qt(i,u):(u=on(u,o,n,null),u.flags|=2),u.return=t,r.return=t,r.sibling=u,t.child=r,r=u,u=t.child,o=e.child.memoizedState,o=o===null?qu(n):{baseLanes:o.baseLanes|n,cachePool:null,transitions:o.transitions},u.memoizedState=o,u.childLanes=e.childLanes&~n,t.memoizedState=Ju,r}return u=e.child,e=u.sibling,r=Qt(u,{mode:"visible",children:r.children}),(t.mode&1)===0&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function bu(e,t){return t=El({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function al(e,t,n,r){return r!==null&&Nu(r),xn(t,e.child,null,n),e=bu(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function cf(e,t,n,r,l,u,o){if(n)return t.flags&256?(t.flags&=-257,r=Yu(Error(p(422))),al(e,t,o,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(u=r.fallback,l=t.mode,r=El({mode:"visible",children:r.children},l,0,null),u=on(u,l,o,null),u.flags|=2,r.return=t,u.return=t,r.sibling=u,t.child=r,(t.mode&1)!==0&&xn(t,e.child,null,o),t.child.memoizedState=qu(o),t.memoizedState=Ju,u);if((t.mode&1)===0)return al(e,t,o,null);if(l.data==="$!"){if(r=l.nextSibling&&l.nextSibling.dataset,r)var i=r.dgst;return r=i,u=Error(p(419)),r=Yu(u,r,void 0),al(e,t,o,r)}if(i=(o&e.childLanes)!==0,De||i){if(r=ye,r!==null){switch(o&-o){case 4:l=2;break;case 16:l=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:l=32;break;case 536870912:l=268435456;break;default:l=0}l=(l&(r.suspendedLanes|o))!==0?0:l,l!==0&&l!==u.retryLane&&(u.retryLane=l,Ct(e,l),ct(r,e,l,-1))}return vo(),r=Yu(Error(p(421))),al(e,t,o,r)}return l.data==="$?"?(t.flags|=128,t.child=e.child,t=Cf.bind(null,e),l._reactRetry=t,null):(e=u.treeContext,We=jt(l.nextSibling),He=t,le=!0,ot=null,e!==null&&(Ge[Ze++]=St,Ge[Ze++]=Et,Ge[Ze++]=Jt,St=e.id,Et=e.overflow,Jt=t),t=bu(t,r.children),t.flags|=4096,t)}function Xs(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),Ru(e.return,t,n)}function eo(e,t,n,r,l){var u=e.memoizedState;u===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:l}:(u.isBackwards=t,u.rendering=null,u.renderingStartTime=0,u.last=r,u.tail=n,u.tailMode=l)}function Gs(e,t,n){var r=t.pendingProps,l=r.revealOrder,u=r.tail;if(Te(e,t,r.children,n),r=ue.current,(r&2)!==0)r=r&1|2,t.flags|=128;else{if(e!==null&&(e.flags&128)!==0)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Xs(e,n,t);else if(e.tag===19)Xs(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(ee(ue,r),(t.mode&1)===0)t.memoizedState=null;else switch(l){case"forwards":for(n=t.child,l=null;n!==null;)e=n.alternate,e!==null&&nl(e)===null&&(l=n),n=n.sibling;n=l,n===null?(l=t.child,t.child=null):(l=n.sibling,n.sibling=null),eo(t,!1,l,n,u);break;case"backwards":for(n=null,l=t.child,t.child=null;l!==null;){if(e=l.alternate,e!==null&&nl(e)===null){t.child=l;break}e=l.sibling,l.sibling=n,n=l,l=e}eo(t,!0,n,null,u);break;case"together":eo(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function cl(e,t){(t.mode&1)===0&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function _t(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),nn|=t.lanes,(n&t.childLanes)===0)return null;if(e!==null&&t.child!==e.child)throw Error(p(153));if(t.child!==null){for(e=t.child,n=Qt(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Qt(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function ff(e,t,n){switch(t.tag){case 3:Qs(t),Cn();break;case 5:as(t);break;case 1:Ie(t.type)&&Kr(t);break;case 4:Mu(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,l=t.memoizedProps.value;ee(qr,r._currentValue),r._currentValue=l;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(ee(ue,ue.current&1),t.flags|=128,null):(n&t.child.childLanes)!==0?Ys(e,t,n):(ee(ue,ue.current&1),e=_t(e,t,n),e!==null?e.sibling:null);ee(ue,ue.current&1);break;case 19:if(r=(n&t.childLanes)!==0,(e.flags&128)!==0){if(r)return Gs(e,t,n);t.flags|=128}if(l=t.memoizedState,l!==null&&(l.rendering=null,l.tail=null,l.lastEffect=null),ee(ue,ue.current),r)break;return null;case 22:case 23:return t.lanes=0,Bs(e,t,n)}return _t(e,t,n)}var Zs,to,Js,qs;Zs=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},to=function(){},Js=function(e,t,n,r){var l=e.memoizedProps;if(l!==r){e=t.stateNode,en(ht.current);var u=null;switch(n){case"input":l=Rl(e,l),r=Rl(e,r),u=[];break;case"select":l=P({},l,{value:void 0}),r=P({},r,{value:void 0}),u=[];break;case"textarea":l=Ml(e,l),r=Ml(e,r),u=[];break;default:typeof l.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=Hr)}Il(n,r);var o;n=null;for(m in l)if(!r.hasOwnProperty(m)&&l.hasOwnProperty(m)&&l[m]!=null)if(m==="style"){var i=l[m];for(o in i)i.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else m!=="dangerouslySetInnerHTML"&&m!=="children"&&m!=="suppressContentEditableWarning"&&m!=="suppressHydrationWarning"&&m!=="autoFocus"&&(D.hasOwnProperty(m)?u||(u=[]):(u=u||[]).push(m,null));for(m in r){var s=r[m];if(i=l!=null?l[m]:void 0,r.hasOwnProperty(m)&&s!==i&&(s!=null||i!=null))if(m==="style")if(i){for(o in i)!i.hasOwnProperty(o)||s&&s.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in s)s.hasOwnProperty(o)&&i[o]!==s[o]&&(n||(n={}),n[o]=s[o])}else n||(u||(u=[]),u.push(m,n)),n=s;else m==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,i=i?i.__html:void 0,s!=null&&i!==s&&(u=u||[]).push(m,s)):m==="children"?typeof s!="string"&&typeof s!="number"||(u=u||[]).push(m,""+s):m!=="suppressContentEditableWarning"&&m!=="suppressHydrationWarning"&&(D.hasOwnProperty(m)?(s!=null&&m==="onScroll"&&te("scroll",e),u||i===s||(u=[])):(u=u||[]).push(m,s))}n&&(u=u||[]).push("style",n);var m=u;(t.updateQueue=m)&&(t.flags|=4)}},qs=function(e,t,n,r){n!==r&&(t.flags|=4)};function dr(e,t){if(!le)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function xe(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var l=e.child;l!==null;)n|=l.lanes|l.childLanes,r|=l.subtreeFlags&14680064,r|=l.flags&14680064,l.return=e,l=l.sibling;else for(l=e.child;l!==null;)n|=l.lanes|l.childLanes,r|=l.subtreeFlags,r|=l.flags,l.return=e,l=l.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function df(e,t,n){var r=t.pendingProps;switch(Cu(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return xe(t),null;case 1:return Ie(t.type)&&Qr(),xe(t),null;case 3:return r=t.stateNode,Pn(),ne(je),ne(Ee),Du(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(Zr(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&(t.flags&256)===0||(t.flags|=1024,ot!==null&&(po(ot),ot=null))),to(e,t),xe(t),null;case 5:ju(t);var l=en(ir.current);if(n=t.type,e!==null&&t.stateNode!=null)Js(e,t,n,r,l),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(t.stateNode===null)throw Error(p(166));return xe(t),null}if(e=en(ht.current),Zr(t)){r=t.stateNode,n=t.type;var u=t.memoizedProps;switch(r[mt]=t,r[nr]=u,e=(t.mode&1)!==0,n){case"dialog":te("cancel",r),te("close",r);break;case"iframe":case"object":case"embed":te("load",r);break;case"video":case"audio":for(l=0;l<bn.length;l++)te(bn[l],r);break;case"source":te("error",r);break;case"img":case"image":case"link":te("error",r),te("load",r);break;case"details":te("toggle",r);break;case"input":Oo(r,u),te("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!u.multiple},te("invalid",r);break;case"textarea":Io(r,u),te("invalid",r)}Il(n,u),l=null;for(var o in u)if(u.hasOwnProperty(o)){var i=u[o];o==="children"?typeof i=="string"?r.textContent!==i&&(u.suppressHydrationWarning!==!0&&Br(r.textContent,i,e),l=["children",i]):typeof i=="number"&&r.textContent!==""+i&&(u.suppressHydrationWarning!==!0&&Br(r.textContent,i,e),l=["children",""+i]):D.hasOwnProperty(o)&&i!=null&&o==="onScroll"&&te("scroll",r)}switch(n){case"input":wr(r),jo(r,u,!0);break;case"textarea":wr(r),Fo(r);break;case"select":case"option":break;default:typeof u.onClick=="function"&&(r.onclick=Hr)}r=l,t.updateQueue=r,r!==null&&(t.flags|=4)}else{o=l.nodeType===9?l:l.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=Ao(n)),e==="http://www.w3.org/1999/xhtml"?n==="script"?(e=o.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[mt]=t,e[nr]=r,Zs(e,t,!1,!1),t.stateNode=e;e:{switch(o=Dl(n,r),n){case"dialog":te("cancel",e),te("close",e),l=r;break;case"iframe":case"object":case"embed":te("load",e),l=r;break;case"video":case"audio":for(l=0;l<bn.length;l++)te(bn[l],e);l=r;break;case"source":te("error",e),l=r;break;case"img":case"image":case"link":te("error",e),te("load",e),l=r;break;case"details":te("toggle",e),l=r;break;case"input":Oo(e,r),l=Rl(e,r),te("invalid",e);break;case"option":l=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},l=P({},r,{value:void 0}),te("invalid",e);break;case"textarea":Io(e,r),l=Ml(e,r),te("invalid",e);break;default:l=r}Il(n,l),i=l;for(u in i)if(i.hasOwnProperty(u)){var s=i[u];u==="style"?$o(e,s):u==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,s!=null&&Uo(e,s)):u==="children"?typeof s=="string"?(n!=="textarea"||s!=="")&&jn(e,s):typeof s=="number"&&jn(e,""+s):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(D.hasOwnProperty(u)?s!=null&&u==="onScroll"&&te("scroll",e):s!=null&&tt(e,u,s,o))}switch(n){case"input":wr(e),jo(e,r,!1);break;case"textarea":wr(e),Fo(e);break;case"option":r.value!=null&&e.setAttribute("value",""+X(r.value));break;case"select":e.multiple=!!r.multiple,u=r.value,u!=null?sn(e,!!r.multiple,u,!1):r.defaultValue!=null&&sn(e,!!r.multiple,r.defaultValue,!0);break;default:typeof l.onClick=="function"&&(e.onclick=Hr)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return xe(t),null;case 6:if(e&&t.stateNode!=null)qs(e,t,e.memoizedProps,r);else{if(typeof r!="string"&&t.stateNode===null)throw Error(p(166));if(n=en(ir.current),en(ht.current),Zr(t)){if(r=t.stateNode,n=t.memoizedProps,r[mt]=t,(u=r.nodeValue!==n)&&(e=He,e!==null))switch(e.tag){case 3:Br(r.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&Br(r.nodeValue,n,(e.mode&1)!==0)}u&&(t.flags|=4)}else r=(n.nodeType===9?n:n.ownerDocument).createTextNode(r),r[mt]=t,t.stateNode=r}return xe(t),null;case 13:if(ne(ue),r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(le&&We!==null&&(t.mode&1)!==0&&(t.flags&128)===0)ts(),Cn(),t.flags|=98560,u=!1;else if(u=Zr(t),r!==null&&r.dehydrated!==null){if(e===null){if(!u)throw Error(p(318));if(u=t.memoizedState,u=u!==null?u.dehydrated:null,!u)throw Error(p(317));u[mt]=t}else Cn(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;xe(t),u=!1}else ot!==null&&(po(ot),ot=null),u=!0;if(!u)return t.flags&65536?t:null}return(t.flags&128)!==0?(t.lanes=n,t):(r=r!==null,r!==(e!==null&&e.memoizedState!==null)&&r&&(t.child.flags|=8192,(t.mode&1)!==0&&(e===null||(ue.current&1)!==0?he===0&&(he=3):vo())),t.updateQueue!==null&&(t.flags|=4),xe(t),null);case 4:return Pn(),to(e,t),e===null&&er(t.stateNode.containerInfo),xe(t),null;case 10:return Tu(t.type._context),xe(t),null;case 17:return Ie(t.type)&&Qr(),xe(t),null;case 19:if(ne(ue),u=t.memoizedState,u===null)return xe(t),null;if(r=(t.flags&128)!==0,o=u.rendering,o===null)if(r)dr(u,!1);else{if(he!==0||e!==null&&(e.flags&128)!==0)for(e=t.child;e!==null;){if(o=nl(e),o!==null){for(t.flags|=128,dr(u,!1),r=o.updateQueue,r!==null&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;n!==null;)u=n,e=r,u.flags&=14680066,o=u.alternate,o===null?(u.childLanes=0,u.lanes=e,u.child=null,u.subtreeFlags=0,u.memoizedProps=null,u.memoizedState=null,u.updateQueue=null,u.dependencies=null,u.stateNode=null):(u.childLanes=o.childLanes,u.lanes=o.lanes,u.child=o.child,u.subtreeFlags=0,u.deletions=null,u.memoizedProps=o.memoizedProps,u.memoizedState=o.memoizedState,u.updateQueue=o.updateQueue,u.type=o.type,e=o.dependencies,u.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return ee(ue,ue.current&1|2),t.child}e=e.sibling}u.tail!==null&&ce()>Ln&&(t.flags|=128,r=!0,dr(u,!1),t.lanes=4194304)}else{if(!r)if(e=nl(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),dr(u,!0),u.tail===null&&u.tailMode==="hidden"&&!o.alternate&&!le)return xe(t),null}else 2*ce()-u.renderingStartTime>Ln&&n!==1073741824&&(t.flags|=128,r=!0,dr(u,!1),t.lanes=4194304);u.isBackwards?(o.sibling=t.child,t.child=o):(n=u.last,n!==null?n.sibling=o:t.child=o,u.last=o)}return u.tail!==null?(t=u.tail,u.rendering=t,u.tail=t.sibling,u.renderingStartTime=ce(),t.sibling=null,n=ue.current,ee(ue,r?n&1|2:n&1),t):(xe(t),null);case 22:case 23:return ho(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&(t.mode&1)!==0?(Qe&1073741824)!==0&&(xe(t),t.subtreeFlags&6&&(t.flags|=8192)):xe(t),null;case 24:return null;case 25:return null}throw Error(p(156,t.tag))}function pf(e,t){switch(Cu(t),t.tag){case 1:return Ie(t.type)&&Qr(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Pn(),ne(je),ne(Ee),Du(),e=t.flags,(e&65536)!==0&&(e&128)===0?(t.flags=e&-65537|128,t):null;case 5:return ju(t),null;case 13:if(ne(ue),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(p(340));Cn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return ne(ue),null;case 4:return Pn(),null;case 10:return Tu(t.type._context),null;case 22:case 23:return ho(),null;case 24:return null;default:return null}}var fl=!1,_e=!1,mf=typeof WeakSet=="function"?WeakSet:Set,N=null;function Tn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){se(e,t,r)}else n.current=null}function no(e,t,n){try{n()}catch(r){se(e,t,r)}}var bs=!1;function hf(e,t){if(mu=Lr,e=Li(),ou(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,u=r.focusNode;r=r.focusOffset;try{n.nodeType,u.nodeType}catch{n=null;break e}var o=0,i=-1,s=-1,m=0,y=0,g=e,h=null;t:for(;;){for(var x;g!==n||l!==0&&g.nodeType!==3||(i=o+l),g!==u||r!==0&&g.nodeType!==3||(s=o+r),g.nodeType===3&&(o+=g.nodeValue.length),(x=g.firstChild)!==null;)h=g,g=x;for(;;){if(g===e)break t;if(h===n&&++m===l&&(i=o),h===u&&++y===r&&(s=o),(x=g.nextSibling)!==null)break;g=h,h=g.parentNode}g=x}n=i===-1||s===-1?null:{start:i,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(hu={focusedElem:e,selectionRange:n},Lr=!1,N=t;N!==null;)if(t=N,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,N=e;else for(;N!==null;){t=N;try{var z=t.alternate;if((t.flags&1024)!==0)switch(t.tag){case 0:case 11:case 15:break;case 1:if(z!==null){var T=z.memoizedProps,fe=z.memoizedState,f=t.stateNode,a=f.getSnapshotBeforeUpdate(t.elementType===t.type?T:it(t.type,T),fe);f.__reactInternalSnapshotBeforeUpdate=a}break;case 3:var d=t.stateNode.containerInfo;d.nodeType===1?d.textContent="":d.nodeType===9&&d.documentElement&&d.removeChild(d.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(p(163))}}catch(w){se(t,t.return,w)}if(e=t.sibling,e!==null){e.return=t.return,N=e;break}N=t.return}return z=bs,bs=!1,z}function pr(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var u=l.destroy;l.destroy=void 0,u!==void 0&&no(t,n,u)}l=l.next}while(l!==r)}}function dl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ro(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function ea(e){var t=e.alternate;t!==null&&(e.alternate=null,ea(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[mt],delete t[nr],delete t[wu],delete t[Zc],delete t[Jc])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ta(e){return e.tag===5||e.tag===3||e.tag===4}function na(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||ta(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function lo(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Hr));else if(r!==4&&(e=e.child,e!==null))for(lo(e,t,n),e=e.sibling;e!==null;)lo(e,t,n),e=e.sibling}function uo(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(uo(e,t,n),e=e.sibling;e!==null;)uo(e,t,n),e=e.sibling}var we=null,st=!1;function Vt(e,t,n){for(n=n.child;n!==null;)ra(e,t,n),n=n.sibling}function ra(e,t,n){if(pt&&typeof pt.onCommitFiberUnmount=="function")try{pt.onCommitFiberUnmount(_r,n)}catch{}switch(n.tag){case 5:_e||Tn(n,t);case 6:var r=we,l=st;we=null,Vt(e,t,n),we=r,st=l,we!==null&&(st?(e=we,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):we.removeChild(n.stateNode));break;case 18:we!==null&&(st?(e=we,n=n.stateNode,e.nodeType===8?gu(e.parentNode,n):e.nodeType===1&&gu(e,n),Qn(e)):gu(we,n.stateNode));break;case 4:r=we,l=st,we=n.stateNode.containerInfo,st=!0,Vt(e,t,n),we=r,st=l;break;case 0:case 11:case 14:case 15:if(!_e&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var u=l,o=u.destroy;u=u.tag,o!==void 0&&((u&2)!==0||(u&4)!==0)&&no(n,t,o),l=l.next}while(l!==r)}Vt(e,t,n);break;case 1:if(!_e&&(Tn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(i){se(n,t,i)}Vt(e,t,n);break;case 21:Vt(e,t,n);break;case 22:n.mode&1?(_e=(r=_e)||n.memoizedState!==null,Vt(e,t,n),_e=r):Vt(e,t,n);break;default:Vt(e,t,n)}}function la(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new mf),t.forEach(function(r){var l=xf.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function at(e,t){var n=t.deletions;if(n!==null)for(var r=0;r<n.length;r++){var l=n[r];try{var u=e,o=t,i=o;e:for(;i!==null;){switch(i.tag){case 5:we=i.stateNode,st=!1;break e;case 3:we=i.stateNode.containerInfo,st=!0;break e;case 4:we=i.stateNode.containerInfo,st=!0;break e}i=i.return}if(we===null)throw Error(p(160));ra(u,o,l),we=null,st=!1;var s=l.alternate;s!==null&&(s.return=null),l.return=null}catch(m){se(l,t,m)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)ua(t,e),t=t.sibling}function ua(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(at(t,e),yt(e),r&4){try{pr(3,e,e.return),dl(3,e)}catch(T){se(e,e.return,T)}try{pr(5,e,e.return)}catch(T){se(e,e.return,T)}}break;case 1:at(t,e),yt(e),r&512&&n!==null&&Tn(n,n.return);break;case 5:if(at(t,e),yt(e),r&512&&n!==null&&Tn(n,n.return),e.flags&32){var l=e.stateNode;try{jn(l,"")}catch(T){se(e,e.return,T)}}if(r&4&&(l=e.stateNode,l!=null)){var u=e.memoizedProps,o=n!==null?n.memoizedProps:u,i=e.type,s=e.updateQueue;if(e.updateQueue=null,s!==null)try{i==="input"&&u.type==="radio"&&u.name!=null&&Mo(l,u),Dl(i,o);var m=Dl(i,u);for(o=0;o<s.length;o+=2){var y=s[o],g=s[o+1];y==="style"?$o(l,g):y==="dangerouslySetInnerHTML"?Uo(l,g):y==="children"?jn(l,g):tt(l,y,g,m)}switch(i){case"input":Ll(l,u);break;case"textarea":Do(l,u);break;case"select":var h=l._wrapperState.wasMultiple;l._wrapperState.wasMultiple=!!u.multiple;var x=u.value;x!=null?sn(l,!!u.multiple,x,!1):h!==!!u.multiple&&(u.defaultValue!=null?sn(l,!!u.multiple,u.defaultValue,!0):sn(l,!!u.multiple,u.multiple?[]:"",!1))}l[nr]=u}catch(T){se(e,e.return,T)}}break;case 6:if(at(t,e),yt(e),r&4){if(e.stateNode===null)throw Error(p(162));l=e.stateNode,u=e.memoizedProps;try{l.nodeValue=u}catch(T){se(e,e.return,T)}}break;case 3:if(at(t,e),yt(e),r&4&&n!==null&&n.memoizedState.isDehydrated)try{Qn(t.containerInfo)}catch(T){se(e,e.return,T)}break;case 4:at(t,e),yt(e);break;case 13:at(t,e),yt(e),l=e.child,l.flags&8192&&(u=l.memoizedState!==null,l.stateNode.isHidden=u,!u||l.alternate!==null&&l.alternate.memoizedState!==null||(so=ce())),r&4&&la(e);break;case 22:if(y=n!==null&&n.memoizedState!==null,e.mode&1?(_e=(m=_e)||y,at(t,e),_e=m):at(t,e),yt(e),r&8192){if(m=e.memoizedState!==null,(e.stateNode.isHidden=m)&&!y&&(e.mode&1)!==0)for(N=e,y=e.child;y!==null;){for(g=N=y;N!==null;){switch(h=N,x=h.child,h.tag){case 0:case 11:case 14:case 15:pr(4,h,h.return);break;case 1:Tn(h,h.return);var z=h.stateNode;if(typeof z.componentWillUnmount=="function"){r=h,n=h.return;try{t=r,z.props=t.memoizedProps,z.state=t.memoizedState,z.componentWillUnmount()}catch(T){se(r,n,T)}}break;case 5:Tn(h,h.return);break;case 22:if(h.memoizedState!==null){sa(g);continue}}x!==null?(x.return=h,N=x):sa(g)}y=y.sibling}e:for(y=null,g=e;;){if(g.tag===5){if(y===null){y=g;try{l=g.stateNode,m?(u=l.style,typeof u.setProperty=="function"?u.setProperty("display","none","important"):u.display="none"):(i=g.stateNode,s=g.memoizedProps.style,o=s!=null&&s.hasOwnProperty("display")?s.display:null,i.style.display=Vo("display",o))}catch(T){se(e,e.return,T)}}}else if(g.tag===6){if(y===null)try{g.stateNode.nodeValue=m?"":g.memoizedProps}catch(T){se(e,e.return,T)}}else if((g.tag!==22&&g.tag!==23||g.memoizedState===null||g===e)&&g.child!==null){g.child.return=g,g=g.child;continue}if(g===e)break e;for(;g.sibling===null;){if(g.return===null||g.return===e)break e;y===g&&(y=null),g=g.return}y===g&&(y=null),g.sibling.return=g.return,g=g.sibling}}break;case 19:at(t,e),yt(e),r&4&&la(e);break;case 21:break;default:at(t,e),yt(e)}}function yt(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(ta(n)){var r=n;break e}n=n.return}throw Error(p(160))}switch(r.tag){case 5:var l=r.stateNode;r.flags&32&&(jn(l,""),r.flags&=-33);var u=na(e);uo(e,u,l);break;case 3:case 4:var o=r.stateNode.containerInfo,i=na(e);lo(e,i,o);break;default:throw Error(p(161))}}catch(s){se(e,e.return,s)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function vf(e,t,n){N=e,oa(e)}function oa(e,t,n){for(var r=(e.mode&1)!==0;N!==null;){var l=N,u=l.child;if(l.tag===22&&r){var o=l.memoizedState!==null||fl;if(!o){var i=l.alternate,s=i!==null&&i.memoizedState!==null||_e;i=fl;var m=_e;if(fl=o,(_e=s)&&!m)for(N=l;N!==null;)o=N,s=o.child,o.tag===22&&o.memoizedState!==null?aa(l):s!==null?(s.return=o,N=s):aa(l);for(;u!==null;)N=u,oa(u),u=u.sibling;N=l,fl=i,_e=m}ia(e)}else(l.subtreeFlags&8772)!==0&&u!==null?(u.return=l,N=u):ia(e)}}function ia(e){for(;N!==null;){var t=N;if((t.flags&8772)!==0){var n=t.alternate;try{if((t.flags&8772)!==0)switch(t.tag){case 0:case 11:case 15:_e||dl(5,t);break;case 1:var r=t.stateNode;if(t.flags&4&&!_e)if(n===null)r.componentDidMount();else{var l=t.elementType===t.type?n.memoizedProps:it(t.type,n.memoizedProps);r.componentDidUpdate(l,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var u=t.updateQueue;u!==null&&ss(t,u,r);break;case 3:var o=t.updateQueue;if(o!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}ss(t,o,n)}break;case 5:var i=t.stateNode;if(n===null&&t.flags&4){n=i;var s=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":s.autoFocus&&n.focus();break;case"img":s.src&&(n.src=s.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var m=t.alternate;if(m!==null){var y=m.memoizedState;if(y!==null){var g=y.dehydrated;g!==null&&Qn(g)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(p(163))}_e||t.flags&512&&ro(t)}catch(h){se(t,t.return,h)}}if(t===e){N=null;break}if(n=t.sibling,n!==null){n.return=t.return,N=n;break}N=t.return}}function sa(e){for(;N!==null;){var t=N;if(t===e){N=null;break}var n=t.sibling;if(n!==null){n.return=t.return,N=n;break}N=t.return}}function aa(e){for(;N!==null;){var t=N;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{dl(4,t)}catch(s){se(t,n,s)}break;case 1:var r=t.stateNode;if(typeof r.componentDidMount=="function"){var l=t.return;try{r.componentDidMount()}catch(s){se(t,l,s)}}var u=t.return;try{ro(t)}catch(s){se(t,u,s)}break;case 5:var o=t.return;try{ro(t)}catch(s){se(t,o,s)}}}catch(s){se(t,t.return,s)}if(t===e){N=null;break}var i=t.sibling;if(i!==null){i.return=t.return,N=i;break}N=t.return}}var yf=Math.ceil,pl=Se.ReactCurrentDispatcher,oo=Se.ReactCurrentOwner,be=Se.ReactCurrentBatchConfig,W=0,ye=null,pe=null,ke=0,Qe=0,Rn=It(0),he=0,mr=null,nn=0,ml=0,io=0,hr=null,Fe=null,so=0,Ln=1/0,Nt=null,hl=!1,ao=null,$t=null,vl=!1,Bt=null,yl=0,vr=0,co=null,gl=-1,wl=0;function Re(){return(W&6)!==0?ce():gl!==-1?gl:gl=ce()}function Ht(e){return(e.mode&1)===0?1:(W&2)!==0&&ke!==0?ke&-ke:bc.transition!==null?(wl===0&&(wl=ni()),wl):(e=G,e!==0||(e=window.event,e=e===void 0?16:fi(e.type)),e)}function ct(e,t,n,r){if(50<vr)throw vr=0,co=null,Error(p(185));Vn(e,n,r),((W&2)===0||e!==ye)&&(e===ye&&((W&2)===0&&(ml|=n),he===4&&Wt(e,ke)),Ae(e,r),n===1&&W===0&&(t.mode&1)===0&&(Ln=ce()+500,Yr&&Ft()))}function Ae(e,t){var n=e.callbackNode;ba(e,t);var r=zr(e,e===ye?ke:0);if(r===0)n!==null&&bo(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(n!=null&&bo(n),t===1)e.tag===0?qc(fa.bind(null,e)):Zi(fa.bind(null,e)),Xc(function(){(W&6)===0&&Ft()}),n=null;else{switch(ri(r)){case 1:n=Hl;break;case 4:n=ei;break;case 16:n=xr;break;case 536870912:n=ti;break;default:n=xr}n=wa(n,ca.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function ca(e,t){if(gl=-1,wl=0,(W&6)!==0)throw Error(p(327));var n=e.callbackNode;if(On()&&e.callbackNode!==n)return null;var r=zr(e,e===ye?ke:0);if(r===0)return null;if((r&30)!==0||(r&e.expiredLanes)!==0||t)t=kl(e,r);else{t=r;var l=W;W|=2;var u=pa();(ye!==e||ke!==t)&&(Nt=null,Ln=ce()+500,ln(e,t));do try{kf();break}catch(i){da(e,i)}while(!0);zu(),pl.current=u,W=l,pe!==null?t=0:(ye=null,ke=0,t=he)}if(t!==0){if(t===2&&(l=Wl(e),l!==0&&(r=l,t=fo(e,l))),t===1)throw n=mr,ln(e,0),Wt(e,r),Ae(e,ce()),n;if(t===6)Wt(e,r);else{if(l=e.current.alternate,(r&30)===0&&!gf(l)&&(t=kl(e,r),t===2&&(u=Wl(e),u!==0&&(r=u,t=fo(e,u))),t===1))throw n=mr,ln(e,0),Wt(e,r),Ae(e,ce()),n;switch(e.finishedWork=l,e.finishedLanes=r,t){case 0:case 1:throw Error(p(345));case 2:un(e,Fe,Nt);break;case 3:if(Wt(e,r),(r&130023424)===r&&(t=so+500-ce(),10<t)){if(zr(e,0)!==0)break;if(l=e.suspendedLanes,(l&r)!==r){Re(),e.pingedLanes|=e.suspendedLanes&l;break}e.timeoutHandle=yu(un.bind(null,e,Fe,Nt),t);break}un(e,Fe,Nt);break;case 4:if(Wt(e,r),(r&4194240)===r)break;for(t=e.eventTimes,l=-1;0<r;){var o=31-lt(r);u=1<<o,o=t[o],o>l&&(l=o),r&=~u}if(r=l,r=ce()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*yf(r/1960))-r,10<r){e.timeoutHandle=yu(un.bind(null,e,Fe,Nt),r);break}un(e,Fe,Nt);break;case 5:un(e,Fe,Nt);break;default:throw Error(p(329))}}}return Ae(e,ce()),e.callbackNode===n?ca.bind(null,e):null}function fo(e,t){var n=hr;return e.current.memoizedState.isDehydrated&&(ln(e,t).flags|=256),e=kl(e,t),e!==2&&(t=Fe,Fe=n,t!==null&&po(t)),e}function po(e){Fe===null?Fe=e:Fe.push.apply(Fe,e)}function gf(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var r=0;r<n.length;r++){var l=n[r],u=l.getSnapshot;l=l.value;try{if(!ut(u(),l))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function Wt(e,t){for(t&=~io,t&=~ml,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-lt(t),r=1<<n;e[n]=-1,t&=~r}}function fa(e){if((W&6)!==0)throw Error(p(327));On();var t=zr(e,0);if((t&1)===0)return Ae(e,ce()),null;var n=kl(e,t);if(e.tag!==0&&n===2){var r=Wl(e);r!==0&&(t=r,n=fo(e,r))}if(n===1)throw n=mr,ln(e,0),Wt(e,t),Ae(e,ce()),n;if(n===6)throw Error(p(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,un(e,Fe,Nt),Ae(e,ce()),null}function mo(e,t){var n=W;W|=1;try{return e(t)}finally{W=n,W===0&&(Ln=ce()+500,Yr&&Ft())}}function rn(e){Bt!==null&&Bt.tag===0&&(W&6)===0&&On();var t=W;W|=1;var n=be.transition,r=G;try{if(be.transition=null,G=1,e)return e()}finally{G=r,be.transition=n,W=t,(W&6)===0&&Ft()}}function ho(){Qe=Rn.current,ne(Rn)}function ln(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,Yc(n)),pe!==null)for(n=pe.return;n!==null;){var r=n;switch(Cu(r),r.tag){case 1:r=r.type.childContextTypes,r!=null&&Qr();break;case 3:Pn(),ne(je),ne(Ee),Du();break;case 5:ju(r);break;case 4:Pn();break;case 13:ne(ue);break;case 19:ne(ue);break;case 10:Tu(r.type._context);break;case 22:case 23:ho()}n=n.return}if(ye=e,pe=e=Qt(e.current,null),ke=Qe=t,he=0,mr=null,io=ml=nn=0,Fe=hr=null,bt!==null){for(t=0;t<bt.length;t++)if(n=bt[t],r=n.interleaved,r!==null){n.interleaved=null;var l=r.next,u=n.pending;if(u!==null){var o=u.next;u.next=l,r.next=o}n.pending=r}bt=null}return e}function da(e,t){do{var n=pe;try{if(zu(),rl.current=il,ll){for(var r=oe.memoizedState;r!==null;){var l=r.queue;l!==null&&(l.pending=null),r=r.next}ll=!1}if(tn=0,ve=me=oe=null,sr=!1,ar=0,oo.current=null,n===null||n.return===null){he=1,mr=t,pe=null;break}e:{var u=e,o=n.return,i=n,s=t;if(t=ke,i.flags|=32768,s!==null&&typeof s=="object"&&typeof s.then=="function"){var m=s,y=i,g=y.tag;if((y.mode&1)===0&&(g===0||g===11||g===15)){var h=y.alternate;h?(y.updateQueue=h.updateQueue,y.memoizedState=h.memoizedState,y.lanes=h.lanes):(y.updateQueue=null,y.memoizedState=null)}var x=Fs(o);if(x!==null){x.flags&=-257,As(x,o,i,u,t),x.mode&1&&Ds(u,m,t),t=x,s=m;var z=t.updateQueue;if(z===null){var T=new Set;T.add(s),t.updateQueue=T}else z.add(s);break e}else{if((t&1)===0){Ds(u,m,t),vo();break e}s=Error(p(426))}}else if(le&&i.mode&1){var fe=Fs(o);if(fe!==null){(fe.flags&65536)===0&&(fe.flags|=256),As(fe,o,i,u,t),Nu(zn(s,i));break e}}u=s=zn(s,i),he!==4&&(he=2),hr===null?hr=[u]:hr.push(u),u=o;do{switch(u.tag){case 3:u.flags|=65536,t&=-t,u.lanes|=t;var f=js(u,s,t);is(u,f);break e;case 1:i=s;var a=u.type,d=u.stateNode;if((u.flags&128)===0&&(typeof a.getDerivedStateFromError=="function"||d!==null&&typeof d.componentDidCatch=="function"&&($t===null||!$t.has(d)))){u.flags|=65536,t&=-t,u.lanes|=t;var w=Is(u,i,t);is(u,w);break e}}u=u.return}while(u!==null)}ha(n)}catch(R){t=R,pe===n&&n!==null&&(pe=n=n.return);continue}break}while(!0)}function pa(){var e=pl.current;return pl.current=il,e===null?il:e}function vo(){(he===0||he===3||he===2)&&(he=4),ye===null||(nn&268435455)===0&&(ml&268435455)===0||Wt(ye,ke)}function kl(e,t){var n=W;W|=2;var r=pa();(ye!==e||ke!==t)&&(Nt=null,ln(e,t));do try{wf();break}catch(l){da(e,l)}while(!0);if(zu(),W=n,pl.current=r,pe!==null)throw Error(p(261));return ye=null,ke=0,he}function wf(){for(;pe!==null;)ma(pe)}function kf(){for(;pe!==null&&!Wa();)ma(pe)}function ma(e){var t=ga(e.alternate,e,Qe);e.memoizedProps=e.pendingProps,t===null?ha(e):pe=t,oo.current=null}function ha(e){var t=e;do{var n=t.alternate;if(e=t.return,(t.flags&32768)===0){if(n=df(n,t,Qe),n!==null){pe=n;return}}else{if(n=pf(n,t),n!==null){n.flags&=32767,pe=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{he=6,pe=null;return}}if(t=t.sibling,t!==null){pe=t;return}pe=t=e}while(t!==null);he===0&&(he=5)}function un(e,t,n){var r=G,l=be.transition;try{be.transition=null,G=1,Sf(e,t,n,r)}finally{be.transition=l,G=r}return null}function Sf(e,t,n,r){do On();while(Bt!==null);if((W&6)!==0)throw Error(p(327));n=e.finishedWork;var l=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(p(177));e.callbackNode=null,e.callbackPriority=0;var u=n.lanes|n.childLanes;if(ec(e,u),e===ye&&(pe=ye=null,ke=0),(n.subtreeFlags&2064)===0&&(n.flags&2064)===0||vl||(vl=!0,wa(xr,function(){return On(),null})),u=(n.flags&15990)!==0,(n.subtreeFlags&15990)!==0||u){u=be.transition,be.transition=null;var o=G;G=1;var i=W;W|=4,oo.current=null,hf(e,n),ua(n,e),Vc(hu),Lr=!!mu,hu=mu=null,e.current=n,vf(n),Qa(),W=i,G=o,be.transition=u}else e.current=n;if(vl&&(vl=!1,Bt=e,yl=l),u=e.pendingLanes,u===0&&($t=null),Xa(n.stateNode),Ae(e,ce()),t!==null)for(r=e.onRecoverableError,n=0;n<t.length;n++)l=t[n],r(l.value,{componentStack:l.stack,digest:l.digest});if(hl)throw hl=!1,e=ao,ao=null,e;return(yl&1)!==0&&e.tag!==0&&On(),u=e.pendingLanes,(u&1)!==0?e===co?vr++:(vr=0,co=e):vr=0,Ft(),null}function On(){if(Bt!==null){var e=ri(yl),t=be.transition,n=G;try{if(be.transition=null,G=16>e?16:e,Bt===null)var r=!1;else{if(e=Bt,Bt=null,yl=0,(W&6)!==0)throw Error(p(331));var l=W;for(W|=4,N=e.current;N!==null;){var u=N,o=u.child;if((N.flags&16)!==0){var i=u.deletions;if(i!==null){for(var s=0;s<i.length;s++){var m=i[s];for(N=m;N!==null;){var y=N;switch(y.tag){case 0:case 11:case 15:pr(8,y,u)}var g=y.child;if(g!==null)g.return=y,N=g;else for(;N!==null;){y=N;var h=y.sibling,x=y.return;if(ea(y),y===m){N=null;break}if(h!==null){h.return=x,N=h;break}N=x}}}var z=u.alternate;if(z!==null){var T=z.child;if(T!==null){z.child=null;do{var fe=T.sibling;T.sibling=null,T=fe}while(T!==null)}}N=u}}if((u.subtreeFlags&2064)!==0&&o!==null)o.return=u,N=o;else e:for(;N!==null;){if(u=N,(u.flags&2048)!==0)switch(u.tag){case 0:case 11:case 15:pr(9,u,u.return)}var f=u.sibling;if(f!==null){f.return=u.return,N=f;break e}N=u.return}}var a=e.current;for(N=a;N!==null;){o=N;var d=o.child;if((o.subtreeFlags&2064)!==0&&d!==null)d.return=o,N=d;else e:for(o=a;N!==null;){if(i=N,(i.flags&2048)!==0)try{switch(i.tag){case 0:case 11:case 15:dl(9,i)}}catch(R){se(i,i.return,R)}if(i===o){N=null;break e}var w=i.sibling;if(w!==null){w.return=i.return,N=w;break e}N=i.return}}if(W=l,Ft(),pt&&typeof pt.onPostCommitFiberRoot=="function")try{pt.onPostCommitFiberRoot(_r,e)}catch{}r=!0}return r}finally{G=n,be.transition=t}}return!1}function va(e,t,n){t=zn(n,t),t=js(e,t,1),e=Ut(e,t,1),t=Re(),e!==null&&(Vn(e,1,t),Ae(e,t))}function se(e,t,n){if(e.tag===3)va(e,e,n);else for(;t!==null;){if(t.tag===3){va(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof r.componentDidCatch=="function"&&($t===null||!$t.has(r))){e=zn(n,e),e=Is(t,e,1),t=Ut(t,e,1),e=Re(),t!==null&&(Vn(t,1,e),Ae(t,e));break}}t=t.return}}function Ef(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),t=Re(),e.pingedLanes|=e.suspendedLanes&n,ye===e&&(ke&n)===n&&(he===4||he===3&&(ke&130023424)===ke&&500>ce()-so?ln(e,0):io|=n),Ae(e,t)}function ya(e,t){t===0&&((e.mode&1)===0?t=1:(t=Pr,Pr<<=1,(Pr&130023424)===0&&(Pr=4194304)));var n=Re();e=Ct(e,t),e!==null&&(Vn(e,t,n),Ae(e,n))}function Cf(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),ya(e,n)}function xf(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(p(314))}r!==null&&r.delete(t),ya(e,n)}var ga;ga=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||je.current)De=!0;else{if((e.lanes&n)===0&&(t.flags&128)===0)return De=!1,ff(e,t,n);De=(e.flags&131072)!==0}else De=!1,le&&(t.flags&1048576)!==0&&Ji(t,Gr,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;cl(e,t),e=t.pendingProps;var l=kn(t,Ee.current);Nn(t,n),l=Uu(null,t,r,e,l,n);var u=Vu();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ie(r)?(u=!0,Kr(t)):u=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Ou(t),l.updater=sl,t.stateNode=l,l._reactInternals=t,Ku(t,r,e,n),t=Zu(null,t,r,!0,u,n)):(t.tag=0,le&&u&&Eu(t),Te(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(cl(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=Nf(r),e=it(r,e),l){case 0:t=Gu(null,t,r,e,n);break e;case 1:t=Ws(null,t,r,e,n);break e;case 11:t=Us(null,t,r,e,n);break e;case 14:t=Vs(null,t,r,it(r.type,e),n);break e}throw Error(p(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:it(r,l),Gu(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:it(r,l),Ws(e,t,r,l,n);case 3:e:{if(Qs(t),e===null)throw Error(p(387));r=t.pendingProps,u=t.memoizedState,l=u.element,os(e,t),tl(t,r,null,n);var o=t.memoizedState;if(r=o.element,u.isDehydrated)if(u={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=u,t.memoizedState=u,t.flags&256){l=zn(Error(p(423)),t),t=Ks(e,t,r,n,l);break e}else if(r!==l){l=zn(Error(p(424)),t),t=Ks(e,t,r,n,l);break e}else for(We=jt(t.stateNode.containerInfo.firstChild),He=t,le=!0,ot=null,n=ls(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Cn(),r===l){t=_t(e,t,n);break e}Te(e,t,r,n)}t=t.child}return t;case 5:return as(t),e===null&&_u(t),r=t.type,l=t.pendingProps,u=e!==null?e.memoizedProps:null,o=l.children,vu(r,l)?o=null:u!==null&&vu(r,u)&&(t.flags|=32),Hs(e,t),Te(e,t,o,n),t.child;case 6:return e===null&&_u(t),null;case 13:return Ys(e,t,n);case 4:return Mu(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=xn(t,null,r,n):Te(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:it(r,l),Us(e,t,r,l,n);case 7:return Te(e,t,t.pendingProps,n),t.child;case 8:return Te(e,t,t.pendingProps.children,n),t.child;case 12:return Te(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,u=t.memoizedProps,o=l.value,ee(qr,r._currentValue),r._currentValue=o,u!==null)if(ut(u.value,o)){if(u.children===l.children&&!je.current){t=_t(e,t,n);break e}}else for(u=t.child,u!==null&&(u.return=t);u!==null;){var i=u.dependencies;if(i!==null){o=u.child;for(var s=i.firstContext;s!==null;){if(s.context===r){if(u.tag===1){s=xt(-1,n&-n),s.tag=2;var m=u.updateQueue;if(m!==null){m=m.shared;var y=m.pending;y===null?s.next=s:(s.next=y.next,y.next=s),m.pending=s}}u.lanes|=n,s=u.alternate,s!==null&&(s.lanes|=n),Ru(u.return,n,t),i.lanes|=n;break}s=s.next}}else if(u.tag===10)o=u.type===t.type?null:u.child;else if(u.tag===18){if(o=u.return,o===null)throw Error(p(341));o.lanes|=n,i=o.alternate,i!==null&&(i.lanes|=n),Ru(o,n,t),o=u.sibling}else o=u.child;if(o!==null)o.return=u;else for(o=u;o!==null;){if(o===t){o=null;break}if(u=o.sibling,u!==null){u.return=o.return,o=u;break}o=o.return}u=o}Te(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,Nn(t,n),l=Je(l),r=r(l),t.flags|=1,Te(e,t,r,n),t.child;case 14:return r=t.type,l=it(r,t.pendingProps),l=it(r.type,l),Vs(e,t,r,l,n);case 15:return $s(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:it(r,l),cl(e,t),t.tag=1,Ie(r)?(e=!0,Kr(t)):e=!1,Nn(t,n),Os(t,r,l),Ku(t,r,l,n),Zu(null,t,r,!0,e,n);case 19:return Gs(e,t,n);case 22:return Bs(e,t,n)}throw Error(p(156,t.tag))};function wa(e,t){return qo(e,t)}function _f(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function et(e,t,n,r){return new _f(e,t,n,r)}function yo(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Nf(e){if(typeof e=="function")return yo(e)?1:0;if(e!=null){if(e=e.$$typeof,e===ft)return 11;if(e===dt)return 14}return 2}function Qt(e,t){var n=e.alternate;return n===null?(n=et(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Sl(e,t,n,r,l,u){var o=2;if(r=e,typeof e=="function")yo(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case Oe:return on(n.children,l,u,t);case Xe:o=8,l|=8;break;case Pt:return e=et(12,n,t,l|2),e.elementType=Pt,e.lanes=u,e;case Ve:return e=et(13,n,t,l),e.elementType=Ve,e.lanes=u,e;case rt:return e=et(19,n,t,l),e.elementType=rt,e.lanes=u,e;case ie:return El(n,l,u,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case gt:o=10;break e;case Yt:o=9;break e;case ft:o=11;break e;case dt:o=14;break e;case Me:o=16,r=null;break e}throw Error(p(130,e==null?e:typeof e,""))}return t=et(o,n,t,l),t.elementType=e,t.type=r,t.lanes=u,t}function on(e,t,n,r){return e=et(7,e,r,t),e.lanes=n,e}function El(e,t,n,r){return e=et(22,e,r,t),e.elementType=ie,e.lanes=n,e.stateNode={isHidden:!1},e}function go(e,t,n){return e=et(6,e,null,t),e.lanes=n,e}function wo(e,t,n){return t=et(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Pf(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Ql(0),this.expirationTimes=Ql(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ql(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function ko(e,t,n,r,l,u,o,i,s){return e=new Pf(e,t,n,i,s),t===1?(t=1,u===!0&&(t|=8)):t=0,u=et(3,null,null,t),e.current=u,u.stateNode=e,u.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ou(u),e}function zf(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:ze,key:r==null?null:""+r,children:e,containerInfo:t,implementation:n}}function ka(e){if(!e)return Dt;e=e._reactInternals;e:{if(Xt(e)!==e||e.tag!==1)throw Error(p(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Ie(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(t!==null);throw Error(p(171))}if(e.tag===1){var n=e.type;if(Ie(n))return Xi(e,n,t)}return t}function Sa(e,t,n,r,l,u,o,i,s){return e=ko(n,r,!0,e,l,u,o,i,s),e.context=ka(null),n=e.current,r=Re(),l=Ht(n),u=xt(r,l),u.callback=t??null,Ut(n,u,l),e.current.lanes=l,Vn(e,l,r),Ae(e,r),e}function Cl(e,t,n,r){var l=t.current,u=Re(),o=Ht(l);return n=ka(n),t.context===null?t.context=n:t.pendingContext=n,t=xt(u,o),t.payload={element:e},r=r===void 0?null:r,r!==null&&(t.callback=r),e=Ut(l,t,o),e!==null&&(ct(e,l,o,u),el(e,l,o)),o}function xl(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function Ea(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function So(e,t){Ea(e,t),(e=e.alternate)&&Ea(e,t)}function Tf(){return null}var Ca=typeof reportError=="function"?reportError:function(e){console.error(e)};function Eo(e){this._internalRoot=e}_l.prototype.render=Eo.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(p(409));Cl(e,t,null,null)},_l.prototype.unmount=Eo.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;rn(function(){Cl(null,e,null,null)}),t[wt]=null}};function _l(e){this._internalRoot=e}_l.prototype.unstable_scheduleHydration=function(e){if(e){var t=oi();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Lt.length&&t!==0&&t<Lt[n].priority;n++);Lt.splice(n,0,e),n===0&&ai(e)}};function Co(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function Nl(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function xa(){}function Rf(e,t,n,r,l){if(l){if(typeof r=="function"){var u=r;r=function(){var m=xl(o);u.call(m)}}var o=Sa(t,r,e,0,null,!1,!1,"",xa);return e._reactRootContainer=o,e[wt]=o.current,er(e.nodeType===8?e.parentNode:e),rn(),o}for(;l=e.lastChild;)e.removeChild(l);if(typeof r=="function"){var i=r;r=function(){var m=xl(s);i.call(m)}}var s=ko(e,0,!1,null,null,!1,!1,"",xa);return e._reactRootContainer=s,e[wt]=s.current,er(e.nodeType===8?e.parentNode:e),rn(function(){Cl(t,s,n,r)}),s}function Pl(e,t,n,r,l){var u=n._reactRootContainer;if(u){var o=u;if(typeof l=="function"){var i=l;l=function(){var s=xl(o);i.call(s)}}Cl(t,o,e,l)}else o=Rf(n,t,e,l,r);return xl(o)}li=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Un(t.pendingLanes);n!==0&&(Kl(t,n|1),Ae(t,ce()),(W&6)===0&&(Ln=ce()+500,Ft()))}break;case 13:rn(function(){var r=Ct(e,1);if(r!==null){var l=Re();ct(r,e,1,l)}}),So(e,1)}},Yl=function(e){if(e.tag===13){var t=Ct(e,134217728);if(t!==null){var n=Re();ct(t,e,134217728,n)}So(e,134217728)}},ui=function(e){if(e.tag===13){var t=Ht(e),n=Ct(e,t);if(n!==null){var r=Re();ct(n,e,t,r)}So(e,t)}},oi=function(){return G},ii=function(e,t){var n=G;try{return G=e,t()}finally{G=n}},Ul=function(e,t,n){switch(t){case"input":if(Ll(e,n),t=n.name,n.type==="radio"&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var l=Wr(r);if(!l)throw Error(p(90));Lo(r),Ll(r,l)}}}break;case"textarea":Do(e,n);break;case"select":t=n.value,t!=null&&sn(e,!!n.multiple,t,!1)}},Qo=mo,Ko=rn;var Lf={usingClientEntryPoint:!1,Events:[rr,gn,Wr,Ho,Wo,mo]},yr={findFiberByHostInstance:Gt,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},Of={bundleType:yr.bundleType,version:yr.version,rendererPackageName:yr.rendererPackageName,rendererConfig:yr.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Se.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=Zo(e),e===null?null:e.stateNode},findFiberByHostInstance:yr.findFiberByHostInstance||Tf,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var zl=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!zl.isDisabled&&zl.supportsFiber)try{_r=zl.inject(Of),pt=zl}catch{}}return Ue.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Lf,Ue.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!Co(t))throw Error(p(200));return zf(e,t,null,n)},Ue.createRoot=function(e,t){if(!Co(e))throw Error(p(299));var n=!1,r="",l=Ca;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onRecoverableError!==void 0&&(l=t.onRecoverableError)),t=ko(e,1,!1,null,null,n,!1,r,l),e[wt]=t.current,er(e.nodeType===8?e.parentNode:e),new Eo(t)},Ue.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(p(188)):(e=Object.keys(e).join(","),Error(p(268,e)));return e=Zo(t),e=e===null?null:e.stateNode,e},Ue.flushSync=function(e){return rn(e)},Ue.hydrate=function(e,t,n){if(!Nl(t))throw Error(p(200));return Pl(null,e,t,!0,n)},Ue.hydrateRoot=function(e,t,n){if(!Co(e))throw Error(p(405));var r=n!=null&&n.hydratedSources||null,l=!1,u="",o=Ca;if(n!=null&&(n.unstable_strictMode===!0&&(l=!0),n.identifierPrefix!==void 0&&(u=n.identifierPrefix),n.onRecoverableError!==void 0&&(o=n.onRecoverableError)),t=Sa(t,null,e,1,n??null,l,!1,u,o),e[wt]=t.current,er(e),r)for(e=0;e<r.length;e++)n=r[e],l=n._getVersion,l=l(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,l]:t.mutableSourceEagerHydrationData.push(n,l);return new _l(t)},Ue.render=function(e,t,n){if(!Nl(t))throw Error(p(200));return Pl(null,e,t,!1,n)},Ue.unmountComponentAtNode=function(e){if(!Nl(e))throw Error(p(40));return e._reactRootContainer?(rn(function(){Pl(null,null,e,!1,function(){e._reactRootContainer=null,e[wt]=null})}),!0):!1},Ue.unstable_batchedUpdates=mo,Ue.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Nl(n))throw Error(p(200));if(e==null||e._reactInternals===void 0)throw Error(p(38));return Pl(e,t,n,!1,r)},Ue.version="18.3.1-next-f1338f8080-20240426",Ue}var Oa;function Bf(){if(Oa)return Po.exports;Oa=1;function k(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(k)}catch(S){console.error(S)}}return k(),Po.exports=$f(),Po.exports}var Ma;function Hf(){if(Ma)return Tl;Ma=1;var k=Bf();return Tl.createRoot=k.createRoot,Tl.hydrateRoot=k.hydrateRoot,Tl}var Wf=Hf();const Da={schemaVersion:1,minCompatibleSchemaVersion:1,revision:0,pinsChecked:!1,modeOptions:[],currentMode:""};function Qf(k=window){var p;const S=k;return!!(S.QWebChannel&&((p=S.qt)!=null&&p.webChannelTransport))}function Kf(k,S=window){var _;const p=S;!p.QWebChannel||!((_=p.qt)!=null&&_.webChannelTransport)||new p.QWebChannel(p.qt.webChannelTransport,D=>{k(D.objects)})}function Yf(k){return typeof k=="object"&&k!==null&&!Array.isArray(k)}function Xf(k,S,p){if(!Yf(k)){p.push(`${S}: expected object`);return}{const _=k.schemaVersion;_==null?p.push(`${S}.schemaVersion: missing required field`):typeof _!="number"&&p.push(`${S}.schemaVersion: expected number`)}{const _=k.revision;_==null?p.push(`${S}.revision: missing required field`):typeof _!="number"&&p.push(`${S}.revision: expected number`)}{const _=k.pinsChecked;_==null?p.push(`${S}.pinsChecked: missing required field`):typeof _!="boolean"&&p.push(`${S}.pinsChecked: expected boolean`)}{const _=k.modeOptions;_==null?p.push(`${S}.modeOptions: missing required field`):Array.isArray(_)?_.forEach((D,H)=>{typeof D!="string"&&p.push(`${S}.modeOptions[${H}]: expected string`)}):p.push(`${S}.modeOptions: expected array`)}{const _=k.currentMode;_==null?p.push(`${S}.currentMode: missing required field`):typeof _!="string"&&p.push(`${S}.currentMode: expected string`)}{const _=k.minCompatibleSchemaVersion;_!=null&&typeof _!="number"&&p.push(`${S}.minCompatibleSchemaVersion: expected number`)}}function Gf(k){const S=[];return Xf(k,"$",S),S.length===0?{ok:!0,value:k}:{ok:!1,errors:S}}const ja=1,Ia=1;function Zf(k){if(typeof k!="object"||k===null)return{compatible:!1,reason:"The update from the desktop app was not an object."};const S=k,p=S.schemaVersion;if(typeof p!="number"||!Number.isFinite(p))return{compatible:!1,reason:"The update from the desktop app did not declare a schema version."};if(p<Ia)return{compatible:!1,reason:`The desktop app sent schema version ${p}, but this interface needs at least ${Ia}.`};const _=S.minCompatibleSchemaVersion;return typeof _=="number"&&Number.isFinite(_)&&ja<_?{compatible:!1,reason:`The desktop app requires an interface of at least schema version ${_}, but this one is version ${ja}. The bundled interface is out of date.`}:{compatible:!0}}function Jf(k,S){let p;try{p=JSON.parse(k)}catch(H){return{ok:!1,rejection:{kind:"parse",reason:"The desktop app sent an update that could not be read as JSON.",details:[H instanceof Error?H.message:String(H)]}}}const _=Zf(p);if(!_.compatible)return{ok:!1,rejection:{kind:"version",reason:_.reason,details:[]}};const D=S(p);return D.ok?{ok:!0,state:D.value}:{ok:!1,rejection:{kind:"shape",reason:"The update from the desktop app did not match the expected format.",details:D.errors.slice(0,8)}}}function qf(k){return Jf(k,Gf)}class bf{constructor(S){xo(this,"state",structuredClone(Da));xo(this,"listener");this.listener=S}ready(){this.listener(this.state)}reportAnchorRect(){}openLibrary(){}saveChat(){}togglePins(){}organizeNodes(){}zoomIn(){}zoomOut(){}resetZoom(){}fitAll(){}toggleControls(){}togglePlugins(){}selectMode(){}openSettings(){}openAbout(){}openHelp(){}dispose(){}}function ed(k,S){const p=new bf(k);if(!Qf())return p;let _=null,D=!1;const H=$=>{const F=qf($);if(F.ok){k(F.state),S==null||S(null);return}console.error(`[toolbar bridge] rejected payload (${F.rejection.kind}): ${F.rejection.reason}`,F.rejection.details),S==null||S(F.rejection)};Kf($=>{_=$.toolbarBridge,_.stateChanged.connect(H),D=!0,_.ready()});const L=($,...F)=>{D&&_&&typeof _[$]=="function"&&_[$](...F)};return{ready:()=>L("ready"),reportAnchorRect:($,F,de,ae,J)=>L("reportAnchorRect",$,F,de,ae,J),openLibrary:()=>L("openLibrary"),saveChat:()=>L("saveChat"),togglePins:()=>L("togglePins"),organizeNodes:()=>L("organizeNodes"),zoomIn:()=>L("zoomIn"),zoomOut:()=>L("zoomOut"),resetZoom:()=>L("resetZoom"),fitAll:()=>L("fitAll"),toggleControls:$=>L("toggleControls",$),togglePlugins:()=>L("togglePlugins"),selectMode:$=>L("selectMode",$),openSettings:()=>L("openSettings"),openAbout:()=>L("openAbout"),openHelp:()=>L("openHelp"),dispose:()=>{var $,F;(F=_==null?void 0:($=_.stateChanged).disconnect)==null||F.call($,H),_=null}}}function td({title:k,rejection:S,className:p}){return Z.jsxs("div",{className:p,role:"alert","aria-live":"assertive",children:[Z.jsx("div",{className:"bridge-error-title",children:k}),Z.jsx("p",{className:"bridge-error-reason",children:S.reason}),S.details.length>0&&Z.jsx("ul",{className:"bridge-error-details",children:S.details.map(_=>Z.jsx("li",{children:_},_))}),Z.jsx("p",{className:"bridge-error-hint",children:S.kind==="version"?"Rebuilding the app's interface assets usually resolves this.":"This is a bug - the desktop app and this interface disagree about the message format."})]})}const nd=["pins","plugins","settings","help"];function rd(){const[k,S]=Ke.useState(Da),[p,_]=Ke.useState(null),[D,H]=Ke.useState(!1),L=Ke.useRef(null),$=Ke.useRef(null),F=Ke.useRef(null),de=Ke.useRef(null),ae=Ke.useRef(null),J=Ke.useRef(null),q={pins:F,plugins:de,settings:ae,help:J};Ke.useEffect(()=>{const E=ed(S,_);return L.current=E,E.ready(),()=>{E.dispose(),L.current=null}},[]);function Ne(){var E;for(const A of nd){const Ye=q[A].current;if(!Ye)continue;const Pe=Ye.getBoundingClientRect();(E=L.current)==null||E.reportAnchorRect(A,Math.round(Pe.left),Math.round(Pe.top),Math.round(Pe.width),Math.round(Pe.height))}}if(Ke.useEffect(()=>{const E=$.current;if(!E)return;const A=new ResizeObserver(Ne);return A.observe(E),()=>A.disconnect()},[]),Ke.useEffect(Ne,[k.revision]),p)return Z.jsx(td,{title:"The toolbar is unavailable",rejection:p,className:"toolbar-shell bridge-error"});function Le(){var A;const E=!D;H(E),(A=L.current)==null||A.toggleControls(E)}return Z.jsxs("div",{className:"toolbar-shell",ref:$,children:[Z.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.openLibrary()},children:"Library"}),Z.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.saveChat()},children:"Save"}),Z.jsx("button",{type:"button",ref:F,className:"toolbar-btn toolbar-btn-checkable"+(k.pinsChecked?" checked":""),"aria-pressed":k.pinsChecked,title:"Show navigation pins",onClick:()=>{var E;return(E=L.current)==null?void 0:E.togglePins()},children:"Pins"}),Z.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.organizeNodes()},children:"Organize"}),Z.jsx("span",{className:"toolbar-separator"}),Z.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.zoomIn()},children:"Zoom In"}),Z.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.zoomOut()},children:"Zoom Out"}),Z.jsx("span",{className:"toolbar-separator"}),Z.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.resetZoom()},children:"Reset"}),Z.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.fitAll()},children:"Fit All"}),Z.jsx("button",{type:"button",className:"toolbar-btn toolbar-btn-checkable"+(D?" checked":""),"aria-pressed":D,onClick:Le,children:"Controls"}),Z.jsxs("button",{type:"button",ref:de,className:"toolbar-btn toolbar-btn-plugins",onClick:()=>{var E;return(E=L.current)==null?void 0:E.togglePlugins()},children:["Plugins ",Z.jsx("span",{className:"toolbar-chevron",children:"▾"})]}),Z.jsx("span",{className:"toolbar-spacer"}),Z.jsx("select",{className:"toolbar-mode-select",value:k.currentMode,"aria-label":"Provider mode",onChange:E=>{var A;return(A=L.current)==null?void 0:A.selectMode(E.target.value)},children:k.modeOptions.map(E=>Z.jsx("option",{value:E,children:E},E))}),Z.jsx("button",{type:"button",ref:ae,className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.openSettings()},children:"Settings"}),Z.jsx("button",{type:"button",className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.openAbout()},children:"About"}),Z.jsx("button",{type:"button",ref:J,className:"toolbar-btn",onClick:()=>{var E;return(E=L.current)==null?void 0:E.openHelp()},children:"Help"})]})}Wf.createRoot(document.getElementById("root")).render(Z.jsx(Ke.StrictMode,{children:Z.jsx(rd,{})}));
diff --git a/assets/toolbar/index.html b/assets/toolbar/index.html
index c2f759c..8efb165 100644
--- a/assets/toolbar/index.html
+++ b/assets/toolbar/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#1a1a1a" />
     <title>Graphlink Toolbar</title>
-    <script type="module" crossorigin src="./assets/index-DwVg4wwn.js"></script>
+    <script type="module" crossorigin src="./assets/index-Ds23m8jz.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-CVmgmu76.css">
   </head>
   <body>
diff --git a/graphlink_app/graphlink_dialog_frame.py b/graphlink_app/graphlink_dialog_frame.py
new file mode 100644
index 0000000..bd2c652
--- /dev/null
+++ b/graphlink_app/graphlink_dialog_frame.py
@@ -0,0 +1,106 @@
+"""UI-refactor P1: the shared native dialog shell (title + close + content).
+
+Audit finding B5: Settings shipped with NO close affordance and no title.
+The P1 policy is "mandatory close button + title on dialogs" - this frame is
+that policy as a widget. Library already had its own hand-built shell;
+Settings (and any future embedded dialog) wraps its content in this instead
+of inventing another one-off.
+
+Token-styled throughout (P0): every color/radius/size comes from
+get_surface_color()/RADIUS_PX/TEXT_PX/SPACE_PX/ELEVATION_PARAMS - no
+literals. Elevation level 3 matches the dialog tier of the shadow scale.
+"""
+
+from PySide6.QtCore import Qt, Signal
+from PySide6.QtGui import QColor
+from PySide6.QtWidgets import (
+    QFrame,
+    QGraphicsDropShadowEffect,
+    QHBoxLayout,
+    QLabel,
+    QPushButton,
+    QVBoxLayout,
+)
+
+from graphlink_config import get_surface_color
+from graphlink_styles import ELEVATION_PARAMS, RADIUS_PX, SPACE_PX, TEXT_PX
+
+
+class DialogFrame(QFrame):
+    close_requested = Signal()
+
+    def __init__(self, title, content_widget, parent=None):
+        super().__init__(parent)
+        self.setObjectName("glDialogFrame")
+
+        # NO QGraphicsDropShadowEffect here, deliberately: a QGraphicsEffect
+        # on an ancestor forces the whole subtree through a software render
+        # path that QWebEngineView (GPU-composited) cannot join - the web
+        # content renders as a SOLID BLACK RECTANGLE. Found live in the P1
+        # drive; the same effect on ChatLibraryDialog's shell was the entire
+        # cause of the audit's "library body is a black void" finding (B7).
+        # Elevation for webview-bearing dialogs comes from the scrim contrast
+        # + border until a compositor-safe shadow technique lands (P9).
+
+        layout = QVBoxLayout(self)
+        margin = SPACE_PX[4]
+        layout.setContentsMargins(margin, SPACE_PX[3], margin, margin)
+        layout.setSpacing(SPACE_PX[3])
+
+        header = QHBoxLayout()
+        header.setContentsMargins(0, 0, 0, 0)
+        header.setSpacing(SPACE_PX[2])
+
+        self.title_label = QLabel(title)
+        self.title_label.setObjectName("glDialogTitle")
+        header.addWidget(self.title_label)
+        header.addStretch()
+
+        self.close_button = QPushButton("✕")
+        self.close_button.setObjectName("glDialogClose")
+        self.close_button.setFixedSize(SPACE_PX[6] + SPACE_PX[1], SPACE_PX[6] + SPACE_PX[1])
+        self.close_button.setCursor(Qt.CursorShape.PointingHandCursor)
+        self.close_button.clicked.connect(self.close_requested.emit)
+        header.addWidget(self.close_button)
+
+        layout.addLayout(header)
+        layout.addWidget(content_widget, 1)
+
+        self.setStyleSheet(f"""
+            QFrame#glDialogFrame {{
+                background-color: {get_surface_color("node_body")};
+                border: 1px solid {get_surface_color("border")};
+                border-radius: {RADIUS_PX["lg"]}px;
+            }}
+            QLabel#glDialogTitle {{
+                color: {get_surface_color("text_strong")};
+                font-size: {TEXT_PX["lg"]}px;
+                font-weight: 600;
+                background: transparent;
+            }}
+            QPushButton#glDialogClose {{
+                background-color: transparent;
+                color: {get_surface_color("text_label")};
+                border: none;
+                border-radius: {RADIUS_PX["sm"]}px;
+                font-size: {TEXT_PX["base"]}px;
+            }}
+            QPushButton#glDialogClose:hover {{
+                background-color: {get_surface_color("border")};
+                color: {get_surface_color("text_strong")};
+            }}
+        """)
+
+    def center_in_parent(self):
+        """Center inside the parent widget and clamp so no pixel leaves it
+        (audit B4: Settings used to overflow the window onto the desktop)."""
+        parent = self.parentWidget()
+        if parent is None:
+            return
+        margin = SPACE_PX[4]
+        width = min(self.width(), parent.width() - 2 * margin)
+        height = min(self.height(), parent.height() - 2 * margin)
+        self.resize(max(width, 0), max(height, 0))
+        x = (parent.width() - self.width()) // 2
+        y = (parent.height() - self.height()) // 2
+        self.move(max(margin, x), max(margin, y))
diff --git a/graphlink_app/graphlink_overlay_manager.py b/graphlink_app/graphlink_overlay_manager.py
new file mode 100644
index 0000000..7dcb53b
--- /dev/null
+++ b/graphlink_app/graphlink_overlay_manager.py
@@ -0,0 +1,247 @@
+"""UI-refactor P1 (doc/UI_QA_AUDIT.md section 7): the one owner of every
+transient surface's OPEN/DISMISS lifecycle.
+
+The audit's section-2 findings were a class, not incidents: popups stacked
+(B1) because each surface managed only itself; Escape closed nothing (B2)
+because no one owned it (and webview focus swallows key events aimed at
+QShortcuts); Settings escaped the main window and z-ordered under Library
+(B4) because it was a screen-clamped top-level Tool window; chips desynced
+(B6) because the toolbar island latched click-state locally.
+
+OverlayManager fixes the class:
+- one registry of named surfaces, two tiers: POPOVER (anchored, light) and
+  DIALOG (centered, scrimmed);
+- single-open per tier + dialogs close popovers: opening anything closes
+  whatever else is open (the recorded policy - simplest model that makes
+  B1 impossible; no surface today needs to coexist with another);
+- one QApplication event filter: Escape closes the top surface wherever
+  focus lives (verified against webview focus in the P1 drive test), and a
+  mouse press outside an open popover dismisses it (dialogs dismiss via
+  their close button / Escape / scrim click, not stray outside clicks -
+  the legacy SettingsDialog's stay-open-during-scans rationale, kept);
+- a shared scrim widget under dialogs: modality the user can see, a
+  guaranteed z-order (scrim just under dialog, both above everything
+  registered with OverlayCoordinator), and click-to-dismiss;
+- a visibility_changed(name, bool) signal the window binds to the toolbar
+  payload, so chip active-states reflect REAL visibility, never latched
+  click-state.
+
+Positioning stays with each surface (popovers keep their show_for_anchor/
+reposition functions; dialogs center-and-clamp inside the window via
+reposition_dialogs(), called from the window's resize path) - this class
+owns lifecycle, OverlayCoordinator keeps owning the embedded-overlay
+reposition/raise pass it already owns. Complementary, not overlapping.
+
+This is deliberately not a QWidget (except the scrim): like
+OverlayCoordinator, it holds behavior, not chrome.
+"""
+
+from __future__ import annotations
+
+from PySide6.QtCore import QEvent, QObject, Qt, Signal
+from PySide6.QtGui import QColor, QPainter
+from PySide6.QtWidgets import QApplication, QWidget
+
+POPOVER = "popover"
+DIALOG = "dialog"
+
+
+class DialogScrim(QWidget):
+    """Semi-transparent full-window layer shown under an open dialog.
+
+    Absorbs every mouse press (modality) and reports clicks so the manager
+    can close the dialog. Painted, not stylesheet'd: a plain translucent
+    fill with no child machinery.
+    """
+
+    def __init__(self, parent, on_pressed):
+        super().__init__(parent)
+        self._on_pressed = on_pressed
+        self.setVisible(False)
+        # Alpha tuned to read as "background demoted", not "blackout".
+        self._fill = QColor(0, 0, 0, 110)
+
+    def paintEvent(self, event):
+        painter = QPainter(self)
+        painter.fillRect(self.rect(), self._fill)
+
+    def mousePressEvent(self, event):
+        event.accept()
+        self._on_pressed()
+
+    def resize_to_parent(self):
+        parent = self.parentWidget()
+        if parent is not None:
+            self.setGeometry(parent.rect())
+
+
+class _Surface:
+    __slots__ = ("name", "tier", "widget_fn", "open_fn", "close_fn", "is_open_fn")
+
+    def __init__(self, name, tier, widget_fn, open_fn, close_fn, is_open_fn):
+        self.name = name
+        self.tier = tier
+        self.widget_fn = widget_fn        # () -> QWidget | None (for hit-testing/z)
+        self.open_fn = open_fn            # () -> None (position + show)
+        self.close_fn = close_fn          # () -> None (hide)
+        self.is_open_fn = is_open_fn      # () -> bool
+
+
+class OverlayManager(QObject):
+    visibility_changed = Signal(str, bool)
+
+    def __init__(self, window):
+        super().__init__(window)
+        self._window = window
+        self._surfaces: dict[str, _Surface] = {}
+        self._open_name: str | None = None
+        self._scrim = DialogScrim(window, self._on_scrim_pressed)
+        QApplication.instance().installEventFilter(self)
+
+    # -- registration ------------------------------------------------------
+
+    def register(self, name, tier, *, widget_fn, open_fn, close_fn, is_open_fn):
+        assert tier in (POPOVER, DIALOG)
+        assert name not in self._surfaces, f"surface {name!r} registered twice"
+        self._surfaces[name] = _Surface(name, tier, widget_fn, open_fn, close_fn, is_open_fn)
+        # Hosts exposing escape_pressed (WebIslandHost's widget-scoped Escape
+        # shortcut - fires even when Chromium owns keyboard focus) dismiss
+        # through the manager like any other Escape.
+        widget = widget_fn()
+        signal = getattr(widget, "escape_pressed", None)
+        if signal is not None:
+            signal.connect(self.close_all)
+
+    # -- core lifecycle ----------------------------------------------------
+
+    def toggle(self, name):
+        if self.is_open(name):
+            self.close(name)
+        else:
+            self.open(name)
+
+    def open(self, name):
+        surface = self._surfaces[name]
+        # Single-open policy across BOTH tiers: opening anything closes
+        # whatever else is open first (audit B1).
+        if self._open_name is not None and self._open_name != name:
+            self.close(self._open_name)
+        if surface.tier == DIALOG:
+            self._scrim.resize_to_parent()
+            self._scrim.setVisible(True)
+            self._scrim.raise_()
+        surface.open_fn()
+        widget = surface.widget_fn()
+        if widget is not None:
+            widget.raise_()
+            # Lazy surfaces register with widget_fn returning None until
+            # first open - hook escape_pressed on first sight, INCLUDING
+            # descendants: a dialog's Escape source is usually the embedded
+            # WebIslandHost inside it (its widget-scoped shortcut fires while
+            # Chromium owns the keyboard focus), not the outer shell.
+            for candidate in (widget, *widget.findChildren(QWidget)):
+                signal = getattr(candidate, "escape_pressed", None)
+                if signal is not None and not getattr(candidate, "_gl_escape_hooked", False):
+                    signal.connect(self.close_all)
+                    candidate._gl_escape_hooked = True
+        # No focus-steal here (an earlier draft did): hosts opting into
+        # dismiss_on_outside_focus would see the focus move and immediately
+        # close themselves. Escape coverage comes from the app filter plus
+        # each WebIslandHost's widget-scoped Escape shortcut instead.
+        self._open_name = name
+        self.visibility_changed.emit(name, True)
+
+    def close(self, name):
+        surface = self._surfaces.get(name)
+        if surface is None:
+            return
+        # Capture BEFORE close_fn(): hiding a widget delivers ShowEvent/
+        # HideEvent SYNCHRONOUSLY through this manager's own application
+        # event filter, so any state read after close_fn() can observe a
+        # mid-close world (found by the P1 acceptance tests - the scrim
+        # stayed up because _open_name had been re-derived to None by the
+        # time the tier check ran).
+        was_open = surface.is_open_fn() or self._open_name == name
+        was_current = self._open_name == name
+        surface.close_fn()
+        if surface.tier == DIALOG and was_current:
+            self._scrim.setVisible(False)
+        if self._open_name == name:
+            self._open_name = None
+        if was_open:
+            self.visibility_changed.emit(name, False)
+
+    def close_all(self):
+        if self._open_name is not None:
+            self.close(self._open_name)
+
+    def is_open(self, name):
+        surface = self._surfaces.get(name)
+        return surface is not None and surface.is_open_fn()
+
+    def open_surface_name(self):
+        # Re-derive from real visibility, never trust the cached name alone:
+        # a surface hidden behind the manager's back (e.g. its own legacy
+        # close path) must not leave the manager believing it is open.
+        if self._open_name is not None and self.is_open(self._open_name):
+            return self._open_name
+        return None
+
+    # -- window integration ------------------------------------------------
+
+    def reposition_for_resize(self):
+        """Called from the window's resize path: keep the scrim full-window
+        and let the open dialog re-clamp itself (its open_fn re-centers)."""
+        name = self.open_surface_name()
+        self._scrim.resize_to_parent()
+        if name is not None and self._surfaces[name].tier == DIALOG:
+            self._surfaces[name].open_fn()
+            widget = self._surfaces[name].widget_fn()
+            if widget is not None:
+                widget.raise_()
+
+    def _on_scrim_pressed(self):
+        name = self.open_surface_name()
+        if name is not None:
+            self.close(name)
+
+    # -- global dismissal (audit B2 + popover outside-click) ---------------
+
+    def eventFilter(self, watched, event):
+        # NO state mutation here: this filter runs synchronously inside
+        # show/hide calls made by open()/close() themselves, so writing
+        # _open_name from here races the very methods that own it (the P1
+        # acceptance tests caught exactly that). open_surface_name() already
+        # re-derives from real visibility for reads.
+        name = self.open_surface_name()
+        if name is None:
+            return False
+
+        if (
+            event.type() in (QEvent.Type.KeyPress, QEvent.Type.ShortcutOverride)
+            and event.key() == Qt.Key.Key_Escape
+        ):
+            # ShortcutOverride included deliberately: with keyboard focus
+            # inside a QWebEngineView, Chromium ACCEPTS the override and the
+            # KeyPress never reaches Qt shortcuts or this filter - but the
+            # override event itself passes through application filters
+            # first. Consuming it here is the only reliable Escape path over
+            # web content (verified live; the widget-scoped QShortcut and
+            # plain KeyPress handling cover every native-focus case).
+            self.close(name)
+            event.accept()
+            return True
+
+        if event.type() == QEvent.Type.MouseButtonPress:
+            surface = self._surfaces[name]
+            if surface.tier == POPOVER:
+                widget = surface.widget_fn()
+                if widget is not None and widget.isVisible():
+                    global_pos = event.globalPosition().toPoint()
+                    inside = widget.rect().contains(widget.mapFromGlobal(global_pos))
+                    if not inside:
+                        self.close(name)
+                        # Do NOT consume: the click still lands (canvas
+                        # click both dismisses and acts - the standard
+                        # light-dismiss contract).
+        return False
diff --git a/graphlink_app/graphlink_settings_web.py b/graphlink_app/graphlink_settings_web.py
index bf473c5..67b868a 100644
--- a/graphlink_app/graphlink_settings_web.py
+++ b/graphlink_app/graphlink_settings_web.py
@@ -51,12 +51,15 @@ def __init__(self, settings_manager, main_window=None, parent=None):
             unavailable_message=SETTINGS_UNAVAILABLE_MESSAGE,
             parent=parent,
         )
-        # A persistent tool window, not a transient popup - same rationale
-        # the legacy SettingsDialog recorded: stays open during scans,
-        # message boxes, and incidental outside clicks.
-        self.setWindowFlags(
-            Qt.WindowType.Tool | Qt.WindowType.FramelessWindowHint | Qt.WindowType.NoDropShadowWindowHint
-        )
+        # UI-refactor P1 (audit B4/B5): no longer a top-level Tool window
+        # positioned/clamped against the SCREEN - that let it hang past the
+        # main window's edge onto the desktop, z-order under other dialogs,
+        # and ship without any close affordance. It is now a plain child
+        # widget embedded in a DialogFrame (title + close button) that
+        # OverlayManager centers, clamps INSIDE the window, and scrims.
+        # The legacy "stays open during scans" rationale is preserved by
+        # the manager's dialog policy: dialogs ignore incidental outside
+        # clicks (only scrim click / close button / Escape dismiss).
         self.resize(SETTINGS_WIDTH, SETTINGS_HEIGHT)
 
     def set_current_section_by_mode(self, mode_text: str) -> None:
@@ -68,28 +71,9 @@ def set_current_section_by_mode(self, mode_text: str) -> None:
         section = mode_text if mode_text in SECTION_NAMES else "General"
         self.bridge.set_active_section(section)
 
-    def show_for_anchor(self, anchor_widget) -> None:
-        self.resize(SETTINGS_WIDTH, SETTINGS_HEIGHT)
-
-        target_global = anchor_widget.mapToGlobal(
-            QPoint(anchor_widget.width() - self.width(), anchor_widget.height() + 6)
-        )
-        screen = QGuiApplication.screenAt(target_global) or QGuiApplication.primaryScreen()
-        available_geometry = screen.availableGeometry() if screen else None
-
-        x = target_global.x()
-        y = target_global.y()
-
-        if available_geometry is not None:
-            max_x = available_geometry.right() - self.width() - 12
-            max_y = available_geometry.bottom() - self.height() - 12
-            x = max(available_geometry.left() + 12, min(x, max_x))
-            y = max(available_geometry.top() + 12, min(y, max_y))
-
-        self.move(x, y)
-        self.show()
-        self.raise_()
-        self.activateWindow()
+    # P1: show_for_anchor (screen-coordinate positioning) deleted - the host
+    # is embedded in a DialogFrame that OverlayManager centers and clamps
+    # inside the main window. Positioning is no longer this class's job.
 
     def _iter_running_workers(self):
         bridge = self.bridge
diff --git a/graphlink_app/graphlink_toolbar_bridge.py b/graphlink_app/graphlink_toolbar_bridge.py
index 48bf54a..2c31a5e 100644
--- a/graphlink_app/graphlink_toolbar_bridge.py
+++ b/graphlink_app/graphlink_toolbar_bridge.py
@@ -75,8 +75,11 @@ def get_anchor(self, name: str):
         return self._anchors.get(name, self.window)
 
     def _build_state_payload(self) -> dict[str, Any]:
+        manager = getattr(self.window, "overlay_manager", None)
+        active = manager.open_surface_name() if manager is not None else None
         return {
             "pinsChecked": self.window.pin_overlay.isVisible(),
+            "activeSurface": active or "",
             "modeOptions": MODE_OPTIONS,
             "currentMode": self.window.settings_manager.get_current_mode(),
         }
@@ -128,7 +131,9 @@ def fitAll(self):
 
     @Slot(bool)
     def toggleControls(self, visible: bool):
-        self.window.chat_view.toggle_overlays_visibility(bool(visible))
+        # P1: the island bool (its old latched state) is ignored - the
+        # OverlayManager owns open/close truth and republishes chip state.
+        self.window.overlay_manager.toggle("controls")
 
     @Slot()
     def togglePlugins(self):
diff --git a/graphlink_app/graphlink_toolbar_payload.py b/graphlink_app/graphlink_toolbar_payload.py
index 59fd8a7..623f095 100644
--- a/graphlink_app/graphlink_toolbar_payload.py
+++ b/graphlink_app/graphlink_toolbar_payload.py
@@ -34,6 +34,10 @@ class ToolbarStatePayload:
     schemaVersion: int
     revision: int
     pinsChecked: bool
+    # UI-refactor P1 (audit B6): the name of the surface currently open
+    # ("" when none) - chips render active from THIS, never from island-local
+    # latched click state.
+    activeSurface: str
     modeOptions: list[str]
     currentMode: str
     # See ComposerStatePayload's identical field for the full negotiation
diff --git a/graphlink_app/graphlink_ui_dialogs/graphlink_library_dialog.py b/graphlink_app/graphlink_ui_dialogs/graphlink_library_dialog.py
index f4cbd3a..9d87272 100644
--- a/graphlink_app/graphlink_ui_dialogs/graphlink_library_dialog.py
+++ b/graphlink_app/graphlink_ui_dialogs/graphlink_library_dialog.py
@@ -35,13 +35,15 @@ def __init__(self, session_manager, parent=None):
 
         self.setObjectName("libraryWindow")
         self.setWindowTitle("Chat Library")
-        self.setWindowFlags(
-            Qt.WindowType.Dialog
-            | Qt.WindowType.FramelessWindowHint
-            | Qt.WindowType.NoDropShadowWindowHint
-            | Qt.WindowType.WindowStaysOnTopHint
-        )
-        self.setAttribute(Qt.WidgetAttribute.WA_DeleteOnClose)
+        # UI-refactor P1 (audit B3/B4): no longer a fresh top-level frameless
+        # stay-on-top window per open (whose first-show race was the
+        # first-click no-op) - a plain embedded child widget, cached once,
+        # opened/scrimmed/clamped by OverlayManager. WA_DeleteOnClose dropped
+        # for the same reason: the instance persists.
+        # QDialog sets the Dialog WINDOW flag by default even with a parent -
+        # without this explicit Widget flag it still opens as a top-level
+        # window (translucent + frameless-stripped = an INVISIBLE one).
+        self.setWindowFlags(Qt.WindowType.Widget)
         self.setAttribute(Qt.WidgetAttribute.WA_StyledBackground, True)
         self.setAttribute(Qt.WidgetAttribute.WA_TranslucentBackground, True)
         self.setModal(False)
@@ -51,14 +53,15 @@ def __init__(self, session_manager, parent=None):
         outer_layout.setContentsMargins(12, 12, 12, 14)
         outer_layout.setSpacing(0)
 
-        shadow = QGraphicsDropShadowEffect(self)
-        shadow.setBlurRadius(24)
-        shadow.setOffset(0, 10)
-        shadow.setColor(Qt.GlobalColor.black)
-
+        # UI-refactor P1: the QGraphicsDropShadowEffect that used to sit on
+        # this shell WAS audit finding B7 - the "library body is a black
+        # void". A QGraphicsEffect on an ancestor forces software rendering
+        # that the GPU-composited ChatLibraryWebHost inside cannot join, so
+        # the entire web region painted as a solid black rectangle while the
+        # native header rendered fine. No ancestor of a webview may carry a
+        # QGraphicsEffect, ever.
         self.shell = QFrame()
         self.shell.setObjectName("libraryShell")
-        self.shell.setGraphicsEffect(shadow)
         outer_layout.addWidget(self.shell)
 
         root_layout = QVBoxLayout(self.shell)
@@ -119,26 +122,24 @@ def __init__(self, session_manager, parent=None):
         self.on_theme_changed()
 
     def _position_window(self):
+        # P1: parent-RELATIVE centering with a clamp inside the parent rect
+        # (this is a plain child widget now - audit B4's "no dialog pixel
+        # outside the window" applies here too).
         parent = self.parentWidget()
-        if parent is not None and parent.isVisible():
-            parent_geometry = parent.frameGeometry()
-            target = parent_geometry.center() - self.rect().center()
-            self.move(target)
+        if parent is None:
             return
-
-        screen = QGuiApplication.primaryScreen()
-        available_geometry = screen.availableGeometry() if screen else None
-        if available_geometry is None:
-            return
-
-        target = available_geometry.center() - self.rect().center()
-        self.move(target)
+        margin = 16
+        width = min(self.width(), parent.width() - 2 * margin)
+        height = min(self.height(), parent.height() - 2 * margin)
+        self.resize(max(width, 0), max(height, 0))
+        x = (parent.width() - self.width()) // 2
+        y = (parent.height() - self.height()) // 2
+        self.move(max(margin, x), max(margin, y))
 
     def show_centered(self):
         self._position_window()
         self.show()
         self.raise_()
-        self.activateWindow()
         # Give keyboard focus to the web content so its search input (which
         # autofocuses on mount) can receive typing immediately - the web
         # equivalent of the legacy search_input.setFocus().
diff --git a/graphlink_app/graphlink_web_island_host.py b/graphlink_app/graphlink_web_island_host.py
index f6aad32..2ac2d2f 100644
--- a/graphlink_app/graphlink_web_island_host.py
+++ b/graphlink_app/graphlink_web_island_host.py
@@ -184,7 +184,21 @@ def replace_script(match: re.Match[str]) -> str:
         'connect-src \'none\';">'
     )
     theme_root_style = f"<style>{css_root_block(config.CURRENT_THEME)}</style>"
-    document = document.replace("<head>", f"<head>{csp}{theme_root_style}", 1)
+    # UI-refactor P1: the Escape relay. QtWebEngine delivers key input
+    # straight into the render process for the focused web content - the
+    # QApplication event filter, application QShortcuts, and even
+    # ShortcutOverride interception never see Escape while an island owns
+    # the keyboard (all three verified live). The page itself is therefore
+    # the only reliable observer; it signals the host through titleChanged,
+    # the one always-available page->host channel that needs no bridge
+    # schema, no per-island code, and no rebuild. Capture-phase listener so
+    # island code cannot swallow it first.
+    escape_relay = (
+        "<script>window.addEventListener('keydown',function(e){"
+        "if(e.key==='Escape'){document.title='__gl_escape__'+Date.now();}"
+        "},true);</script>"
+    )
+    document = document.replace("<head>", f"<head>{csp}{theme_root_style}{escape_relay}", 1)
     channel_script = '<script src="qrc:///qtwebchannel/qwebchannel.js"></script>'
     document = document.replace("</head>", f"{channel_script}</head>", 1)
     return document
@@ -410,6 +424,8 @@ class WebIslandHost(QFrame):
       widget - native or another QWebEngineView - focus lands on.
     """
 
+    escape_pressed = Signal()
+
     heightChanged = Signal(int)
     textFocusChanged = Signal(bool)
 
@@ -489,6 +505,7 @@ def __init__(
             channel.registerObject("islandHost", self)
             self.web_view.page().setWebChannel(channel)
             self.web_view.loadFinished.connect(self._on_load_finished)
+            self.web_view.titleChanged.connect(self._on_title_changed)
             if self._dev_origin is not None:
                 # Live dev-server mode (developer opt-in, double-gated - see
                 # resolve_dev_server_origin). The request interceptor
@@ -509,6 +526,24 @@ def __init__(
 
         self._apply_native_mask()
         register(self)
+        self._install_escape_shortcut()
+
+    def _on_title_changed(self, title):
+        # The page-side Escape relay (see _inline_bundle) signals through the
+        # title - the unique-suffix scheme keeps repeat presses distinct.
+        if title.startswith("__gl_escape__"):
+            self.escape_pressed.emit()
+
+    def _install_escape_shortcut(self):
+        # UI-refactor P1: Escape must dismiss whatever surface is open even
+        # while keyboard focus sits inside this host's webview, where the
+        # QApplication event filter may never see the key (Chromium accepts
+        # the ShortcutOverride). A widget-with-children shortcut scoped to
+        # the host fires ahead of normal delivery for the host's subtree.
+        from PySide6.QtGui import QKeySequence, QShortcut
+        shortcut = QShortcut(QKeySequence(Qt.Key.Key_Escape), self)
+        shortcut.setContext(Qt.ShortcutContext.WidgetWithChildrenShortcut)
+        shortcut.activated.connect(self.escape_pressed.emit)
 
     def resizeEvent(self, event):
         super().resizeEvent(event)
diff --git a/graphlink_app/graphlink_window.py b/graphlink_app/graphlink_window.py
index 5e26409..80cafd7 100644
--- a/graphlink_app/graphlink_window.py
+++ b/graphlink_app/graphlink_window.py
@@ -36,6 +36,8 @@
 from graphlink_about_web import AboutWebHost
 from graphlink_help_web import HelpWebHost
 from graphlink_settings_web import SettingsWebHost
+from graphlink_dialog_frame import DialogFrame
+from graphlink_overlay_manager import DIALOG, OverlayManager, POPOVER
 
 from graphlink_session import ChatSessionManager
 from graphlink_command_palette import CommandManager
@@ -103,6 +105,7 @@ def __init__(self, settings_manager):
         self.setGeometry(100, 100, 1200, 800)
         self.library_dialog = None
         self.settings_panel = None
+        self.settings_frame = None
         self.help_panel = None
         self.about_panel = None
         self._initial_show_complete = False
@@ -286,6 +289,26 @@ def __init__(self, settings_manager):
         # continuously repositioned during a live resize either).
         self.plugin_picker = PluginPickerHost(self.plugin_portal, parent=self.composer_overlay_parent)
 
+        # UI-refactor P1 (doc/UI_QA_AUDIT.md section 7): every transient
+        # surface's open/dismiss lifecycle routes through ONE manager -
+        # single-open, Escape + outside-click dismissal, scrimmed clamped
+        # dialogs, chip state from real visibility. Lazy dialogs register
+        # accessor closures; the manager tolerates not-yet-created panels.
+        self.overlay_manager = OverlayManager(self)
+        self._register_overlay_surfaces()
+        self.overlay_manager.visibility_changed.connect(self._on_overlay_visibility_changed)
+        # Escape must dismiss the open surface no matter WHICH island owns
+        # keyboard focus at press time (e.g. the toolbar webview right after
+        # a chip click) - every existing host's page-side Escape relay routes
+        # to close_all. Later-created hosts are hooked by the manager's
+        # open()-time descendant pass.
+        import graphlink_web_island_host as _wih
+        for _host in list(getattr(_wih, "_hosts", [])):
+            signal = getattr(_host, "escape_pressed", None)
+            if signal is not None and not getattr(_host, "_gl_escape_hooked", False):
+                signal.connect(self.overlay_manager.close_all)
+                _host._gl_escape_hooked = True
+
         self.new_chat_shortcut = QShortcut(QKeySequence("Ctrl+T"), self); self.new_chat_shortcut.activated.connect(self.new_chat)
         self.library_shortcut = QShortcut(QKeySequence("Ctrl+L"), self); self.library_shortcut.activated.connect(self.show_library)
         self.save_shortcut = QShortcut(QKeySequence("Ctrl+S"), self); self.save_shortcut.activated.connect(self.save_chat)
@@ -406,6 +429,10 @@ def showEvent(self, event):
     def resizeEvent(self, event):
         super().resizeEvent(event)
         self._update_overlay_positions()
+        # P1: keep the scrim full-window and re-clamp any open dialog so no
+        # pixel ever leaves the window during a live resize (audit B4).
+        if getattr(self, "overlay_manager", None) is not None:
+            self.overlay_manager.reposition_for_resize()
 
     def eventFilter(self, watched, event):
         chat_view = getattr(self, 'chat_view', None)
@@ -778,15 +805,119 @@ def show_search_overlay(self):
         self.search_overlay.setVisible(True)
         self._update_overlay_positions()
 
-    def show_library(self):
-        if self.library_dialog and self.library_dialog.isVisible():
-            self.library_dialog.raise_()
-            self.library_dialog.activateWindow()
-            return
+    def _register_overlay_surfaces(self):
+        manager = self.overlay_manager
+
+        manager.register(
+            "plugins", POPOVER,
+            widget_fn=lambda: self.plugin_picker,
+            open_fn=self._open_plugin_picker,
+            close_fn=lambda: self.plugin_picker.setVisible(False),
+            is_open_fn=lambda: self.plugin_picker.isVisible(),
+        )
+        manager.register(
+            "pins", POPOVER,
+            widget_fn=lambda: self.pin_overlay,
+            open_fn=lambda: self.pin_overlay.show_for_anchor(self.toolbar_host.bridge.get_anchor("pins")),
+            close_fn=lambda: self.pin_overlay.setVisible(False),
+            is_open_fn=lambda: self.pin_overlay.isVisible(),
+        )
+        manager.register(
+            "help", POPOVER,
+            widget_fn=lambda: self.help_panel,
+            open_fn=self._open_help_panel,
+            close_fn=lambda: self.help_panel.close() if self.help_panel else None,
+            is_open_fn=lambda: bool(self.help_panel and self.help_panel.isVisible()),
+        )
+        manager.register(
+            "controls", POPOVER,
+            # The three view-control hosts toggle as ONE logical surface;
+            # outside-click hit-testing uses the grid panel (largest). The
+            # single-popover approximation is acceptable until P5 merges
+            # them into one real View popover.
+            widget_fn=lambda: self.chat_view.grid_control_host,
+            open_fn=lambda: self.chat_view.toggle_overlays_visibility(True),
+            close_fn=lambda: self.chat_view.toggle_overlays_visibility(False),
+            is_open_fn=lambda: self.chat_view.grid_control_host.isVisible(),
+        )
+        manager.register(
+            "about", DIALOG,
+            widget_fn=lambda: self.about_panel,
+            open_fn=self._open_about_panel,
+            close_fn=lambda: self.about_panel.close() if self.about_panel else None,
+            is_open_fn=lambda: bool(self.about_panel and self.about_panel.isVisible()),
+        )
+        manager.register(
+            "settings", DIALOG,
+            widget_fn=lambda: self.settings_frame,
+            open_fn=self._open_settings_frame,
+            close_fn=lambda: self.settings_frame.setVisible(False) if self.settings_frame else None,
+            is_open_fn=lambda: bool(self.settings_frame and self.settings_frame.isVisible()),
+        )
+        manager.register(
+            "library", DIALOG,
+            widget_fn=lambda: self.library_dialog,
+            open_fn=self._open_library_dialog,
+            close_fn=lambda: self.library_dialog.setVisible(False) if self.library_dialog else None,
+            is_open_fn=lambda: bool(self.library_dialog and self.library_dialog.isVisible()),
+        )
 
-        self.library_dialog = ChatLibraryDialog(self.session_manager, self)
-        self.library_dialog.destroyed.connect(lambda *_: setattr(self, "library_dialog", None))
+    def _on_overlay_visibility_changed(self, name, is_open):
+        # Chip active-state binds to REAL visibility (audit B6) - the toolbar
+        # island republishes its payload with the live surface name.
+        bridge = getattr(self.toolbar_host, "bridge", None)
+        if bridge is not None:
+            bridge.publish()
+
+    def _open_plugin_picker(self):
+        self.plugin_picker.reposition(self.toolbar_host.bridge.get_anchor("plugins"))
+        self.plugin_picker.setVisible(True)
+
+    def _open_help_panel(self):
+        if not self.help_panel:
+            self.help_panel = HelpWebHost(self)
+        self.help_panel.show_for_anchor(self.toolbar_host.bridge.get_anchor("help"))
+
+    def _open_about_panel(self):
+        if not self.about_panel:
+            self.about_panel = AboutWebHost(self)
+        self.about_panel.show_centered_over_parent()
+        # P1 (audit B4): show_centered_over_parent uses frame-geometry math
+        # that can land partially outside a small window - re-clamp inside.
+        self._clamp_child_in_window(self.about_panel)
+
+    def _clamp_child_in_window(self, widget, margin=16):
+        width = min(widget.width(), self.width() - 2 * margin)
+        height = min(widget.height(), self.height() - 2 * margin)
+        widget.resize(max(width, 0), max(height, 0))
+        x = (self.width() - widget.width()) // 2
+        y = (self.height() - widget.height()) // 2
+        widget.move(max(margin, x), max(margin, y))
+
+    def _open_settings_frame(self):
+        if self.settings_panel is None:
+            self.settings_panel = SettingsWebHost(self.settings_manager, main_window=self)
+            self.settings_frame = DialogFrame("Settings", self.settings_panel, parent=self)
+            self.settings_frame.resize(
+                self.settings_panel.width() + 40, self.settings_panel.height() + 80
+            )
+            self.settings_frame.close_requested.connect(lambda: self.overlay_manager.close("settings"))
+        self.settings_panel.set_current_section_by_mode(self.settings_manager.get_current_mode())
+        self.settings_frame.center_in_parent()
+        self.settings_frame.setVisible(True)
+
+    def _open_library_dialog(self):
+        if self.library_dialog is None:
+            # Cached once, plain embedded child (P1): the fresh-top-level-
+            # window-per-open construction was the audit-B3 first-click
+            # no-op; an embedded cached widget has no first-show race.
+            self.library_dialog = ChatLibraryDialog(self.session_manager, self)
+            self.library_dialog.close_button.clicked.disconnect()
+            self.library_dialog.close_button.clicked.connect(lambda: self.overlay_manager.close("library"))
         self.library_dialog.show_centered()
+
+    def show_library(self):
+        self.overlay_manager.toggle("library")
         
     def keyPressEvent(self, event):
         if event.key() == Qt.Key.Key_Escape:
@@ -809,24 +940,10 @@ def should_show_notification(self, msg_type):
         return self.settings_manager.get_notification_type_enabled(msg_type)
 
     def _toggle_plugin_picker(self):
-        if self.plugin_picker.isVisible():
-            # setVisible(False), not .close() - PluginPickerHost is a plain
-            # embedded child with no Window flag, never meant to go through
-            # a native closeEvent (see graphlink_plugin_picker_web.py).
-            self.plugin_picker.setVisible(False)
-            return
-        self.plugin_picker.reposition(self.toolbar_host.bridge.get_anchor("plugins"))
-        self.plugin_picker.setVisible(True)
-        self.plugin_picker.raise_()
+        self.overlay_manager.toggle("plugins")
 
     def toggle_pin_overlay(self, checked=False):
-        if self.pin_overlay.isVisible():
-            # setVisible(False), not .close() - PinOverlayHost is a plain
-            # embedded child with no Window flag, never meant to go through
-            # a native closeEvent (see graphlink_pin_overlay_web.py).
-            self.pin_overlay.setVisible(False)
-            return
-        self.pin_overlay.show_for_anchor(self.toolbar_host.bridge.get_anchor("pins"))
+        self.overlay_manager.toggle("pins")
 
     def update_title_bar(self):
         title = "Graphlink"
@@ -836,25 +953,10 @@ def update_title_bar(self):
         self.setWindowTitle(title)
 
     def show_about_dialog(self):
-        # Cached once and toggled, replacing the legacy AboutDialog(self).exec()
-        # (modal, constructed fresh every call) - see graphlink_about_web.py's
-        # module docstring for the modal->non-modal rationale.
-        if self.about_panel and self.about_panel.isVisible():
-            self.about_panel.close()
-            return
-        if not self.about_panel:
-            self.about_panel = AboutWebHost(self)
-        self.about_panel.show_centered_over_parent()
+        self.overlay_manager.toggle("about")
 
     def show_help(self):
-        if self.help_panel and self.help_panel.isVisible():
-            self.help_panel.close()
-            return
-
-        if not self.help_panel:
-            self.help_panel = HelpWebHost(self)
-
-        self.help_panel.show_for_anchor(self.toolbar_host.bridge.get_anchor("help"))
+        self.overlay_manager.toggle("help")
 
     def _build_document_section(self, title, body):
         text = str(body or "").strip()
@@ -966,18 +1068,7 @@ def show_document_view(self, node):
     def hide_document_view(self): self.doc_viewer_panel.setVisible(False)
 
     def show_settings(self):
-        if self.settings_panel and self.settings_panel.isVisible():
-            self.settings_panel.close()
-            return
-
-        if not self.settings_panel:
-            # Unconditional since Phase 3 increment 10 deleted the legacy
-            # SettingsDialog and its renderer flag (pre-deletion code is at
-            # the legacy-settings-final git tag).
-            self.settings_panel = SettingsWebHost(self.settings_manager, main_window=self, parent=self)
-
-        self.settings_panel.set_current_section_by_mode(self.settings_manager.get_current_mode())
-        self.settings_panel.show_for_anchor(self.toolbar_host.bridge.get_anchor("settings"))
+        self.overlay_manager.toggle("settings")
 
     def _initialize_mode(self, mode_text, *, show_dialogs):
         if mode_text == config.MODE_OLLAMA_LOCAL:
diff --git a/graphlink_app/tests/test_overlay_manager.py b/graphlink_app/tests/test_overlay_manager.py
new file mode 100644
index 0000000..65d7391
--- /dev/null
+++ b/graphlink_app/tests/test_overlay_manager.py
@@ -0,0 +1,250 @@
+"""UI-refactor P1 (doc/UI_QA_AUDIT.md section 7): OverlayManager unit tests +
+the phase's acceptance criteria as executable checks.
+
+Acceptance (audit section 7, P1): single-open across every surface,
+Escape closes whatever is open, and no dialog pixel outside the window at
+any window size. Unit tier here uses plain QWidgets as fake surfaces so the
+manager's LOGIC is pinned independent of any real host; the integration
+tier drives a REAL ChatWindow's registered surfaces (plugins/pins popovers,
+settings/library dialogs) through toolbar-intent entry points at three
+window sizes.
+"""
+
+import sys
+from pathlib import Path
+
+sys.path.insert(0, str(Path(__file__).resolve().parents[1]))
+
+import pytest
+from PySide6.QtCore import Qt
+from PySide6.QtWidgets import QApplication, QWidget
+
+_APP = QApplication.instance() or QApplication([])
+
+from graphlink_overlay_manager import DIALOG, POPOVER, OverlayManager
+
+
+class _FakeSurface:
+    def __init__(self, parent):
+        self.widget = QWidget(parent)
+        self.widget.setVisible(False)
+        self.open_calls = 0
+
+    def open(self):
+        self.open_calls += 1
+        self.widget.setVisible(True)
+
+    def close(self):
+        self.widget.setVisible(False)
+
+    def is_open(self):
+        return self.widget.isVisible()
+
+
+@pytest.fixture
+def rig():
+    window = QWidget()
+    window.resize(800, 600)
+    # Children of a hidden parent always report isVisible() False - the
+    # manager's is_open contract is real visibility, so the rig must show.
+    window.show()
+    manager = OverlayManager(window)
+    surfaces = {}
+    for name, tier in (("pop_a", POPOVER), ("pop_b", POPOVER), ("dlg_a", DIALOG), ("dlg_b", DIALOG)):
+        surface = _FakeSurface(window)
+        surfaces[name] = surface
+        manager.register(
+            name, tier,
+            widget_fn=lambda s=surface: s.widget,
+            open_fn=surface.open,
+            close_fn=surface.close,
+            is_open_fn=surface.is_open,
+        )
+    yield window, manager, surfaces
+    # The manager installs a QApplication-wide event filter; remove it so
+    # rigs never stack across tests.
+    QApplication.instance().removeEventFilter(manager)
+    window.deleteLater()
+
+
+class TestSingleOpenPolicy:
+    def test_opening_a_popover_closes_the_other_popover(self, rig):
+        _, manager, surfaces = rig
+        manager.open("pop_a")
+        manager.open("pop_b")
+        assert not surfaces["pop_a"].is_open()
+        assert surfaces["pop_b"].is_open()
+
+    def test_opening_a_dialog_closes_an_open_popover(self, rig):
+        _, manager, surfaces = rig
+        manager.open("pop_a")
+        manager.open("dlg_a")
+        assert not surfaces["pop_a"].is_open()
+        assert surfaces["dlg_a"].is_open()
+
+    def test_opening_a_dialog_closes_the_other_dialog(self, rig):
+        _, manager, surfaces = rig
+        manager.open("dlg_a")
+        manager.open("dlg_b")
+        assert not surfaces["dlg_a"].is_open()
+        assert surfaces["dlg_b"].is_open()
+
+    def test_toggle_closes_when_open_and_opens_when_closed(self, rig):
+        _, manager, surfaces = rig
+        manager.toggle("pop_a")
+        assert surfaces["pop_a"].is_open()
+        manager.toggle("pop_a")
+        assert not surfaces["pop_a"].is_open()
+
+    def test_at_most_one_surface_visible_after_any_sequence(self, rig):
+        _, manager, surfaces = rig
+        for name in ("pop_a", "dlg_a", "pop_b", "dlg_b", "pop_a"):
+            manager.toggle(name)
+            visible = [n for n, s in surfaces.items() if s.is_open()]
+            assert len(visible) <= 1, f"multiple surfaces open: {visible}"
+
+
+class TestDialogScrim:
+    def test_scrim_visible_only_while_a_dialog_is_open(self, rig):
+        _, manager, surfaces = rig
+        assert not manager._scrim.isVisible()
+        manager.open("pop_a")
+        assert not manager._scrim.isVisible(), "popovers must not scrim"
+        manager.open("dlg_a")
+        assert manager._scrim.isVisible()
+        manager.close("dlg_a")
+        assert not manager._scrim.isVisible()
+
+    def test_scrim_click_closes_the_dialog(self, rig):
+        _, manager, surfaces = rig
+        manager.open("dlg_a")
+        manager._on_scrim_pressed()
+        assert not surfaces["dlg_a"].is_open()
+        assert not manager._scrim.isVisible()
+
+    def test_scrim_covers_the_whole_window_after_resize(self, rig):
+        window, manager, _ = rig
+        manager.open("dlg_a")
+        window.resize(1200, 900)
+        manager.reposition_for_resize()
+        assert manager._scrim.geometry() == window.rect()
+
+
+class TestVisibilityChangedSignal:
+    def test_emits_true_on_open_and_false_on_close(self, rig):
+        _, manager, _ = rig
+        events = []
+        manager.visibility_changed.connect(lambda name, is_open: events.append((name, is_open)))
+        manager.open("pop_a")
+        manager.close("pop_a")
+        assert events == [("pop_a", True), ("pop_a", False)]
+
+    def test_single_open_displacement_emits_close_for_the_displaced(self, rig):
+        _, manager, _ = rig
+        events = []
+        manager.visibility_changed.connect(lambda name, is_open: events.append((name, is_open)))
+        manager.open("pop_a")
+        manager.open("dlg_a")
+        assert ("pop_a", False) in events
+        assert events[-1] == ("dlg_a", True)
+
+    def test_open_surface_name_rederives_from_real_visibility(self, rig):
+        _, manager, surfaces = rig
+        manager.open("pop_a")
+        # A surface hidden behind the manager's back must not be reported open.
+        surfaces["pop_a"].close()
+        assert manager.open_surface_name() is None
+
+
+class TestEscapeClosesEverything:
+    @pytest.mark.parametrize("name", ["pop_a", "pop_b", "dlg_a", "dlg_b"])
+    def test_escape_closes_the_open_surface(self, rig, name):
+        window, manager, surfaces = rig
+        window.show()
+        manager.open(name)
+        from PySide6.QtGui import QKeyEvent
+        from PySide6.QtCore import QEvent
+        event = QKeyEvent(QEvent.Type.KeyPress, Qt.Key.Key_Escape, Qt.KeyboardModifier.NoModifier)
+        # Delivered through the application filter exactly as a real key
+        # press would be seen, whatever widget owns focus.
+        assert manager.eventFilter(window, event) is True
+        assert not surfaces[name].is_open()
+
+    def test_escape_with_nothing_open_is_not_consumed(self, rig):
+        window, manager, _ = rig
+        from PySide6.QtGui import QKeyEvent
+        from PySide6.QtCore import QEvent
+        event = QKeyEvent(QEvent.Type.KeyPress, Qt.Key.Key_Escape, Qt.KeyboardModifier.NoModifier)
+        assert manager.eventFilter(window, event) is False
+
+
+class TestRealChatWindowAcceptanceDrive:
+    """The audit's P1 acceptance, against the real window: toolbar-intent
+    entry points, three window sizes, geometry containment."""
+
+    @pytest.fixture(scope="class")
+    def window(self):
+        from unittest.mock import patch
+        from graphlink_window import ChatWindow
+        import graphlink_licensing
+
+        with patch.object(ChatWindow, "show_previous_crash_notice", create=True):
+            settings_manager = graphlink_licensing.SettingsManager()
+            win = ChatWindow(settings_manager)
+        win.show()
+        QApplication.processEvents()
+        yield win
+        QApplication.instance().removeEventFilter(win.overlay_manager)
+        win.close()
+
+    def test_single_open_across_real_surfaces(self, window):
+        manager = window.overlay_manager
+        window.resize(1100, 750)
+        manager.open("plugins")
+        assert manager.is_open("plugins")
+        manager.open("pins")
+        assert not manager.is_open("plugins")
+        manager.open("settings")
+        assert not manager.is_open("pins")
+        assert manager.is_open("settings")
+        manager.open("library")
+        assert not manager.is_open("settings")
+        assert manager.is_open("library")
+        manager.close_all()
+        assert manager.open_surface_name() is None
+
+    @pytest.mark.parametrize("size", [(900, 600), (1300, 850), (700, 500)])
+    def test_no_dialog_pixel_outside_the_window_at_any_size(self, window, size):
+        manager = window.overlay_manager
+        window.resize(*size)
+        for name in ("settings", "library", "about"):
+            manager.open(name)
+            widget = manager._surfaces[name].widget_fn()
+            assert widget is not None and widget.isVisible(), f"{name} did not open"
+            geometry = widget.geometry()
+            assert window.rect().contains(geometry), (
+                f"{name} at window size {size} escapes the window: "
+                f"{geometry} vs {window.rect()}"
+            )
+            manager.close(name)
+
+    def test_escape_closes_each_real_surface(self, window):
+        from PySide6.QtGui import QKeyEvent
+        from PySide6.QtCore import QEvent
+        manager = window.overlay_manager
+        for name in ("plugins", "pins", "settings", "library"):
+            manager.open(name)
+            event = QKeyEvent(QEvent.Type.KeyPress, Qt.Key.Key_Escape, Qt.KeyboardModifier.NoModifier)
+            assert manager.eventFilter(window, event) is True, f"Escape not consumed for {name}"
+            assert not manager.is_open(name), f"Escape did not close {name}"
+
+    def test_library_first_open_actually_shows(self, window):
+        # Audit B3: the first Library invocation used to be a no-op. The
+        # cached embedded child must be visible on the FIRST open call.
+        manager = window.overlay_manager
+        manager.close_all()
+        window.library_dialog = None  # force the true first-open path
+        manager.open("library")
+        assert window.library_dialog is not None
+        assert window.library_dialog.isVisible()
+        manager.close("library")
diff --git a/graphlink_app/tests/test_settings_web_host.py b/graphlink_app/tests/test_settings_web_host.py
index ca9ac80..aac6d86 100644
--- a/graphlink_app/tests/test_settings_web_host.py
+++ b/graphlink_app/tests/test_settings_web_host.py
@@ -59,13 +59,18 @@ def test_construction_registers_with_the_shared_shutdown_registry(tmp_path):
     assert host in wih._hosts
 
 
-def test_window_flags_are_a_persistent_frameless_tool_window(tmp_path):
+def test_host_is_a_plain_embedded_child_not_a_tool_window(tmp_path):
+    # UI-refactor P1 (audit B4/B5): the Tool-window flags are GONE - the host
+    # embeds in a DialogFrame that OverlayManager centers, clamps inside the
+    # main window, and scrims. A Tool flag reappearing here would resurrect
+    # the dialog-escapes-the-window bug.
     host = _make_host(tmp_path)
 
     flags = host.windowFlags()
 
-    assert flags & Qt.WindowType.Tool
-    assert flags & Qt.WindowType.FramelessWindowHint
+    # Bitwise note: Tool INCLUDES the Window bit, so `flags & Tool` is
+    # truthy for any parentless default widget - compare the masked type.
+    assert (flags & Qt.WindowType.WindowType_Mask) != Qt.WindowType.Tool
 
 
 def test_construction_sizes_to_820x560(tmp_path):
@@ -116,16 +121,13 @@ def test_falls_back_to_general_for_an_unrecognized_mode(self, tmp_path):
 
 
 class TestShowForAnchor:
-    def test_shows_the_panel_and_resizes_to_820x560(self, tmp_path):
+    def test_screen_coordinate_positioning_is_gone(self, tmp_path):
+        # P1: show_for_anchor (screen-coordinate positioning) was deleted -
+        # positioning belongs to OverlayManager/DialogFrame now. Its
+        # resurrection would bypass the window-clamp guarantee.
         host = _make_host(tmp_path)
-        anchor = QWidget()
-        anchor.resize(80, 24)
 
-        host.show_for_anchor(anchor)
-
-        assert host.isVisible() is True
-        assert host.width() == 820
-        assert host.height() == 560
+        assert not hasattr(host, "show_for_anchor")
 
 
 class TestCloseGuard:
diff --git a/graphlink_app/tests/test_toolbar_bridge.py b/graphlink_app/tests/test_toolbar_bridge.py
index 8438064..60bd6ae 100644
--- a/graphlink_app/tests/test_toolbar_bridge.py
+++ b/graphlink_app/tests/test_toolbar_bridge.py
@@ -62,8 +62,22 @@ def reset_zoom(self):
     def fit_all(self):
         self.fit_calls += 1
 
-    def toggle_overlays_visibility(self, visible):
-        self.overlays_visible = visible
+
+class _FakeOverlayManager:
+    """Mirrors the real OverlayManager's toggle()/open_surface_name() contract:
+    toggle opens a closed surface, closes the same surface, and swaps to a
+    different one; open_surface_name() returns the open name or None."""
+
+    def __init__(self):
+        self.toggle_calls = []
+        self._open = None
+
+    def toggle(self, name):
+        self.toggle_calls.append(name)
+        self._open = None if self._open == name else name
+
+    def open_surface_name(self):
+        return self._open
 
 
 class _FakeWindow:
@@ -71,6 +85,7 @@ def __init__(self):
         self.pin_overlay = _FakePinOverlay()
         self.settings_manager = _FakeSettingsManager()
         self.chat_view = _FakeChatView()
+        self.overlay_manager = _FakeOverlayManager()
         self.calls = []
 
     def show_library(self):
@@ -188,13 +203,38 @@ def test_organize_zoom_reset_fit_all_reach_the_real_chat_view():
     assert window.chat_view.fit_calls == 1
 
 
-def test_toggle_controls_forwards_the_bool_to_chat_view():
+def test_toggle_controls_routes_through_the_overlay_manager_ignoring_the_bool():
+    # P1 (audit B6): the island's bool is ignored - the OverlayManager owns
+    # open/close truth; the slot only asks it to toggle the controls surface.
     window = _FakeWindow()
     bridge = ToolbarBridge(window)
 
     bridge.toggleControls(True)
+    bridge.toggleControls(True)
+
+    assert window.overlay_manager.toggle_calls == ["controls", "controls"]
+
+
+def test_active_surface_publishes_the_open_surface_and_empty_when_none():
+    window = _FakeWindow()
+    bridge = ToolbarBridge(window)
+    assert _snapshot(bridge)["activeSurface"] == ""
+
+    window.overlay_manager.toggle("settings")
+    assert _snapshot(bridge)["activeSurface"] == "settings"
+
+    window.overlay_manager.toggle("settings")
+    assert _snapshot(bridge)["activeSurface"] == ""
+
+
+def test_active_surface_falls_back_to_empty_without_an_overlay_manager():
+    # Models the startup window before the manager attribute exists -
+    # _build_state_payload getattr-guards it rather than crashing publish.
+    window = _FakeWindow()
+    del window.overlay_manager
+    bridge = ToolbarBridge(window)
 
-    assert window.chat_view.overlays_visible is True
+    assert _snapshot(bridge)["activeSurface"] == ""
 
 
 class TestAnchorRect:
diff --git a/web_ui/src/islands/toolbar/App.test.tsx b/web_ui/src/islands/toolbar/App.test.tsx
index 8379493..258bfce 100644
--- a/web_ui/src/islands/toolbar/App.test.tsx
+++ b/web_ui/src/islands/toolbar/App.test.tsx
@@ -126,7 +126,7 @@ describe("App against a real (faked) QWebChannel connection", () => {
     expect(pinsButton).toHaveAttribute("aria-pressed", "false");
   });
 
-  it("Controls toggles purely client-side and calls toggleControls with the new value", async () => {
+  it("clicking Controls fires toggleControls but never flips itself locally", async () => {
     const remote = installFakeQWebChannel();
     const user = userEvent.setup();
     render(<App />);
@@ -136,11 +136,57 @@ describe("App against a real (faked) QWebChannel connection", () => {
 
     await user.click(controlsButton);
     expect(remote.toggleControls).toHaveBeenCalledWith(true);
-    expect(controlsButton).toHaveAttribute("aria-pressed", "true");
+    // Server-authoritative: no payload arrived, so the chip stays unpressed.
+    expect(controlsButton).toHaveAttribute("aria-pressed", "false");
+
+    push(remote, { activeSurface: "controls" });
+    await waitFor(() => expect(controlsButton).toHaveAttribute("aria-pressed", "true"));
 
     await user.click(controlsButton);
-    expect(remote.toggleControls).toHaveBeenCalledWith(false);
-    expect(controlsButton).toHaveAttribute("aria-pressed", "false");
+    expect(remote.toggleControls).toHaveBeenLastCalledWith(false);
+    // Still pressed until the server republishes the close.
+    expect(controlsButton).toHaveAttribute("aria-pressed", "true");
+  });
+
+  it("a chip shows active when activeSurface matches and clears when it goes back to empty", async () => {
+    const remote = installFakeQWebChannel();
+    render(<App />);
+    push(remote, { activeSurface: "" });
+
+    const chips: Array<[string, RegExp | string]> = [
+      ["library", "Library"],
+      ["controls", "Controls"],
+      ["plugins", /Plugins/],
+      ["settings", "Settings"],
+      ["about", "About"],
+      ["help", "Help"],
+    ];
+
+    for (const [surface, label] of chips) {
+      const chip = await screen.findByRole("button", { name: label });
+      expect(chip).toHaveAttribute("aria-pressed", "false");
+
+      push(remote, { activeSurface: surface });
+      await waitFor(() => expect(chip).toHaveAttribute("aria-pressed", "true"));
+      expect(chip.className).toContain("checked");
+
+      push(remote, { activeSurface: "" });
+      await waitFor(() => expect(chip).toHaveAttribute("aria-pressed", "false"));
+      expect(chip.className).not.toContain("checked");
+    }
+  });
+
+  it("only the chip matching activeSurface is pressed, never its siblings", async () => {
+    const remote = installFakeQWebChannel();
+    render(<App />);
+    push(remote, { activeSurface: "settings" });
+
+    const settings = await screen.findByRole("button", { name: "Settings" });
+    await waitFor(() => expect(settings).toHaveAttribute("aria-pressed", "true"));
+    for (const label of ["Library", "Controls", "About", "Help"]) {
+      expect(screen.getByRole("button", { name: label })).toHaveAttribute("aria-pressed", "false");
+    }
+    expect(screen.getByRole("button", { name: /Plugins/ })).toHaveAttribute("aria-pressed", "false");
   });
 
   it("the mode select shows the real options and calls selectMode on change", async () => {
diff --git a/web_ui/src/islands/toolbar/App.tsx b/web_ui/src/islands/toolbar/App.tsx
index 239a717..fbae46a 100644
--- a/web_ui/src/islands/toolbar/App.tsx
+++ b/web_ui/src/islands/toolbar/App.tsx
@@ -13,7 +13,6 @@ type AnchorName = (typeof ANCHOR_NAMES)[number];
 function App() {
   const [state, setState] = useState<ToolbarState>(initialToolbarState);
   const [rejection, setRejection] = useState<BridgeRejection | null>(null);
-  const [controlsChecked, setControlsChecked] = useState(false);
   const bridgeRef = useRef<ToolbarBridge | null>(null);
   const rootRef = useRef<HTMLDivElement>(null);
   const pinsAnchorRef = useRef<HTMLButtonElement>(null);
@@ -90,15 +89,23 @@ function App() {
     );
   }
 
-  function onToggleControls() {
-    const next = !controlsChecked;
-    setControlsChecked(next);
-    bridgeRef.current?.toggleControls(next);
-  }
+  // UI-refactor P1 (audit B6): every chip's active visual derives from the
+  // server-published activeSurface ("" when nothing is open) - never from
+  // island-local latched click state. Clicks only fire intents; the bridge
+  // republishes on every open/close, so the visual follows real visibility
+  // (including surfaces closed via Esc, their own Close button, etc.).
+  const isActive = (surface: string) => state.activeSurface === surface;
+  const chipClass = (surface: string) =>
+    "toolbar-btn toolbar-btn-checkable" + (isActive(surface) ? " checked" : "");
 
   return (
     <div className="toolbar-shell" ref={rootRef}>
-      <button type="button" className="toolbar-btn" onClick={() => bridgeRef.current?.openLibrary()}>
+      <button
+        type="button"
+        className={chipClass("library")}
+        aria-pressed={isActive("library")}
+        onClick={() => bridgeRef.current?.openLibrary()}
+      >
         Library
       </button>
       <button type="button" className="toolbar-btn" onClick={() => bridgeRef.current?.saveChat()}>
@@ -137,9 +144,9 @@ function App() {
       </button>
       <button
         type="button"
-        className={"toolbar-btn toolbar-btn-checkable" + (controlsChecked ? " checked" : "")}
-        aria-pressed={controlsChecked}
-        onClick={onToggleControls}
+        className={chipClass("controls")}
+        aria-pressed={isActive("controls")}
+        onClick={() => bridgeRef.current?.toggleControls(!isActive("controls"))}
       >
         Controls
       </button>
@@ -147,7 +154,8 @@ function App() {
       <button
         type="button"
         ref={pluginsAnchorRef}
-        className="toolbar-btn toolbar-btn-plugins"
+        className={chipClass("plugins") + " toolbar-btn-plugins"}
+        aria-pressed={isActive("plugins")}
         onClick={() => bridgeRef.current?.togglePlugins()}
       >
         Plugins <span className="toolbar-chevron">&#9662;</span>
@@ -171,18 +179,25 @@ function App() {
       <button
         type="button"
         ref={settingsAnchorRef}
-        className="toolbar-btn"
+        className={chipClass("settings")}
+        aria-pressed={isActive("settings")}
         onClick={() => bridgeRef.current?.openSettings()}
       >
         Settings
       </button>
-      <button type="button" className="toolbar-btn" onClick={() => bridgeRef.current?.openAbout()}>
+      <button
+        type="button"
+        className={chipClass("about")}
+        aria-pressed={isActive("about")}
+        onClick={() => bridgeRef.current?.openAbout()}
+      >
         About
       </button>
       <button
         type="button"
         ref={helpAnchorRef}
-        className="toolbar-btn"
+        className={chipClass("help")}
+        aria-pressed={isActive("help")}
         onClick={() => bridgeRef.current?.openHelp()}
       >
         Help
diff --git a/web_ui/src/islands/toolbar/bridge.test.ts b/web_ui/src/islands/toolbar/bridge.test.ts
index a9c5368..f25d7f8 100644
--- a/web_ui/src/islands/toolbar/bridge.test.ts
+++ b/web_ui/src/islands/toolbar/bridge.test.ts
@@ -99,10 +99,10 @@ describe("createToolbarBridge against a real QWebChannel connection", () => {
       createToolbarBridge(listener);
       const push = remote.stateChanged.connect.mock.calls[0][0] as (payload: string) => void;
 
-      push(stateJson({ revision: 2, pinsChecked: true, currentMode: "API Endpoint" }));
+      push(stateJson({ revision: 2, pinsChecked: true, activeSurface: "settings", currentMode: "API Endpoint" }));
 
       expect(listener).toHaveBeenCalledWith(
-        expect.objectContaining({ pinsChecked: true, currentMode: "API Endpoint" }),
+        expect.objectContaining({ pinsChecked: true, activeSurface: "settings", currentMode: "API Endpoint" }),
       );
     } finally {
       uninstallFakeQWebChannel();
diff --git a/web_ui/src/islands/toolbar/bridgeTypes.ts b/web_ui/src/islands/toolbar/bridgeTypes.ts
index cc96472..aa765ea 100644
--- a/web_ui/src/islands/toolbar/bridgeTypes.ts
+++ b/web_ui/src/islands/toolbar/bridgeTypes.ts
@@ -4,10 +4,10 @@
  * See composer/bridgeTypes.ts for the fuller rationale (re-export from the
  * generated file, not a hand mirror). `pinsChecked` is server-authoritative
  * (the pin overlay can close via paths other than this button, e.g. the
- * panel's own Close button); `controlsChecked` is deliberately NOT part of
- * this contract at all - it stays pure client-side React state, matching
- * the legacy button's own "nothing else reads or writes it back" behavior
- * confirmed by recon.
+ * panel's own Close button). `activeSurface` (UI-refactor P1, audit B6) is
+ * the server-published name of the surface currently open ("" when none) -
+ * every chip renders its active visual from THIS, never from island-local
+ * latched click state.
  */
 export type { ToolbarState } from "../../lib/bridge-core/generated/toolbar-state";
 
@@ -18,6 +18,7 @@ export const initialToolbarState: ToolbarState = {
   minCompatibleSchemaVersion: 1,
   revision: 0,
   pinsChecked: false,
+  activeSurface: "",
   modeOptions: [],
   currentMode: "",
 };
diff --git a/web_ui/src/lib/bridge-core/generated/toolbar-state.schema.json b/web_ui/src/lib/bridge-core/generated/toolbar-state.schema.json
index 0b4acb5..22fdfb4 100644
--- a/web_ui/src/lib/bridge-core/generated/toolbar-state.schema.json
+++ b/web_ui/src/lib/bridge-core/generated/toolbar-state.schema.json
@@ -2,6 +2,9 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "additionalProperties": false,
   "properties": {
+    "activeSurface": {
+      "type": "string"
+    },
     "currentMode": {
       "type": "string"
     },
@@ -28,6 +31,7 @@
     "schemaVersion",
     "revision",
     "pinsChecked",
+    "activeSurface",
     "modeOptions",
     "currentMode"
   ],
diff --git a/web_ui/src/lib/bridge-core/generated/toolbar-state.ts b/web_ui/src/lib/bridge-core/generated/toolbar-state.ts
index 004cc5e..40d9ec5 100644
--- a/web_ui/src/lib/bridge-core/generated/toolbar-state.ts
+++ b/web_ui/src/lib/bridge-core/generated/toolbar-state.ts
@@ -6,6 +6,7 @@ export interface ToolbarState {
   schemaVersion: number;
   revision: number;
   pinsChecked: boolean;
+  activeSurface: string;
   modeOptions: string[];
   currentMode: string;
   minCompatibleSchemaVersion?: number | null;
@@ -43,6 +44,11 @@ function checkToolbarState(value: unknown, path: string, errors: string[]): void
     if (fieldValue === undefined || fieldValue === null) errors.push(`${path}.pinsChecked: missing required field`);
     else { if (typeof fieldValue !== "boolean") errors.push(`${path}.pinsChecked` + ": expected boolean"); }
   }
+  {
+    const fieldValue = value["activeSurface"];
+    if (fieldValue === undefined || fieldValue === null) errors.push(`${path}.activeSurface: missing required field`);
+    else { if (typeof fieldValue !== "string") errors.push(`${path}.activeSurface` + ": expected string"); }
+  }
   {
     const fieldValue = value["modeOptions"];
     if (fieldValue === undefined || fieldValue === null) errors.push(`${path}.modeOptions: missing required field`);