@rokkit/themes 1.0.0-next.14 → 1.0.0-next.141

package/dist/rokkit.css

@@ -0,0 +1,1829 @@
+/**
+ * @rokkit/themes - Rokkit Theme
+ *
+ * Rich gradients, glowing borders, and vibrant accents.
+ * Default theme — no wrapper needed.
+ */
+
+/**
+ * Button - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Default Style (filled)
+   ============================================================================= */
+
+/* Default variant */
+[data-style='rokkit'] [data-button][data-style='default'][data-variant='default'],
+[data-style='rokkit'] [data-button]:not([data-style])[data-variant='default'],
+[data-style='rokkit'] [data-button][data-style='default']:not([data-variant]),
+[data-style='rokkit'] [data-button]:not([data-style]):not([data-variant]) {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="default"][data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="default"][data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button]:not([data-style])[data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button]:not([data-style])[data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button][data-style="default"]:not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="default"]:not([data-variant]),[data-mode="dark"][data-style="rokkit"] [data-button]:not([data-style]):not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button]:not([data-style]):not([data-variant]){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+/* Primary variant */
+[data-style='rokkit'] [data-button][data-style='default'][data-variant='primary'],
+[data-style='rokkit'] [data-button]:not([data-style])[data-variant='primary'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="default"][data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="default"][data-variant="primary"],[data-mode="dark"][data-style="rokkit"] [data-button]:not([data-style])[data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button]:not([data-style])[data-variant="primary"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);}
+
+/* Secondary variant */
+[data-style='rokkit'] [data-button][data-style='default'][data-variant='secondary'],
+[data-style='rokkit'] [data-button]:not([data-style])[data-variant='secondary'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"][data-style="rokkit"] [data-button]:not([data-style])[data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button]:not([data-style])[data-variant="secondary"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-700),1) var(--un-gradient-to-position);}
+
+/* Danger variant */
+[data-style='rokkit'] [data-button][data-style='default'][data-variant='danger'],
+[data-style='rokkit'] [data-button]:not([data-style])[data-variant='danger'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-danger-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"][data-style="rokkit"] [data-button]:not([data-style])[data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button]:not([data-style])[data-variant="danger"]{--un-border-opacity:1;border-color:rgba(var(--color-danger-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
+
+/* =============================================================================
+   Outline Style
+   ============================================================================= */
+
+[data-style='rokkit'] [data-button][data-style='outline'][data-variant='default'],
+[data-style='rokkit'] [data-button][data-style='outline']:not([data-variant]) {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"][data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"][data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:not([data-variant]){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='outline'][data-variant='primary'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"][data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"][data-variant="primary"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='outline'][data-variant='secondary'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"][data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"][data-variant="secondary"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='outline'][data-variant='danger'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-danger-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"][data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"][data-variant="danger"]{--un-border-opacity:1;border-color:rgba(var(--color-danger-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
+
+/* =============================================================================
+   Ghost Style
+   ============================================================================= */
+
+[data-style='rokkit'] [data-button][data-style='ghost'] {
+  border-color:transparent;background-color:transparent;
+}
+
+[data-style='rokkit'] [data-button][data-style='ghost'][data-variant='default'],
+[data-style='rokkit'] [data-button][data-style='ghost']:not([data-variant]) {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"][data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"][data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:not([data-variant]){--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='ghost'][data-variant='primary'] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"][data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"][data-variant="primary"]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='ghost'][data-variant='secondary'] {
+  --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"][data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='ghost'][data-variant='danger'] {
+  --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"][data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
+
+/* =============================================================================
+   Gradient Style
+   ============================================================================= */
+
+[data-style='rokkit'] [data-button][data-style='gradient'][data-variant='default'],
+[data-style='rokkit'] [data-button][data-style='gradient']:not([data-variant]) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="gradient"][data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="gradient"][data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button][data-style="gradient"]:not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="gradient"]:not([data-variant]){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='gradient'][data-variant='primary'] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="gradient"][data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="gradient"][data-variant="primary"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-700),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit'] [data-button][data-style='gradient'][data-variant='secondary'] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="gradient"][data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="gradient"][data-variant="secondary"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-700),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit'] [data-button][data-style='gradient'][data-variant='danger'] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="gradient"][data-variant="danger"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
+  filter: brightness(1.1);
+}
+
+/* =============================================================================
+   Link Style
+   ============================================================================= */
+
+[data-style='rokkit'] [data-button][data-style='link'][data-variant='default'],
+[data-style='rokkit'] [data-button][data-style='link']:not([data-variant]) {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="link"][data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="link"][data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button][data-style="link"]:not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="link"]:not([data-variant]){--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='link'][data-variant='primary'] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="link"][data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="link"][data-variant="primary"]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='link'][data-variant='secondary'] {
+  --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="link"][data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="link"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='link'][data-variant='danger'] {
+  --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="link"][data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="link"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-button][data-style='link']:hover:not(:disabled):not([data-disabled]) {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="link"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="link"]:hover:not(:disabled):not([data-disabled]){--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Hover States
+   ============================================================================= */
+
+/* Default style hover */
+[data-style='rokkit'] [data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
+[data-style='rokkit'] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
+  opacity:0.9;
+}
+
+/* Outline style hover */
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='default'],
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]):not(
+    [data-variant]
+  ) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]):not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]):not([data-variant]){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-900),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='primary'] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="primary"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-900),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='secondary'] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="secondary"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-900),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit']
+  [data-button][data-style='outline']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='danger'] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="danger"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-900),1) var(--un-gradient-to-position);}
+
+/* Ghost style hover */
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='default'],
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]):not([data-variant]) {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]):not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]):not([data-variant]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
+
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='primary'] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-100),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="primary"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-900),var(--un-bg-opacity));}
+
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='secondary'] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-secondary-100),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="secondary"]{--un-bg-opacity:1;background-color:rgba(var(--color-secondary-900),var(--un-bg-opacity));}
+
+[data-style='rokkit']
+  [data-button][data-style='ghost']:hover:not(:disabled):not(
+    [data-disabled]
+  )[data-variant='danger'] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-danger-100),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="danger"]{--un-bg-opacity:1;background-color:rgba(var(--color-danger-900),var(--un-bg-opacity));}
+
+/* =============================================================================
+   Active/Pressed State
+   ============================================================================= */
+
+[data-style='rokkit'] [data-button]:active:not(:disabled):not([data-disabled]) {
+  --un-scale-x:0.95;--un-scale-y:0.95;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
+  animation: button-pop 0.25s ease-out;
+}
+
+/* =============================================================================
+   Focus
+   ============================================================================= */
+
+[data-style='rokkit'] [data-button]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-button]:focus-visible,[data-mode="dark"] [data-style="rokkit"] [data-button]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
+
+/* =============================================================================
+   Icon Colors
+   ============================================================================= */
+
+[data-style='rokkit'] [data-button] [data-item-icon],
+[data-style='rokkit'] [data-button] [data-button-icon-right] {
+  color: inherit;
+  opacity: 0.8;
+}
+
+[data-style='rokkit'] [data-button]:hover [data-item-icon],
+[data-style='rokkit'] [data-button]:hover [data-button-icon-right] {
+  opacity: 1;
+}
+
+/* =============================================================================
+   Button Group
+   ============================================================================= */
+
+[data-style='rokkit'] [data-button-group] {
+  gap:1px;
+}
+
+[data-style='rokkit'] [data-button-group] [data-button]:first-child {
+  border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;border-top-right-radius:0;border-bottom-right-radius:0;
+}
+
+[data-style='rokkit'] [data-button-group] [data-button]:last-child {
+  border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;
+}
+
+/**
+ * Toolbar - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Toolbar Container
+   ============================================================================= */
+
+[data-style='rokkit'] [data-toolbar] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar],[data-mode="dark"] [data-style="rokkit"] [data-toolbar]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-900),1) var(--un-gradient-to-position);}
+
+/* Position-based borders */
+[data-style='rokkit'] [data-toolbar][data-toolbar-position='top'],
+[data-style='rokkit'] [data-toolbar]:not([data-toolbar-position]) {
+  border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar][data-toolbar-position="top"],[data-mode="dark"] [data-style="rokkit"] [data-toolbar][data-toolbar-position="top"],[data-mode="dark"][data-style="rokkit"] [data-toolbar]:not([data-toolbar-position]),[data-mode="dark"] [data-style="rokkit"] [data-toolbar]:not([data-toolbar-position]){--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
+
+[data-style='rokkit'] [data-toolbar][data-toolbar-position='bottom'] {
+  border-top-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar][data-toolbar-position="bottom"],[data-mode="dark"] [data-style="rokkit"] [data-toolbar][data-toolbar-position="bottom"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
+
+[data-style='rokkit'] [data-toolbar][data-toolbar-position='left'] {
+  border-right-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar][data-toolbar-position="left"],[data-mode="dark"] [data-style="rokkit"] [data-toolbar][data-toolbar-position="left"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
+
+[data-style='rokkit'] [data-toolbar][data-toolbar-position='right'] {
+  border-left-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar][data-toolbar-position="right"],[data-mode="dark"] [data-style="rokkit"] [data-toolbar][data-toolbar-position="right"]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
+
+/* =============================================================================
+   Toolbar Items
+   ============================================================================= */
+
+[data-style='rokkit'] [data-toolbar-item] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-item],[data-mode="dark"] [data-style="rokkit"] [data-toolbar-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-toolbar-item]:hover:not(:disabled):not([data-disabled="true"]){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled="true"]){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
+
+/* Active/pressed state */
+[data-style='rokkit'] [data-toolbar-item][data-active='true'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-item][data-active="true"],[data-mode="dark"] [data-style="rokkit"] [data-toolbar-item][data-active="true"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-400),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-950),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-toolbar-item][data-active="true"]:hover:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-600),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-50),var(--un-text-opacity));}
+
+/* =============================================================================
+   Toolbar Icon
+   ============================================================================= */
+
+[data-style='rokkit'] [data-toolbar-item] [data-toolbar-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-item] [data-toolbar-icon],[data-mode="dark"] [data-style="rokkit"] [data-toolbar-item] [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon],[data-mode="dark"] [data-style="rokkit"] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-toolbar-item][data-active='true'] [data-toolbar-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-item][data-active="true"] [data-toolbar-icon],[data-mode="dark"] [data-style="rokkit"] [data-toolbar-item][data-active="true"] [data-toolbar-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Separator & Divider
+   ============================================================================= */
+
+[data-style='rokkit'] [data-toolbar-separator] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-separator],[data-mode="dark"] [data-style="rokkit"] [data-toolbar-separator]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-700),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit'] [data-toolbar-divider] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-toolbar-divider],[data-mode="dark"] [data-style="rokkit"] [data-toolbar-divider]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-700),1) var(--un-gradient-to-position);}
+
+/**
+ * Tabs - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Tab List
+   ============================================================================= */
+
+[data-style='rokkit'] [data-tabs-list] {
+  gap:0.25rem;border-bottom-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));padding-left:0.25rem;padding-right:0.25rem;
+}[data-mode="dark"][data-style="rokkit"] [data-tabs-list],[data-mode="dark"] [data-style="rokkit"] [data-tabs-list]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
+
+[data-style='rokkit'] [data-tabs][data-position='after'] [data-tabs-list] {
+  border-top-width:2px;border-bottom-width:0px;
+}
+
+[data-style='rokkit'] [data-tabs][data-orientation='vertical'] [data-tabs-list] {
+  border-right-width:2px;border-bottom-width:0px;padding-left:0;padding-right:0;padding-top:0.25rem;padding-bottom:0.25rem;
+}
+
+[data-style='rokkit']
+  [data-tabs][data-orientation='vertical'][data-position='after']
+  [data-tabs-list] {
+  border-right-width:0px;border-left-width:2px;
+}
+
+[data-style='rokkit'] [data-tabs-list]:focus-within {
+  --un-border-opacity:1;border-color:rgba(var(--color-secondary),var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;
+}
+
+/* =============================================================================
+   Tab Triggers
+   ============================================================================= */
+
+[data-style='rokkit'] [data-tabs-trigger] {
+  flex-shrink:0;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tabs-trigger],[data-mode="dark"] [data-style="rokkit"] [data-tabs-trigger]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-tabs][data-position='after'] [data-tabs-trigger] {
+  border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;
+}
+
+[data-style='rokkit'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="rokkit"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+/* Selected state */
+[data-style='rokkit'] [data-tabs-trigger][data-selected] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="rokkit"] [data-tabs-trigger][data-selected]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="rokkit"] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-tabs][data-position='after']
+  [data-tabs-list]:focus-within
+  [data-tabs-trigger][data-selected] {
+  --un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}
+
+/* =============================================================================
+   Tab Icon
+   ============================================================================= */
+
+[data-style='rokkit'] [data-tabs-trigger] [data-tabs-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tabs-trigger] [data-tabs-icon],[data-mode="dark"] [data-style="rokkit"] [data-tabs-trigger] [data-tabs-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon],[data-mode="dark"] [data-style="rokkit"] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-tabs-trigger][data-selected] [data-tabs-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tabs-trigger][data-selected] [data-tabs-icon],[data-mode="dark"] [data-style="rokkit"] [data-tabs-trigger][data-selected] [data-tabs-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Tab Panel
+   ============================================================================= */
+
+[data-style='rokkit'] [data-tabs-content] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tabs-content],[data-mode="dark"] [data-style="rokkit"] [data-tabs-content]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+/**
+ * Toggle - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Toggle Container
+   ============================================================================= */
+
+[data-style='rokkit'] [data-toggle] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0.5rem;--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-toggle],[data-mode="dark"] [data-style="rokkit"] [data-toggle]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);}
+
+/* =============================================================================
+   Toggle Options
+   ============================================================================= */
+
+[data-style='rokkit'] [data-toggle-option] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toggle-option],[data-mode="dark"] [data-style="rokkit"] [data-toggle-option]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
+[data-style='rokkit'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="rokkit"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+/* Selected state */
+[data-style='rokkit'] [data-toggle-option][data-selected='true'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="rokkit"] [data-toggle-option][data-selected="true"],[data-mode="dark"] [data-style="rokkit"] [data-toggle-option][data-selected="true"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+/* =============================================================================
+   Toggle Icon
+   ============================================================================= */
+
+[data-style='rokkit'] [data-toggle-option] [data-toggle-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toggle-option] [data-toggle-icon],[data-mode="dark"] [data-style="rokkit"] [data-toggle-option] [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
+[data-style='rokkit'] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],[data-mode="dark"] [data-style="rokkit"] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],[data-mode="dark"][data-style="rokkit"] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon],[data-mode="dark"] [data-style="rokkit"] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-toggle-option][data-selected='true'] [data-toggle-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-toggle-option][data-selected="true"] [data-toggle-icon],[data-mode="dark"] [data-style="rokkit"] [data-toggle-option][data-selected="true"] [data-toggle-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/**
+ * Switch - Rokkit Theme Styles
+ */
+
+[data-style='rokkit'] [data-switch-track] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-switch-track],[data-mode="dark"] [data-style="rokkit"] [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit'] [data-switch-thumb] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="rokkit"] [data-switch-thumb],[data-mode="dark"] [data-style="rokkit"] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-switch]:focus-visible [data-switch-track] {
+  --un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:1px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-500),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-switch]:focus-visible [data-switch-track],[data-mode="dark"] [data-style="rokkit"] [data-switch]:focus-visible [data-switch-track]{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-500),var(--un-ring-opacity));}
+
+/* On state */
+[data-style='rokkit'] [data-switch][aria-checked='true'] [data-switch-track] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-400),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-switch][aria-checked="true"] [data-switch-track],[data-mode="dark"] [data-style="rokkit"] [data-switch][aria-checked="true"] [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-600),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit'] [data-switch][aria-checked='true'] [data-switch-thumb] {
+  --un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}
+
+[data-style='rokkit'] [data-switch-label] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-switch-label],[data-mode="dark"] [data-style="rokkit"] [data-switch-label]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+/**
+ * List - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   List Container
+   ============================================================================= */
+
+[data-style='rokkit'] [data-list]:focus-within {
+  border-radius:0.25rem;--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}
+
+/* =============================================================================
+   List Items
+   ============================================================================= */
+
+[data-style='rokkit'] [data-list] [data-list-item] {
+  border-width:0px;border-color:transparent;border-radius:0;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-list] a[data-list-item],
+[data-style='rokkit'] [data-list] button[data-list-item] {
+  border-radius:0;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] a[data-list-item],[data-mode="dark"] [data-style="rokkit"] [data-list] a[data-list-item],[data-mode="dark"][data-style="rokkit"] [data-list] button[data-list-item],[data-mode="dark"] [data-style="rokkit"] [data-list] button[data-list-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+/* Hover and focus (keyboard navigation) */
+[data-style='rokkit'] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled='true']),
+[data-style='rokkit']
+  [data-list]
+  [data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+/* Active state — muted when list not focused */
+[data-style='rokkit'] [data-list] [data-list-item][data-active='true'] {
+  border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item][data-active="true"],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item][data-active="true"]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+/* Active state — full gradient when list has focus */
+[data-style='rokkit'] [data-list]:focus-within [data-list-item][data-active='true'] {
+  border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list]:focus-within [data-list-item][data-active="true"],[data-mode="dark"] [data-style="rokkit"] [data-list]:focus-within [data-list-item][data-active="true"]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+/* Active + hover — intensified gradient on hover */
+[data-style='rokkit'] [data-list] [data-list-item][data-active='true']:hover:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item][data-active="true"]:hover:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-700),1) var(--un-gradient-to-position);}
+
+/* =============================================================================
+   Item Elements
+   ============================================================================= */
+
+[data-style='rokkit'] [data-list] [data-list-item] [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],
+[data-style='rokkit'] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-list] [data-list-item][data-active='true'] [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-list]:focus-within
+  [data-list-item][data-active='true']
+  [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list]:focus-within [data-list-item][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-list]:focus-within [data-list-item][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+/* Item description */
+[data-style='rokkit'] [data-list] [data-list-item] [data-item-description] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-list] [data-list-item][data-active='true'] [data-item-description] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/* Item badge */
+[data-style='rokkit'] [data-list] [data-list-item] [data-item-badge] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item][data-active="true"] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
+
+/* =============================================================================
+   Groups
+   ============================================================================= */
+
+[data-style='rokkit'] [data-list] [data-list-group] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-group],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-group]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-list] [data-list-group]:hover:not(:disabled),
+[data-style='rokkit'] [data-list] [data-list-group]:focus:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-group]:hover:not(:disabled),[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-group]:focus:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-group]:focus:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+/* =============================================================================
+   Separator
+   ============================================================================= */
+
+[data-style='rokkit'] [data-list] [data-list-separator] {
+  --un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}
+
+/* =============================================================================
+   Multi-Selection
+   ============================================================================= */
+
+[data-style='rokkit'] [data-list] [data-list-item][data-selected='true'] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-list]:focus-within [data-list-item][data-selected='true'] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list]:focus-within [data-list-item][data-selected="true"],[data-mode="dark"] [data-style="rokkit"] [data-list]:focus-within [data-list-item][data-selected="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-list] [data-list-item][data-selected='true']:hover:not(:disabled) {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item][data-selected="true"]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-list] [data-list-item][data-selected='true'] [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item][data-selected="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+/**
+ * Tree - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Tree Container
+   ============================================================================= */
+
+[data-style='rokkit'] [data-tree]:focus-within {
+  border-radius:0.25rem;--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within,[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
+
+/* =============================================================================
+   Tree Toggle Button
+   ============================================================================= */
+
+[data-style='rokkit'] [data-tree-toggle-btn] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-toggle-btn],[data-mode="dark"] [data-style="rokkit"] [data-tree-toggle-btn]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-tree-toggle-btn]:hover {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-toggle-btn]:hover,[data-mode="dark"] [data-style="rokkit"] [data-tree-toggle-btn]:hover{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+/* =============================================================================
+   Tree Item Content
+   ============================================================================= */
+
+[data-style='rokkit'] [data-tree-item-content] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content],[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-tree-item-content]:hover:not(:disabled),
+[data-style='rokkit'] [data-tree-item-content]:focus:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content]:hover:not(:disabled),[data-mode="dark"][data-style="rokkit"] [data-tree-item-content]:focus:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content]:focus:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+/* Focus visible for keyboard navigation */
+[data-style='rokkit'] [data-tree-item-content]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-500),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content]:focus-visible,[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-500),var(--un-ring-opacity));}
+
+/* Active/selected state - when focus is within tree */
+[data-style='rokkit'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] {
+  border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']:hover:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]:hover:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-700),1) var(--un-gradient-to-position);}
+
+/* Active/selected state - when focus is outside tree (muted) */
+[data-style='rokkit'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] {
+  border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-surface-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-surface-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+/* =============================================================================
+   Item Elements
+   ============================================================================= */
+
+[data-style='rokkit'] [data-tree-item-content] [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']
+  [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true']
+  [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+/* Item description */
+[data-style='rokkit'] [data-tree-item-content] [data-item-description] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']
+  [data-item-description] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true']
+  [data-item-description] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+/* Item badge */
+[data-style='rokkit'] [data-tree-item-content] [data-item-badge] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-badge]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Multi-Selection
+   ============================================================================= */
+
+[data-style='rokkit'] [data-tree-node][data-selected='true'] [data-tree-node-row] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-node-row],[data-mode="dark"] [data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-node-row]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
+
+[data-style='rokkit']
+  [data-tree]:focus-within
+  [data-tree-node][data-selected='true']
+  [data-tree-node-row] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-node][data-selected="true"] [data-tree-node-row],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-node][data-selected="true"] [data-tree-node-row]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-item-content],[data-mode="dark"] [data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-item-content]{--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-tree-node][data-selected='true']
+  [data-tree-item-content]
+  [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-item-content] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-item-content] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+/**
+ * Connector - Rokkit Theme Styles
+ *
+ * Visual theming for tree line connectors.
+ */
+
+[data-style='rokkit'] [data-connector] [data-connector-v],
+[data-style='rokkit'] [data-connector] [data-connector-h],
+[data-style='rokkit'] [data-connector] [data-connector-corner] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-connector] [data-connector-v],[data-mode="dark"] [data-style="rokkit"] [data-connector] [data-connector-v],[data-mode="dark"][data-style="rokkit"] [data-connector] [data-connector-h],[data-mode="dark"] [data-style="rokkit"] [data-connector] [data-connector-h],[data-mode="dark"][data-style="rokkit"] [data-connector] [data-connector-corner],[data-mode="dark"] [data-style="rokkit"] [data-connector] [data-connector-corner]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
+
+/**
+ * Select - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Trigger Button
+   ============================================================================= */
+
+[data-style='rokkit'] [data-select-trigger] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-trigger],[data-mode="dark"] [data-style="rokkit"] [data-select-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-900),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-trigger]:hover:not(:disabled) {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-select-trigger]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-trigger]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-trigger]:focus-visible,[data-mode="dark"] [data-style="rokkit"] [data-select-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
+
+[data-style='rokkit'] [data-select][data-open='true'] [data-select-trigger] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select][data-open="true"] [data-select-trigger],[data-mode="dark"] [data-style="rokkit"] [data-select][data-open="true"] [data-select-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
+
+/* =============================================================================
+   Placeholder
+   ============================================================================= */
+
+[data-style='rokkit'] [data-select-placeholder] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-placeholder],[data-mode="dark"] [data-style="rokkit"] [data-select-placeholder]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* =============================================================================
+   Arrow
+   ============================================================================= */
+
+[data-style='rokkit'] [data-select-arrow] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-arrow],[data-mode="dark"] [data-style="rokkit"] [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow],[data-mode="dark"] [data-style="rokkit"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Tags (MultiSelect)
+   ============================================================================= */
+
+[data-style='rokkit'] [data-select-tag] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-tag],[data-mode="dark"] [data-style="rokkit"] [data-select-tag]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-tag-remove] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-tag-remove],[data-mode="dark"] [data-style="rokkit"] [data-select-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-tag-remove]:hover {
+  --un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-tag-remove]:hover,[data-mode="dark"] [data-style="rokkit"] [data-select-tag-remove]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+/* =============================================================================
+   Dropdown Panel
+   ============================================================================= */
+
+[data-style='rokkit'] [data-select-dropdown] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="rokkit"] [data-select-dropdown],[data-mode="dark"] [data-style="rokkit"] [data-select-dropdown]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-900),1) var(--un-gradient-to-position);}
+
+/* =============================================================================
+   Options
+   ============================================================================= */
+
+[data-style='rokkit'] [data-select-option] {
+  border-width:0px;border-color:transparent;border-radius:0;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option],[data-mode="dark"] [data-style="rokkit"] [data-select-option]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+/* Hover and focus */
+[data-style='rokkit'] [data-select-option]:hover:not(:disabled),
+[data-style='rokkit'] [data-select-option]:focus:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+}[data-mode="dark"][data-style="rokkit"] [data-select-option]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-select-option]:hover:not(:disabled),[data-mode="dark"][data-style="rokkit"] [data-select-option]:focus:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-select-option]:focus:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+/* Selected state — muted when dropdown not focused */
+[data-style='rokkit'] [data-select-option][data-selected='true'] {
+  border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"],[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+/* Selected state — full gradient when dropdown has focus */
+[data-style='rokkit']
+  [data-select-dropdown]:focus-within
+  [data-select-option][data-selected='true'] {
+  border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"],[data-mode="dark"] [data-style="rokkit"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+/* Selected + hover */
+[data-style='rokkit'] [data-select-option][data-selected='true']:hover:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"]:hover:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-700),1) var(--un-gradient-to-position);}
+
+/* Check mark */
+[data-style='rokkit'] [data-select-check] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-check],[data-mode="dark"] [data-style="rokkit"] [data-select-check]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+/* Checkbox */
+[data-style='rokkit'] [data-select-checkbox] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-select-checkbox],[data-mode="dark"] [data-style="rokkit"] [data-select-checkbox]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-900),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit'] [data-select-checkbox][data-checked='true'] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-checkbox][data-checked="true"],[data-mode="dark"] [data-style="rokkit"] [data-select-checkbox][data-checked="true"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-500),1) var(--un-gradient-to-position);}
+
+/* Item elements */
+[data-style='rokkit'] [data-select-option] [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-select-option] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-option]:hover:not(:disabled) [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-select-option]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-option][data-selected='true'] [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit']
+  [data-select-dropdown]:focus-within
+  [data-select-option][data-selected='true']
+  [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-option] [data-item-description] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-select-option] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-option][data-selected='true'] [data-item-description] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-option] [data-item-badge] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-select-option] [data-item-badge]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-option][data-selected='true'] [data-item-badge] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-badge]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
+
+/* =============================================================================
+   Groups
+   ============================================================================= */
+
+[data-style='rokkit'] [data-select-group-label] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-group-label],[data-mode="dark"] [data-style="rokkit"] [data-select-group-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* =============================================================================
+   Divider
+   ============================================================================= */
+
+[data-style='rokkit'] [data-select-divider] {
+  --un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}
+
+/* =============================================================================
+   Filter Input
+   ============================================================================= */
+
+[data-style='rokkit'] [data-select-filter] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-filter],[data-mode="dark"] [data-style="rokkit"] [data-select-filter]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-select-filter-input] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-filter-input],[data-mode="dark"] [data-style="rokkit"] [data-select-filter-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-filter-input]:focus {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-filter-input]:focus,[data-mode="dark"] [data-style="rokkit"] [data-select-filter-input]:focus{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
+
+[data-style='rokkit'] [data-select-filter-input]::placeholder {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-filter-input]::placeholder,[data-mode="dark"] [data-style="rokkit"] [data-select-filter-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-select-empty] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-select-empty],[data-mode="dark"] [data-style="rokkit"] [data-select-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/**
+ * Menu - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Menu Trigger
+   ============================================================================= */
+
+[data-style='rokkit'] [data-menu-trigger] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-trigger],[data-mode="dark"] [data-style="rokkit"] [data-menu-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-menu-trigger]:hover:not(:disabled) {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-menu-trigger]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-menu-trigger]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;
+}
+
+[data-style='rokkit'] [data-menu][data-open='true'] [data-menu-trigger] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-menu][data-open="true"] [data-menu-trigger],[data-mode="dark"] [data-style="rokkit"] [data-menu][data-open="true"] [data-menu-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);}
+
+/* Trigger elements */
+[data-style='rokkit'] [data-menu-trigger] [data-menu-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-trigger] [data-menu-icon],[data-mode="dark"] [data-style="rokkit"] [data-menu-trigger] [data-menu-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon],[data-mode="dark"] [data-style="rokkit"] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-menu-trigger] [data-menu-arrow] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-trigger] [data-menu-arrow],[data-mode="dark"] [data-style="rokkit"] [data-menu-trigger] [data-menu-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* =============================================================================
+   Menu Dropdown
+   ============================================================================= */
+
+[data-style='rokkit'] [data-menu-dropdown] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="rokkit"] [data-menu-dropdown],[data-mode="dark"] [data-style="rokkit"] [data-menu-dropdown]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-900),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit'] [data-menu-dropdown]:focus-within {
+  outline:2px solid transparent;outline-offset:2px;
+}
+
+/* =============================================================================
+   Menu Items
+   ============================================================================= */
+
+[data-style='rokkit'] [data-menu-item] {
+  border-width:0px;border-color:transparent;border-radius:0;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-item],[data-mode="dark"] [data-style="rokkit"] [data-menu-item]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-menu-item]:hover:not(:disabled):not([data-disabled='true']),
+[data-style='rokkit'] [data-menu-item]:focus:not(:disabled):not([data-disabled='true']) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+}[data-mode="dark"][data-style="rokkit"] [data-menu-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-menu-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="rokkit"] [data-menu-item]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-menu-item]:focus:not(:disabled):not([data-disabled="true"]){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+/* Item elements */
+[data-style='rokkit'] [data-menu-item] [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-item] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-menu-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-menu-item]:hover:not(:disabled) [data-item-icon],
+[data-style='rokkit'] [data-menu-item]:focus:not(:disabled) [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-menu-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"][data-style="rokkit"] [data-menu-item]:focus:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-menu-item]:focus:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-menu-item] [data-item-description] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-item] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-menu-item] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* =============================================================================
+   Groups
+   ============================================================================= */
+
+[data-style='rokkit'] [data-menu-group] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-menu-group],[data-mode="dark"] [data-style="rokkit"] [data-menu-group]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* =============================================================================
+   Divider
+   ============================================================================= */
+
+[data-style='rokkit'] [data-menu-separator] {
+  --un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}
+
+/**
+ * FloatingAction - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   FAB Trigger Button
+   ============================================================================= */
+
+[data-style='rokkit'] [data-fab-trigger] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-fab-trigger],[data-mode="dark"] [data-style="rokkit"] [data-fab-trigger]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit'] [data-fab-trigger]:hover:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-500),var(--un-ring-opacity));
+  transform: scale(1.05);
+}
+
+[data-style='rokkit'] [data-fab-trigger]:focus-visible {
+  --un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);outline:2px solid transparent;outline-offset:2px;--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}
+
+[data-style='rokkit'] [data-fab][data-open='true'] [data-fab-trigger] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-400),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-surface-500),var(--un-ring-opacity));
+  transform: rotate(45deg);
+}[data-mode="dark"][data-style="rokkit"] [data-fab][data-open="true"] [data-fab-trigger],[data-mode="dark"] [data-style="rokkit"] [data-fab][data-open="true"] [data-fab-trigger]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-600),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-surface-500),var(--un-ring-opacity));}
+
+[data-style='rokkit'] [data-fab][data-open='true'] [data-fab-trigger]:hover:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-400),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+  transform: rotate(45deg) scale(1.05);
+}[data-mode="dark"][data-style="rokkit"] [data-fab][data-open="true"] [data-fab-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-fab][data-open="true"] [data-fab-trigger]:hover:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-600),1) var(--un-gradient-to-position);}
+
+/* =============================================================================
+   FAB Items
+   ============================================================================= */
+
+[data-style='rokkit'] [data-fab-item] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-100),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-50),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-surface-200),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-fab-item],[data-mode="dark"] [data-style="rokkit"] [data-fab-item]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-900),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-950),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-surface-800),var(--un-ring-opacity));}
+
+[data-style='rokkit'] [data-fab-item]:hover:not(:disabled) {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-surface-300),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-fab-item]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-fab-item]:hover:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-900),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-surface-700),var(--un-ring-opacity));}
+
+[data-style='rokkit'] [data-fab-item]:focus-visible {
+  --un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}
+
+/* Item icon */
+[data-style='rokkit'] [data-fab-item] [data-fab-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-fab-item] [data-fab-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-fab-item] [data-fab-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Backdrop
+   ============================================================================= */
+
+[data-style='rokkit'] [data-fab-backdrop] {
+  background: rgba(0, 0, 0, 0.4);
+}
+
+/* Rokkit Theme - Form field and input styles */
+
+/* Field root: text color, spacing, rounded */
+[data-style='rokkit'] [data-field-root] {
+  gap:0.25rem;border-radius:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
+}[data-mode="dark"][data-style="rokkit"] [data-field-root],[data-mode="dark"] [data-style="rokkit"] [data-field-root]{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+/* Disabled state */
+[data-style='rokkit'] [data-field-root][data-field-disabled] [data-input-root] {
+  cursor:not-allowed;--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-field-root][data-field-disabled] [data-input-root],[data-mode="dark"] [data-style="rokkit"] [data-field-root][data-field-disabled] [data-input-root]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+/* Labels */
+[data-style='rokkit'] [data-field] > label {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-field]>label,[data-mode="dark"] [data-style="rokkit"] [data-field]>label{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-form-root] label {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-form-root] label,[data-mode="dark"] [data-style="rokkit"] [data-form-root] label{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+/* Info field value */
+[data-style='rokkit'] [data-field-info] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));font-weight:500;
+}[data-mode="dark"][data-style="rokkit"] [data-field-info],[data-mode="dark"] [data-style="rokkit"] [data-field-info]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+/* Separator */
+[data-style='rokkit'] [data-form-separator] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-200),var(--un-border-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-form-separator],[data-mode="dark"] [data-style="rokkit"] [data-form-separator]{--un-border-opacity:1;border-color:rgba(var(--color-surface-800),var(--un-border-opacity));}
+
+/* Input root: gradient border wrapper */
+[data-style='rokkit'] [data-input-root] {
+  display:flex;align-items:center;border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));padding:1px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
+}[data-mode="dark"][data-style="rokkit"] [data-input-root],[data-mode="dark"] [data-style="rokkit"] [data-input-root]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-input-root]:focus-within {
+  border-color:transparent;--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}
+
+/* Standard inputs inside wrapper */
+[data-style='rokkit']
+  [data-input-root]
+  input:not([type='checkbox'], [type='radio'], [type='color']),
+[data-style='rokkit'] [data-input-root] select {
+  border-radius:0.375rem;border-style:none;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+  font-size: 0.875rem;
+  height: 2.25rem;
+}[data-mode="dark"][data-style="rokkit"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"] [data-style="rokkit"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"][data-style="rokkit"] [data-input-root] select,[data-mode="dark"] [data-style="rokkit"] [data-input-root] select{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}[data-style="rokkit"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]):focus,[data-style="rokkit"] [data-input-root] select:focus{outline:2px solid transparent;outline-offset:2px;}
+
+[data-style='rokkit'] [data-input-root] textarea {
+  border-radius:0.375rem;border-style:none;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+  font-size: 0.875rem;
+}[data-mode="dark"][data-style="rokkit"] [data-input-root] textarea,[data-mode="dark"] [data-style="rokkit"] [data-input-root] textarea{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}[data-style="rokkit"] [data-input-root] textarea:focus{outline:2px solid transparent;outline-offset:2px;}
+
+/* Select inside input-root: remove trigger styles since input-root provides the border */
+[data-style='rokkit'] [data-input-root] [data-select-trigger] {
+  border-radius:0.375rem;border-style:none;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+  background-image: none;
+}[data-mode="dark"][data-style="rokkit"] [data-input-root] [data-select-trigger],[data-mode="dark"] [data-style="rokkit"] [data-input-root] [data-select-trigger]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}[data-style="rokkit"] [data-input-root] [data-select-trigger]:focus{outline:2px solid transparent;outline-offset:2px;}
+
+/* Suppress standalone select open-state ring/border when inside input-root */
+[data-style='rokkit'] [data-input-root] [data-select][data-open='true'] [data-select-trigger] {
+  border-style:none;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}
+
+[data-style='rokkit'] [data-input-root] input::placeholder,
+[data-style='rokkit'] [data-input-root] textarea::placeholder {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-input-root] input::placeholder,[data-mode="dark"] [data-style="rokkit"] [data-input-root] input::placeholder,[data-mode="dark"][data-style="rokkit"] [data-input-root] textarea::placeholder,[data-mode="dark"] [data-style="rokkit"] [data-input-root] textarea::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* Checkbox field */
+[data-style='rokkit'] [data-field-type='checkbox'] [data-field] {
+  display:flex;align-items:center;line-height:2;
+}
+
+/* Checkbox icon: theme-colored */
+[data-style='rokkit'] [data-checkbox-icon] {
+  cursor:pointer;border-radius:0.25rem;font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
+}[data-mode="dark"][data-style="rokkit"] [data-checkbox-icon],[data-mode="dark"] [data-style="rokkit"] [data-checkbox-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-checkbox-icon]:focus-visible {
+  outline-width:2px;--un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-400),var(--un-outline-color-opacity));outline-offset:2px;
+}[data-mode="dark"][data-style="rokkit"] [data-checkbox-icon]:focus-visible,[data-mode="dark"] [data-style="rokkit"] [data-checkbox-icon]:focus-visible{--un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-600),var(--un-outline-color-opacity));}
+
+[data-style='rokkit']
+  [data-checkbox-root][data-variant='custom']:has(input:checked)
+  [data-checkbox-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-checkbox-root][data-variant="custom"]:has(input:checked) [data-checkbox-icon],[data-mode="dark"] [data-style="rokkit"] [data-checkbox-root][data-variant="custom"]:has(input:checked) [data-checkbox-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-field] textarea {
+  min-height:5rem;padding-top:0.5rem;padding-bottom:0.5rem;
+}
+
+/* Color input */
+[data-style='rokkit'] [data-field-type='color'] [data-input-root] {
+  overflow:hidden;
+}
+
+[data-style='rokkit'] [data-field-type='color'] input[type='color'] {
+  min-height:2.75rem;display:flex;flex:1 1 0%;border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-field-type="color"] input[type="color"],[data-mode="dark"] [data-style="rokkit"] [data-field-type="color"] input[type="color"]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}[data-style="rokkit"] [data-field-type="color"] input[type="color"]:focus{outline:2px solid transparent;outline-offset:2px;}
+
+/* Description and message */
+[data-style='rokkit'] [data-description],
+[data-style='rokkit'] [data-message] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-description],[data-mode="dark"] [data-style="rokkit"] [data-description],[data-mode="dark"][data-style="rokkit"] [data-message],[data-mode="dark"] [data-style="rokkit"] [data-message]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-message] {
+  border-radius:0.375rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;
+}
+
+/* Validation state messages */
+[data-style='rokkit'] [data-field-state='success'] [data-message] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-success),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-success),var(--un-text-opacity));opacity:0.1;
+}
+
+[data-style='rokkit'] [data-field-state='warning'] [data-message] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-warning),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-warning),var(--un-text-opacity));opacity:0.1;
+}
+
+[data-style='rokkit'] [data-field-state='info'] [data-message] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-info),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-info),var(--un-text-opacity));opacity:0.1;
+}
+
+[data-style='rokkit'] [data-field-state='error'] [data-message] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-error),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error),var(--un-text-opacity));opacity:0.1;
+}
+
+[data-style='rokkit'] [data-field-root][data-field-state='fail'] [data-input-root] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-error),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-error),var(--un-text-opacity));opacity:0.1;
+}
+
+/**
+ * Table - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Header
+   ============================================================================= */
+
+[data-style='rokkit'] [data-table-header] th {
+  border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-header] th,[data-mode="dark"] [data-style="rokkit"] [data-table-header] th{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-table-header-cell][data-sortable='true']:hover {
+  --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sortable="true"]:hover,[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sortable="true"]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-table-header-cell][data-sort-order='ascending'],
+[data-style='rokkit'] [data-table-header-cell][data-sort-order='descending'] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sort-order="descending"],[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sort-order="descending"]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-table-sort-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-sort-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-table-header-cell][data-sort-order='ascending'] [data-table-sort-icon],
+[data-style='rokkit']
+  [data-table-header-cell][data-sort-order='descending']
+  [data-table-sort-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sort-order="descending"] [data-table-sort-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sort-order="descending"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+/* =============================================================================
+   Caption
+   ============================================================================= */
+
+[data-style='rokkit'] [data-table-caption] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-caption],[data-mode="dark"] [data-style="rokkit"] [data-table-caption]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Rows
+   ============================================================================= */
+
+[data-style='rokkit'] [data-table-row] {
+  border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-row],[data-mode="dark"] [data-style="rokkit"] [data-table-row]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-table-row]:hover {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-table-row]:hover,[data-mode="dark"] [data-style="rokkit"] [data-table-row]:hover{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);}
+
+[data-style='rokkit'] [data-table-row]:focus {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+}[data-mode="dark"][data-style="rokkit"] [data-table-row]:focus,[data-mode="dark"] [data-style="rokkit"] [data-table-row]:focus{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-table-row][data-selected='true'] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-row][data-selected="true"],[data-mode="dark"] [data-style="rokkit"] [data-table-row][data-selected="true"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+/* =============================================================================
+   Striped
+   ============================================================================= */
+
+[data-style='rokkit'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-striped="true"] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="rokkit"] [data-striped="true"] [data-table-body] tr:nth-child(even){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
+
+/* =============================================================================
+   Empty
+   ============================================================================= */
+
+[data-style='rokkit'] [data-table-empty] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-empty],[data-mode="dark"] [data-style="rokkit"] [data-table-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* =============================================================================
+   Cell Icon
+   ============================================================================= */
+
+[data-style='rokkit'] [data-table-cell] [data-cell-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-cell] [data-cell-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-cell] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-table-row][data-selected='true'] [data-cell-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-table-row][data-selected="true"] [data-cell-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-row][data-selected="true"] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/**
+ * SearchFilter - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Input
+   ============================================================================= */
+
+[data-style='rokkit'] [data-search-input] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-search-input],[data-mode="dark"] [data-style="rokkit"] [data-search-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-search-input]:focus {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-search-input]:focus,[data-mode="dark"] [data-style="rokkit"] [data-search-input]:focus{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
+
+[data-style='rokkit'] [data-search-input]::placeholder {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-search-input]::placeholder,[data-mode="dark"] [data-style="rokkit"] [data-search-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* =============================================================================
+   Clear Button
+   ============================================================================= */
+
+[data-style='rokkit'] [data-search-clear] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-search-clear],[data-mode="dark"] [data-style="rokkit"] [data-search-clear]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-search-clear]:hover {
+  --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-search-clear]:hover,[data-mode="dark"] [data-style="rokkit"] [data-search-clear]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+/* =============================================================================
+   Tags
+   ============================================================================= */
+
+[data-style='rokkit'] [data-search-tag] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-search-tag],[data-mode="dark"] [data-style="rokkit"] [data-search-tag]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-search-tag-remove] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-search-tag-remove],[data-mode="dark"] [data-style="rokkit"] [data-search-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-search-tag-remove]:hover {
+  --un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-search-tag-remove]:hover,[data-mode="dark"] [data-style="rokkit"] [data-search-tag-remove]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+/**
+ * Range - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Track
+   ============================================================================= */
+
+[data-style='rokkit'] [data-range-bar] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-range-bar],[data-mode="dark"] [data-style="rokkit"] [data-range-bar]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-range-selected] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}
+
+/* =============================================================================
+   Thumb
+   ============================================================================= */
+
+[data-style='rokkit'] [data-range-thumb] {
+  --un-border-opacity:1;border-color:rgba(var(--color-secondary),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-secondary),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}
+
+[data-style='rokkit'] [data-range-thumb][data-sliding] {
+  --un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-secondary) 30%, transparent);
+}
+
+[data-style='rokkit'] [data-range-thumb]:focus-visible {
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-secondary) 30%, transparent);
+}
+
+/* =============================================================================
+   Ticks
+   ============================================================================= */
+
+[data-style='rokkit'] [data-range-tick] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-range-tick],[data-mode="dark"] [data-style="rokkit"] [data-range-tick]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-tick-bar] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tick-bar],[data-mode="dark"] [data-style="rokkit"] [data-tick-bar]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));}
+
+[data-style='rokkit'] [data-tick-label] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-tick-label],[data-mode="dark"] [data-style="rokkit"] [data-tick-label]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+/* =============================================================================
+   Disabled
+   ============================================================================= */
+
+[data-style='rokkit'] [data-range][data-disabled] [data-range-thumb] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-range][data-disabled] [data-range-thumb],[data-mode="dark"] [data-style="rokkit"] [data-range][data-disabled] [data-range-thumb]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-range][data-disabled] [data-range-selected] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-range][data-disabled] [data-range-selected],[data-mode="dark"] [data-style="rokkit"] [data-range][data-disabled] [data-range-selected]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
+
+/**
+ * Timeline - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing accents.
+ */
+
+/* =============================================================================
+   Circle
+   ============================================================================= */
+
+[data-style='rokkit'] [data-timeline-circle] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-timeline-circle],[data-mode="dark"] [data-style="rokkit"] [data-timeline-circle]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-timeline-item][data-completed] [data-timeline-circle] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
+}
+
+[data-style='rokkit'] [data-timeline-item][data-active] [data-timeline-circle] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary),var(--un-text-opacity));
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);
+}
+
+/* =============================================================================
+   Connector
+   ============================================================================= */
+
+[data-style='rokkit'] [data-timeline-connector] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-timeline-connector],[data-mode="dark"] [data-style="rokkit"] [data-timeline-connector]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-timeline-item][data-completed] [data-timeline-connector] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));
+}
+
+/* =============================================================================
+   Body
+   ============================================================================= */
+
+[data-style='rokkit'] [data-timeline-title] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-timeline-title],[data-mode="dark"] [data-style="rokkit"] [data-timeline-title]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-timeline-description] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-timeline-description],[data-mode="dark"] [data-style="rokkit"] [data-timeline-description]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+/**
+ * FloatingNavigation - Rokkit Theme Styles
+ *
+ * Rich gradients and glowing borders.
+ */
+
+/* =============================================================================
+   Container
+   ============================================================================= */
+
+[data-style='rokkit'] [data-floating-nav] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-100),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-50),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-surface-300),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-900),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-950),1) var(--un-gradient-to-position);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-surface-700),var(--un-ring-opacity));}
+
+/* =============================================================================
+   Header
+   ============================================================================= */
+
+[data-style='rokkit'] [data-floating-nav-title] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-title],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-title]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-floating-nav-pin] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-pin],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-pin]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-floating-nav-pin]:hover {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-pin]:hover,[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-pin]:hover{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-floating-nav-pin][aria-pressed='true'] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-pin][aria-pressed="true"],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-pin][aria-pressed="true"]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Items
+   ============================================================================= */
+
+[data-style='rokkit'] [data-floating-nav-item] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-item],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-item]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-floating-nav-item]:hover {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-950),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-item]:hover,[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-item]:hover{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-surface-900),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-floating-nav-item][data-active] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),0.1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-500),0.05) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-item][data-active],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-item][data-active]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),0.1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-500),0.05) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-floating-nav-item]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
+}
+
+/* Icon */
+[data-style='rokkit'] [data-floating-nav-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-icon],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-floating-nav-item]:hover [data-floating-nav-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-item]:hover [data-floating-nav-icon],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-item]:hover [data-floating-nav-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-floating-nav-item][data-active] [data-floating-nav-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-item][data-active] [data-floating-nav-icon],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-item][data-active] [data-floating-nav-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/* Label */
+[data-style='rokkit'] [data-floating-nav-label] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-label],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-label]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-floating-nav-item][data-active] [data-floating-nav-label] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));font-weight:500;
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-item][data-active] [data-floating-nav-label],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-item][data-active] [data-floating-nav-label]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Active Indicator
+   ============================================================================= */
+
+[data-style='rokkit'] [data-floating-nav-indicator] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-600),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="rokkit"] [data-floating-nav-indicator],[data-mode="dark"] [data-style="rokkit"] [data-floating-nav-indicator]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-primary-400),1) var(--un-gradient-to-position);}
+
+/**
+ * Grid - Rokkit Theme Styles
+ *
+ * Tile borders, hover/focus effects, selection highlight.
+ */
+
+/* =============================================================================
+   Grid Tiles
+   ============================================================================= */
+
+[data-style='rokkit'] [data-grid] [data-grid-item] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-grid] [data-grid-item],[data-mode="dark"] [data-style="rokkit"] [data-grid] [data-grid-item]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-grid] [data-grid-item]:hover:not(:disabled):not([data-disabled]) {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-grid] [data-grid-item]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="rokkit"] [data-grid] [data-grid-item]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]) {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+}[data-mode="dark"][data-style="rokkit"] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="rokkit"] [data-grid] [data-grid-item]:focus:not(:disabled):not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+/* Active / selected tile */
+[data-style='rokkit'] [data-grid] [data-grid-item][data-active] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-grid] [data-grid-item][data-active],[data-mode="dark"] [data-style="rokkit"] [data-grid] [data-grid-item][data-active]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-grid] [data-grid-item][data-active]:hover:not(:disabled) {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-grid] [data-grid-item][data-active]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-grid] [data-grid-item][data-active]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
+
+/* =============================================================================
+   Item Elements
+   ============================================================================= */
+
+[data-style='rokkit'] [data-grid] [data-grid-item] [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-grid] [data-grid-item] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-grid] [data-grid-item] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-grid] [data-grid-item]:hover:not(:disabled) [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-grid] [data-grid-item]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-grid] [data-grid-item]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-grid] [data-grid-item][data-active] [data-item-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-grid] [data-grid-item][data-active] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-grid] [data-grid-item][data-active] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+/**
+ * UploadTarget - Rokkit Theme Styles
+ *
+ * Colors, drag-over highlight, hover/focus rings.
+ */
+
+/* =============================================================================
+   Drop Zone
+   ============================================================================= */
+
+[data-style='rokkit'] [data-upload-target] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-target],[data-mode="dark"] [data-style="rokkit"] [data-upload-target]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-target]:hover:not([data-disabled]) {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-target]:hover:not([data-disabled]),[data-mode="dark"] [data-style="rokkit"] [data-upload-target]:hover:not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-target]:focus-visible:not([data-disabled]) {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-300),var(--un-ring-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-target]:focus-visible:not([data-disabled]),[data-mode="dark"] [data-style="rokkit"] [data-upload-target]:focus-visible:not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-700),var(--un-ring-opacity));}
+
+/* Drag-over highlight */
+[data-style='rokkit'] [data-upload-target][data-dragging] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-target][data-dragging],[data-mode="dark"] [data-style="rokkit"] [data-upload-target][data-dragging]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+
+/* =============================================================================
+   Upload Icon
+   ============================================================================= */
+
+[data-style='rokkit'] [data-upload-target] [data-upload-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-target] [data-upload-icon],[data-mode="dark"] [data-style="rokkit"] [data-upload-target] [data-upload-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-target][data-dragging] [data-upload-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-target][data-dragging] [data-upload-icon],[data-mode="dark"] [data-style="rokkit"] [data-upload-target][data-dragging] [data-upload-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+/* =============================================================================
+   Browse Button
+   ============================================================================= */
+
+[data-style='rokkit'] [data-upload-target] [data-upload-button] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-target] [data-upload-button],[data-mode="dark"] [data-style="rokkit"] [data-upload-target] [data-upload-button]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-target] [data-upload-button]:hover:not(:disabled) {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-target] [data-upload-button]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-upload-target] [data-upload-button]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+/**
+ * UploadProgress - Rokkit Theme Styles
+ *
+ * Status colors, progress fill, action buttons.
+ */
+
+/* =============================================================================
+   Header
+   ============================================================================= */
+
+[data-style='rokkit'] [data-upload-header] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-header],[data-mode="dark"] [data-style="rokkit"] [data-upload-header]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-clear] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-clear],[data-mode="dark"] [data-style="rokkit"] [data-upload-clear]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-clear]:hover {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-clear]:hover,[data-mode="dark"] [data-style="rokkit"] [data-upload-clear]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+/* =============================================================================
+   File Rows
+   ============================================================================= */
+
+[data-style='rokkit'] [data-upload-file-status] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-file-status],[data-mode="dark"] [data-style="rokkit"] [data-upload-file-status]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-file-status]:hover {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-file-status]:hover,[data-mode="dark"] [data-style="rokkit"] [data-upload-file-status]:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
+
+/* =============================================================================
+   File Elements
+   ============================================================================= */
+
+[data-style='rokkit'] [data-upload-file-icon] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-file-icon],[data-mode="dark"] [data-style="rokkit"] [data-upload-file-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-file-size] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-file-size],[data-mode="dark"] [data-style="rokkit"] [data-upload-file-size]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* =============================================================================
+   Progress Bar
+   ============================================================================= */
+
+[data-style='rokkit'] [data-upload-bar] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-bar],[data-mode="dark"] [data-style="rokkit"] [data-upload-bar]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
+
+[data-style='rokkit'] [data-upload-fill] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-fill],[data-mode="dark"] [data-style="rokkit"] [data-upload-fill]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-500),1) var(--un-gradient-to-position);}
+
+/* =============================================================================
+   Status Colors
+   ============================================================================= */
+
+[data-style='rokkit'] [data-upload-file-status][data-status='uploading'] [data-upload-status] {
+  --un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-file-status][data-status="uploading"] [data-upload-status],[data-mode="dark"] [data-style="rokkit"] [data-upload-file-status][data-status="uploading"] [data-upload-status]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-file-status][data-status='done'] [data-upload-status] {
+  --un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity));
+}
+
+[data-style='rokkit'] [data-upload-file-status][data-status='error'] [data-upload-status] {
+  --un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));
+}
+
+[data-style='rokkit'] [data-upload-file-status][data-status='pending'] [data-upload-status] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-file-status][data-status="pending"] [data-upload-status],[data-mode="dark"] [data-style="rokkit"] [data-upload-file-status][data-status="pending"] [data-upload-status]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/* Status-based file icon tinting */
+[data-style='rokkit'] [data-upload-file-status][data-status='done'] [data-upload-file-icon] {
+  --un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity));
+}
+
+[data-style='rokkit'] [data-upload-file-status][data-status='error'] [data-upload-file-icon] {
+  --un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));
+}
+
+/* =============================================================================
+   Action Buttons
+   ============================================================================= */
+
+[data-style='rokkit'] [data-upload-actions] button {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-actions] button,[data-mode="dark"] [data-style="rokkit"] [data-upload-actions] button{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-actions] button:hover {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-actions] button:hover,[data-mode="dark"] [data-style="rokkit"] [data-upload-actions] button:hover{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+
+[data-style='rokkit'] [data-upload-file-status][data-status='error'] [data-upload-retry]:hover {
+  --un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
+}[data-mode="dark"][data-style="rokkit"] [data-upload-file-status][data-status="error"] [data-upload-retry]:hover,[data-mode="dark"] [data-style="rokkit"] [data-upload-file-status][data-status="error"] [data-upload-retry]:hover{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
+