arekui 1.0.0

package/arekui.js

@@ -0,0 +1,450 @@
+/*!
+ * Arekui v1.0.0 — optional vanilla JS (no dependencies).
+ * data-ar-* driven behaviors: theme toggle, modal, drawer, tabs, dropdown, accordion, toast, rating, popover, file upload, scroll-to-top.
+ */
+(() => {
+  var STORAGE_KEY = "arekui-theme";
+
+  var THEMES_LIGHT_DARK = ["light", "dark"];
+  var THEMES_DEFAULT_NEO = ["light", "neo"];
+
+  function getTheme() {
+    return document.documentElement.getAttribute("data-theme");
+  }
+
+  function setTheme(theme) {
+    document.documentElement.setAttribute("data-theme", theme);
+    document.documentElement.classList.toggle("dark", theme === "dark");
+  }
+
+  function initTheme() {
+    var stored = localStorage.getItem(STORAGE_KEY);
+    var allThemes = THEMES_LIGHT_DARK.concat(THEMES_DEFAULT_NEO);
+    if (stored && allThemes.indexOf(stored) !== -1) {
+      setTheme(stored);
+    } else {
+      var prefersDark = window.matchMedia(
+        "(prefers-color-scheme: dark)",
+      ).matches;
+      setTheme(prefersDark ? "dark" : "light");
+    }
+  }
+
+  function syncToggles() {
+    var current = getTheme();
+    document.querySelectorAll("[data-ar-theme-toggle]").forEach((el) => {
+      if (el.matches('input[type="checkbox"]')) {
+        el.checked = current === "dark";
+      } else {
+        el.setAttribute("aria-pressed", String(current === "dark"));
+      }
+    });
+    document.querySelectorAll("[data-ar-neo-toggle]").forEach((el) => {
+      var isNeo = current === "neo";
+      if (el.matches('input[type="checkbox"]')) {
+        el.checked = isNeo;
+      } else {
+        el.setAttribute("aria-pressed", String(isNeo));
+        el.textContent = isNeo ? "Default" : "Neo";
+      }
+    });
+  }
+
+  function initThemeToggle() {
+    document.addEventListener("click", (e) => {
+      var toggle = e.target.closest("[data-ar-theme-toggle]");
+      if (!toggle) return;
+      var current = getTheme() || "light";
+      var idx = THEMES_LIGHT_DARK.indexOf(current);
+      var next = THEMES_LIGHT_DARK[(idx + 1) % THEMES_LIGHT_DARK.length];
+      setTheme(next);
+      localStorage.setItem(STORAGE_KEY, next);
+      syncToggles();
+    });
+  }
+
+  function initNeoToggle() {
+    document.addEventListener("click", (e) => {
+      var toggle = e.target.closest("[data-ar-neo-toggle]");
+      if (!toggle) return;
+      var current = getTheme() || "light";
+      var idx = THEMES_DEFAULT_NEO.indexOf(current);
+      var next = THEMES_DEFAULT_NEO[(idx + 1) % THEMES_DEFAULT_NEO.length];
+      setTheme(next);
+      localStorage.setItem(STORAGE_KEY, next);
+      syncToggles();
+    });
+  }
+
+  function initModals() {
+    document.querySelectorAll("[data-ar-open]").forEach((opener) => {
+      opener.addEventListener("click", (e) => {
+        e.preventDefault();
+        var target = document.getElementById(
+          opener.getAttribute("data-ar-open"),
+        );
+        if (target && typeof target.showModal === "function")
+          target.showModal();
+      });
+    });
+    document.querySelectorAll("[data-ar-close]").forEach((closer) => {
+      closer.addEventListener("click", () => {
+        var modal = closer.closest("dialog");
+        if (modal && typeof modal.close === "function") modal.close();
+      });
+    });
+    document
+      .querySelectorAll("dialog[data-ar-backdrop-close]")
+      .forEach((modal) => {
+        modal.addEventListener("click", (e) => {
+          if (e.target === modal) modal.close();
+        });
+      });
+  }
+
+  function initDrawers() {
+    document.querySelectorAll("[data-ar-drawer-toggle]").forEach((btn) => {
+      btn.addEventListener("click", () => {
+        var id = btn.getAttribute("data-ar-drawer-toggle");
+        var checkbox = document.getElementById(id);
+        if (checkbox) checkbox.checked = !checkbox.checked;
+      });
+    });
+  }
+
+  function initTabs() {
+    document.querySelectorAll("[data-ar-tab]").forEach((tab) => {
+      tab.addEventListener("click", () => {
+        var group = tab.closest(".ar-tabs");
+        if (!group) return;
+        group.querySelectorAll("[data-ar-tab]").forEach((t) => {
+          t.classList.remove("ar-tab-active");
+        });
+        tab.classList.add("ar-tab-active");
+        var panelId = tab.getAttribute("data-ar-tab");
+        var groupPanel = group.getAttribute("data-ar-tabs-panel");
+        if (groupPanel) {
+          document.querySelectorAll("[" + groupPanel + "]").forEach((p) => {
+            p.style.display = p.id === panelId ? "" : "none";
+          });
+        }
+      });
+    });
+  }
+
+  function closeDropdown(dropdown) {
+    dropdown.classList.remove("ar-dropdown-open");
+    var trigger = dropdown.querySelector(":scope > button, :scope > a");
+    if (trigger) trigger.blur();
+  }
+
+  function initDropdowns() {
+    document.querySelectorAll(".ar-dropdown").forEach((dropdown) => {
+      var content = dropdown.querySelector(".ar-dropdown-content");
+      if (!content) return;
+
+      dropdown.addEventListener("click", (e) => {
+        if (content.contains(e.target)) {
+          closeDropdown(dropdown);
+          return;
+        }
+        if (dropdown.classList.contains("ar-dropdown-open")) {
+          closeDropdown(dropdown);
+        } else {
+          dropdown.classList.add("ar-dropdown-open");
+        }
+      });
+    });
+
+    document.addEventListener("click", (e) => {
+      document
+        .querySelectorAll(".ar-dropdown.ar-dropdown-open")
+        .forEach((dd) => {
+          if (!dd.contains(e.target)) dd.classList.remove("ar-dropdown-open");
+        });
+    });
+
+    document.addEventListener("keydown", (e) => {
+      if (e.key === "Escape") {
+        document
+          .querySelectorAll(".ar-dropdown.ar-dropdown-open")
+          .forEach(closeDropdown);
+      }
+    });
+  }
+
+  function initAccordion() {
+    document.querySelectorAll(".ar-accordion details").forEach((d) => {
+      var first = d.querySelector("summary");
+      if (first)
+        first.addEventListener("click", () => {
+          if (d.getAttribute("data-ar-exclusive") !== null) return;
+          var parent = d.closest(".ar-accordion");
+          if (!parent) return;
+          parent.querySelectorAll("details[open]").forEach((other) => {
+            if (other !== d) other.removeAttribute("open");
+          });
+        });
+    });
+  }
+
+  var toastContainers = {};
+
+  function getToastContainer(position) {
+    if (toastContainers[position]) return toastContainers[position];
+    var container = document.createElement("div");
+    container.className = "ar-toast-container";
+    container.setAttribute("data-ar-toast-position", position);
+    document.body.appendChild(container);
+    toastContainers[position] = container;
+    return container;
+  }
+
+  function toast(message, options) {
+    var opts = options || {};
+    var type = opts.type || "";
+    var duration = typeof opts.duration === "number" ? opts.duration : 4000;
+    var position = opts.position || "top-right";
+    var closable = opts.closable !== false;
+    var icon = opts.icon || null;
+
+    var container = getToastContainer(position);
+    var el = document.createElement("div");
+    el.className = "ar-toast" + (type ? " ar-toast-" + type : "");
+    el.style.position = "relative";
+
+    if (icon) {
+      var iconEl = document.createElement("span");
+      iconEl.className = "ar-toast-icon";
+      iconEl.textContent = icon;
+      el.appendChild(iconEl);
+    }
+
+    var msgEl = document.createElement("span");
+    msgEl.className = "ar-toast-message";
+    msgEl.textContent = message;
+    el.appendChild(msgEl);
+
+    if (closable) {
+      var closeBtn = document.createElement("button");
+      closeBtn.className = "ar-toast-close";
+      closeBtn.textContent = "\u2715";
+      closeBtn.setAttribute("aria-label", "Close");
+      closeBtn.addEventListener("click", () => {
+        dismissToast(el);
+      });
+      el.appendChild(closeBtn);
+    }
+
+    if (duration > 0) {
+      var progress = document.createElement("div");
+      progress.className = "ar-toast-progress";
+      progress.style.animationDuration = duration + "ms";
+      el.appendChild(progress);
+    }
+
+    container.appendChild(el);
+
+    var timer;
+    if (duration > 0) {
+      timer = setTimeout(() => {
+        dismissToast(el);
+      }, duration);
+    }
+
+    el.addEventListener("mouseenter", () => {
+      if (timer) clearTimeout(timer);
+      if (el.querySelector(".ar-toast-progress")) {
+        el.querySelector(".ar-toast-progress").style.animationPlayState =
+          "paused";
+      }
+    });
+    el.addEventListener("mouseleave", () => {
+      if (duration > 0) {
+        var remaining = duration * 0.3;
+        timer = setTimeout(() => {
+          dismissToast(el);
+        }, remaining);
+        if (el.querySelector(".ar-toast-progress")) {
+          el.querySelector(".ar-toast-progress").style.animationPlayState =
+            "running";
+        }
+      }
+    });
+
+    return el;
+  }
+
+  function dismissToast(el) {
+    if (el.classList.contains("ar-toast-out")) return;
+    el.classList.add("ar-toast-out");
+    el.addEventListener("animationend", () => {
+      el.remove();
+    });
+  }
+
+  function initRatings() {
+    document.querySelectorAll("[data-ar-rating]").forEach((group) => {
+      var inputs = group.querySelectorAll("input");
+      inputs.forEach((input) => {
+        input.addEventListener("change", () => {
+          var event = new CustomEvent("ar-rating-change", {
+            detail: { value: Number(input.value) },
+            bubbles: true,
+          });
+          group.dispatchEvent(event);
+        });
+      });
+    });
+  }
+
+  function getRating(container) {
+    var checked = container.querySelector("input:checked");
+    return checked ? Number(checked.value) : 0;
+  }
+
+  function setRating(container, value) {
+    var input = container.querySelector('input[value="' + value + '"]');
+    if (input) {
+      input.checked = true;
+      input.dispatchEvent(new Event("change"));
+    }
+  }
+
+  function initPopovers() {
+    // Click toggle
+    document.addEventListener("click", (e) => {
+      var trigger = e.target.closest("[data-ar-popover]");
+      if (trigger) {
+        e.preventDefault();
+        var id = trigger.getAttribute("data-ar-popover");
+        var popover = id
+          ? document.getElementById(id)
+          : trigger.querySelector(".ar-popover-content");
+        if (!popover) return;
+        var wrapper =
+          popover.closest(".ar-popover") || trigger.closest(".ar-popover");
+        if (!wrapper) return;
+        document.querySelectorAll(".ar-popover-open").forEach((p) => {
+          if (p !== wrapper) p.classList.remove("ar-popover-open");
+        });
+        wrapper.classList.toggle("ar-popover-open");
+        return;
+      }
+      if (!e.target.closest(".ar-popover")) {
+        document.querySelectorAll(".ar-popover-open").forEach((p) => {
+          p.classList.remove("ar-popover-open");
+        });
+      }
+    });
+    document.addEventListener("keydown", (e) => {
+      if (e.key === "Escape") {
+        document.querySelectorAll(".ar-popover-open").forEach((p) => {
+          p.classList.remove("ar-popover-open");
+        });
+      }
+    });
+  }
+
+  function openPopover(id) {
+    var el = document.getElementById(id);
+    if (el) {
+      var wrapper = el.closest(".ar-popover");
+      if (wrapper) wrapper.classList.add("ar-popover-open");
+    }
+  }
+
+  function closePopover(id) {
+    var el = document.getElementById(id);
+    if (el) {
+      var wrapper = el.closest(".ar-popover");
+      if (wrapper) wrapper.classList.remove("ar-popover-open");
+    }
+  }
+
+  function initFileUploads() {
+    document.querySelectorAll(".ar-file-upload").forEach((zone) => {
+      var input = zone.querySelector('input[type="file"]');
+      if (!input) return;
+      ["dragenter", "dragover"].forEach((evt) => {
+        zone.addEventListener(evt, (e) => {
+          e.preventDefault();
+          zone.classList.add("ar-file-upload-dragover");
+        });
+      });
+      ["dragleave", "drop"].forEach((evt) => {
+        zone.addEventListener(evt, (e) => {
+          e.preventDefault();
+          zone.classList.remove("ar-file-upload-dragover");
+        });
+      });
+      input.addEventListener("change", () => {
+        var event = new CustomEvent("ar-file-change", {
+          detail: { files: input.files },
+          bubbles: true,
+        });
+        zone.dispatchEvent(event);
+      });
+    });
+  }
+
+  function initScrollTop() {
+    var btns = document.querySelectorAll("[data-ar-scroll-top]");
+    if (!btns.length) return;
+
+    function toggle() {
+      var show = window.scrollY > 300;
+      btns.forEach((btn) => {
+        btn.classList.toggle("ar-scroll-top-visible", show);
+      });
+    }
+
+    window.addEventListener("scroll", toggle, { passive: true });
+    toggle();
+
+    btns.forEach((btn) => {
+      btn.addEventListener("click", () => {
+        window.scrollTo({ top: 0, behavior: "smooth" });
+      });
+    });
+  }
+
+  function init() {
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", ready);
+    } else {
+      ready();
+    }
+  }
+
+  function ready() {
+    if (!getTheme()) initTheme();
+    syncToggles();
+    initThemeToggle();
+    initNeoToggle();
+    initModals();
+    initDrawers();
+    initTabs();
+    initDropdowns();
+    initAccordion();
+    initRatings();
+    initPopovers();
+    initFileUploads();
+    initScrollTop();
+  }
+
+  window.ARStyle = {
+    setTheme: setTheme,
+    getTheme: getTheme,
+    initTheme: initTheme,
+    init: init,
+    toast: toast,
+    dismissToast: dismissToast,
+    getRating: getRating,
+    setRating: setRating,
+    openPopover: openPopover,
+    closePopover: closePopover,
+  };
+
+  init();
+})();

package/dist/arekui.min.css

@@ -0,0 +1 @@
+@layer base{:root{--ar-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ar-font-serif:"IM Fell English", Georgia, "Times New Roman", serif;--ar-font-mono:ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, "Courier New", monospace;--ar-base-font:var(--ar-font-serif);--ar-s-0:0;--ar-s-1:.25rem;--ar-s-2:.5rem;--ar-s-3:.75rem;--ar-s-4:1rem;--ar-s-5:1.25rem;--ar-s-6:1.5rem;--ar-s-8:2rem;--ar-s-10:2.5rem;--ar-s-12:3rem;--ar-s-16:4rem;--ar-s-20:5rem;--ar-radius-field:.25rem;--ar-radius-box:.5rem;--ar-radius-selector:2rem;--ar-radius-pill:9999px;--ar-border-width:1px;--ar-shadow-sm:0 1px 2px 0 #0000000d;--ar-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--ar-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ar-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ar-shadow-2xl:0 25px 50px -12px #00000040;--ar-texture:url(assets/img/grunge-wall-texture-freepick-kues1.webp);--ar-gray-50:#fafafa;--ar-gray-100:#f5f5f5;--ar-gray-200:#e5e5e5;--ar-gray-300:#d4d4d4;--ar-gray-400:#a3a3a3;--ar-gray-500:#737373;--ar-gray-600:#525252;--ar-gray-700:#404040;--ar-gray-800:#262626;--ar-gray-900:#171717;--ar-dark-base-100:oklch(25.33% .016 252.42);--ar-dark-base-200:oklch(23.26% .014 253.1);--ar-dark-base-300:oklch(21.15% .012 254.09);--ar-dark-base-content:oklch(97.807% .029 256.847);--ar-dark-primary:oklch(58% .233 277.117);--ar-dark-primary-content:oklch(96% .018 272.314);--ar-dark-secondary:oklch(65% .241 354.308);--ar-dark-secondary-content:oklch(94% .028 342.258);--ar-dark-accent:oklch(77% .152 181.912);--ar-dark-accent-content:oklch(38% .063 188.416);--ar-dark-neutral:oklch(14% .005 285.823);--ar-dark-neutral-content:oklch(92% .004 286.32);--ar-dark-info:oklch(74% .16 232.661);--ar-dark-info-content:oklch(29% .066 243.157);--ar-dark-success:oklch(76% .177 163.223);--ar-dark-success-content:oklch(37% .077 168.94);--ar-dark-warning:oklch(82% .189 84.429);--ar-dark-warning-content:oklch(41% .112 45.904);--ar-dark-error:oklch(71% .194 13.428);--ar-dark-error-content:oklch(27% .105 12.094);--ar-dark-bg-img-fill:#989fab4d;--ar-dark-desc-grad:linear-gradient(to left, var(--ar-dark-base-200) 50%, #fafafa 50%) right;--ar-dark-arc:#333;--ar-dark-gray-50:#1a1a1a;--ar-dark-gray-100:#262626;--ar-dark-gray-200:#333;--ar-dark-gray-300:#444;--ar-dark-gray-400:#999;--ar-dark-gray-500:#aaa;--ar-dark-gray-600:#bbb;--ar-dark-gray-700:#ccc;--ar-dark-gray-800:#ddd;--ar-dark-gray-900:#eee;--ar-dark-base-content-80:oklch(97.807% .029 256.847/.8);--ar-neo-base-100:#fff;--ar-neo-base-200:#f8f8f8;--ar-neo-base-300:#e8e8e8;--ar-neo-base-content:#1e293b;--ar-neo-base-content-80:#1e293bcc;--ar-neo-primary:#00aeef;--ar-neo-primary-content:#fff;--ar-neo-secondary:#8bc53f;--ar-neo-secondary-content:#fff;--ar-neo-accent:#ffd100;--ar-neo-accent-content:#1e293b;--ar-neo-neutral:#1e293b;--ar-neo-neutral-content:#fff;--ar-neo-info:#00aeef;--ar-neo-info-content:#fff;--ar-neo-success:#8bc53f;--ar-neo-success-content:#fff;--ar-neo-warning:#ffd100;--ar-neo-warning-content:#1e293b;--ar-neo-error:#e4002b;--ar-neo-error-content:#fff;--ar-neo-bg-img-fill:#1e293b;--ar-neo-desc-grad:linear-gradient(to left, #f8f8f8 50%, #1e293b 50%) right;--ar-neo-arc:#fff;--ar-neo-gray-50:#f8f8f8;--ar-neo-gray-100:#f0f0f0;--ar-neo-gray-200:#e0e0e0;--ar-neo-gray-300:#ccc;--ar-neo-gray-400:#999;--ar-neo-gray-500:#777;--ar-neo-gray-600:#555;--ar-neo-gray-700:#333;--ar-neo-gray-800:#222;--ar-neo-gray-900:#111;--ar-neo-border-width:3px;--ar-neo-border-color:#1e293b;--ar-neo-shadow-sm:2px 2px 0px 0px #1e293b;--ar-neo-shadow-md:4px 4px 0px 0px #1e293b;--ar-neo-shadow-lg:6px 6px 0px 0px #1e293b;--ar-neo-shadow-xl:8px 8px 0px 0px #1e293b;--ar-neo-shadow-2xl:12px 12px 0px 0px #1e293b}html[data-theme=light]{color-scheme:light;--ar-base-100:oklch(100% 0 0);--ar-base-200:oklch(97% 0 0);--ar-base-300:oklch(94% 0 0);--ar-base-content:oklch(0% 0 0);--ar-base-content-80:oklch(0% 0 0/.8);--ar-primary:oklch(15.906% 0 0);--ar-primary-content:oklch(100% 0 0);--ar-secondary:oklch(21.455% .001 17.278);--ar-secondary-content:oklch(100% 0 0);--ar-accent:oklch(26.861% 0 0);--ar-accent-content:oklch(100% 0 0);--ar-neutral:oklch(0% 0 0);--ar-neutral-content:oklch(100% 0 0);--ar-info:oklch(79.54% .103 205.9);--ar-info-content:oklch(15.908% .02 205.9);--ar-success:oklch(90.13% .153 164.14);--ar-success-content:oklch(18.026% .03 164.14);--ar-warning:oklch(88.37% .135 79.94);--ar-warning-content:oklch(17.674% .027 79.94);--ar-error:oklch(78.66% .15 28.47);--ar-error-content:oklch(15.732% .03 28.47);--ar-bg-img-fill:transparent;--ar-desc-grad:linear-gradient(to left, var(--ar-base-200) 50%, var(--ar-neutral) 50%) right;--ar-arc:#fafafa}html[data-theme=dark]{color-scheme:dark;--ar-base-100:var(--ar-dark-base-100);--ar-base-200:var(--ar-dark-base-200);--ar-base-300:var(--ar-dark-base-300);--ar-base-content:var(--ar-dark-base-content);--ar-base-content-80:var(--ar-dark-base-content-80);--ar-primary:var(--ar-dark-primary);--ar-primary-content:var(--ar-dark-primary-content);--ar-secondary:var(--ar-dark-secondary);--ar-secondary-content:var(--ar-dark-secondary-content);--ar-accent:var(--ar-dark-accent);--ar-accent-content:var(--ar-dark-accent-content);--ar-neutral:var(--ar-dark-neutral);--ar-neutral-content:var(--ar-dark-neutral-content);--ar-info:var(--ar-dark-info);--ar-info-content:var(--ar-dark-info-content);--ar-success:var(--ar-dark-success);--ar-success-content:var(--ar-dark-success-content);--ar-warning:var(--ar-dark-warning);--ar-warning-content:var(--ar-dark-warning-content);--ar-error:var(--ar-dark-error);--ar-error-content:var(--ar-dark-error-content);--ar-bg-img-fill:var(--ar-dark-bg-img-fill);--ar-desc-grad:var(--ar-dark-desc-grad);--ar-arc:var(--ar-dark-arc);--ar-gray-50:var(--ar-dark-gray-50);--ar-gray-100:var(--ar-dark-gray-100);--ar-gray-200:var(--ar-dark-gray-200);--ar-gray-300:var(--ar-dark-gray-300);--ar-gray-400:var(--ar-dark-gray-400);--ar-gray-500:var(--ar-dark-gray-500);--ar-gray-600:var(--ar-dark-gray-600);--ar-gray-700:var(--ar-dark-gray-700);--ar-gray-800:var(--ar-dark-gray-800);--ar-gray-900:var(--ar-dark-gray-900)}@media (prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark;--ar-base-100:var(--ar-dark-base-100);--ar-base-200:var(--ar-dark-base-200);--ar-base-300:var(--ar-dark-base-300);--ar-base-content:var(--ar-dark-base-content);--ar-base-content-80:var(--ar-dark-base-content-80);--ar-primary:var(--ar-dark-primary);--ar-primary-content:var(--ar-dark-primary-content);--ar-secondary:var(--ar-dark-secondary);--ar-secondary-content:var(--ar-dark-secondary-content);--ar-accent:var(--ar-dark-accent);--ar-accent-content:var(--ar-dark-accent-content);--ar-neutral:var(--ar-dark-neutral);--ar-neutral-content:var(--ar-dark-neutral-content);--ar-info:var(--ar-dark-info);--ar-info-content:var(--ar-dark-info-content);--ar-success:var(--ar-dark-success);--ar-success-content:var(--ar-dark-success-content);--ar-warning:var(--ar-dark-warning);--ar-warning-content:var(--ar-dark-warning-content);--ar-error:var(--ar-dark-error);--ar-error-content:var(--ar-dark-error-content);--ar-bg-img-fill:var(--ar-dark-bg-img-fill);--ar-desc-grad:var(--ar-dark-desc-grad);--ar-arc:var(--ar-dark-arc);--ar-gray-50:var(--ar-dark-gray-50);--ar-gray-100:var(--ar-dark-gray-100);--ar-gray-200:var(--ar-dark-gray-200);--ar-gray-300:var(--ar-dark-gray-300);--ar-gray-400:var(--ar-dark-gray-400);--ar-gray-500:var(--ar-dark-gray-500);--ar-gray-600:var(--ar-dark-gray-600);--ar-gray-700:var(--ar-dark-gray-700);--ar-gray-800:var(--ar-dark-gray-800);--ar-gray-900:var(--ar-dark-gray-900)}}html[data-theme=neo]{color-scheme:light;--ar-base-100:var(--ar-neo-base-100);--ar-base-200:var(--ar-neo-base-200);--ar-base-300:var(--ar-neo-base-300);--ar-base-content:var(--ar-neo-base-content);--ar-base-content-80:var(--ar-neo-base-content-80);--ar-primary:var(--ar-neo-primary);--ar-primary-content:var(--ar-neo-primary-content);--ar-secondary:var(--ar-neo-secondary);--ar-secondary-content:var(--ar-neo-secondary-content);--ar-accent:var(--ar-neo-accent);--ar-accent-content:var(--ar-neo-accent-content);--ar-neutral:var(--ar-neo-neutral);--ar-neutral-content:var(--ar-neo-neutral-content);--ar-info:var(--ar-neo-info);--ar-info-content:var(--ar-neo-info-content);--ar-success:var(--ar-neo-success);--ar-success-content:var(--ar-neo-success-content);--ar-warning:var(--ar-neo-warning);--ar-warning-content:var(--ar-neo-warning-content);--ar-error:var(--ar-neo-error);--ar-error-content:var(--ar-neo-error-content);--ar-bg-img-fill:var(--ar-neo-bg-img-fill);--ar-desc-grad:var(--ar-neo-desc-grad);--ar-arc:var(--ar-neo-arc);--ar-gray-50:var(--ar-neo-gray-50);--ar-gray-100:var(--ar-neo-gray-100);--ar-gray-200:var(--ar-neo-gray-200);--ar-gray-300:var(--ar-neo-gray-300);--ar-gray-400:var(--ar-neo-gray-400);--ar-gray-500:var(--ar-neo-gray-500);--ar-gray-600:var(--ar-neo-gray-600);--ar-gray-700:var(--ar-neo-gray-700);--ar-gray-800:var(--ar-neo-gray-800);--ar-gray-900:var(--ar-neo-gray-900);--ar-border-width:var(--ar-neo-border-width);--ar-radius-field:.5rem;--ar-radius-box:.75rem;--ar-shadow-sm:var(--ar-neo-shadow-sm);--ar-shadow-md:var(--ar-neo-shadow-md);--ar-shadow-lg:var(--ar-neo-shadow-lg);--ar-shadow-xl:var(--ar-neo-shadow-xl);--ar-shadow-2xl:var(--ar-neo-shadow-2xl);--ar-base-font:var(--ar-font-sans)}*,:before,:after{box-sizing:border-box}body{font-family:var(--ar-base-font);background:var(--ar-base-100);color:var(--ar-base-content);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}a{color:var(--ar-primary);text-decoration:none}img,svg,video,canvas{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}pre,code{white-space:pre-wrap;word-break:break-word;font-family:var(--ar-font-mono);overflow-x:auto}:focus-visible{outline:2px solid var(--ar-primary);outline-offset:2px}.ar-scroll-smooth{scroll-behavior:smooth}html[data-theme=neo] body{font-family:var(--ar-font-sans)}html[data-theme=neo] .ar-btn{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-md);font-family:var(--ar-font-sans);border-radius:.75rem;font-weight:700;transition:box-shadow .15s ease-out,transform .15s ease-out}html[data-theme=neo] .ar-btn:hover{box-shadow:var(--ar-neo-shadow-sm);transform:translate(2px,2px)}html[data-theme=neo] .ar-btn:active{box-shadow:none;transform:translate(4px,4px)}html[data-theme=neo] .ar-btn-primary{background:var(--ar-neo-primary);color:var(--ar-neo-primary-content)}html[data-theme=neo] .ar-btn-primary:hover{background:var(--ar-neo-primary)}html[data-theme=neo] .ar-btn-outline{background:var(--ar-neo-base-100);border-color:var(--ar-neo-border-color);color:var(--ar-neo-base-content)}html[data-theme=neo] .ar-btn-outline:hover{background:var(--ar-neo-base-content);color:var(--ar-neo-base-100)}html[data-theme=neo] .ar-btn-ghost{box-shadow:none;background:0 0;border-color:#0000}html[data-theme=neo] .ar-btn-ghost:hover{background:var(--ar-neo-base-200);box-shadow:var(--ar-neo-shadow-sm)}html[data-theme=neo] .ar-btn-neutral{background:var(--ar-neo-neutral);color:var(--ar-neo-neutral-content)}html[data-theme=neo] .ar-btn-circle{border-radius:var(--ar-radius-pill)}html[data-theme=neo] .ar-card{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-lg);border-radius:1rem;overflow:hidden}html[data-theme=neo] .ar-badge{border:2px solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color);font-weight:700}html[data-theme=neo] .ar-modal-box{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-xl);border-radius:1rem}html[data-theme=neo] .ar-alert{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-md);border-radius:.75rem;font-weight:600}html[data-theme=neo] .ar-table th,html[data-theme=neo] .ar-table td{border:2px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-table th{background:var(--ar-neo-base-200);font-weight:700}html[data-theme=neo] .ar-tabs{border-bottom:var(--ar-neo-border-width) solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-tab{font-weight:700;font-family:var(--ar-font-sans);border:2px solid #0000;border-bottom:0;border-radius:.5rem .5rem 0 0}html[data-theme=neo] .ar-tab-active{border-color:var(--ar-neo-border-color);background:var(--ar-neo-base-100);color:var(--ar-neo-primary)}html[data-theme=neo] .ar-accordion{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-md);border-radius:.75rem}html[data-theme=neo] .ar-accordion details{border-top:2px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-accordion details:first-child{border-top:0}html[data-theme=neo] .ar-progress{border:2px solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill);overflow:hidden}html[data-theme=neo] .ar-progress::-webkit-progress-value{background:var(--ar-neo-primary)}html[data-theme=neo] .ar-toast{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-lg);border-radius:.75rem;font-weight:600}html[data-theme=neo] .ar-tag{border:2px solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color);font-weight:600}html[data-theme=neo] .ar-chat-bubble{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-sm);border-radius:1rem}html[data-theme=neo] .ar-chat-end .ar-chat-bubble{background:var(--ar-neo-primary);color:var(--ar-neo-primary-content);border-color:var(--ar-neo-border-color)}html[data-theme=neo] .ar-dropdown-content,html[data-theme=neo] .ar-popover-content{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-lg);border-radius:.75rem}html[data-theme=neo] .ar-tooltip[data-tip]:after{border:2px solid var(--ar-neo-border-color);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color);border-radius:.5rem;font-weight:600}html[data-theme=neo] .ar-input,html[data-theme=neo] .ar-select,html[data-theme=neo] .ar-textarea{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-sm);font-family:var(--ar-font-sans);border-radius:.5rem;transition:box-shadow .15s ease-out,border-color .15s ease-out}html[data-theme=neo] .ar-input:focus,html[data-theme=neo] .ar-select:focus,html[data-theme=neo] .ar-textarea:focus{border-color:var(--ar-neo-primary);box-shadow:var(--ar-neo-shadow-md);outline:0}html[data-theme=neo] .ar-toggle{border:2px solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill)}html[data-theme=neo] .ar-page-item{border:2px solid var(--ar-neo-border-color);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color);border-radius:.5rem;font-weight:700;transition:box-shadow .15s ease-out,transform .15s ease-out}html[data-theme=neo] .ar-page-item:hover{box-shadow:1px 1px 0px 0px var(--ar-neo-border-color);transform:translate(1px,1px)}html[data-theme=neo] .ar-page-active{background:var(--ar-neo-primary);color:var(--ar-neo-primary-content);border-color:var(--ar-neo-border-color)}html[data-theme=neo] .ar-step:before{border:2px solid var(--ar-neo-border-color);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color)}html[data-theme=neo] .ar-navbar{border-bottom:var(--ar-neo-border-width) solid var(--ar-neo-border-color);background:var(--ar-neo-base-100)}html[data-theme=neo] .ar-footer{border-top:var(--ar-neo-border-width) solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-hero{background:var(--ar-neo-base-200)}html[data-theme=neo] .ar-scroll-top{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill);box-shadow:var(--ar-neo-shadow-md)}html[data-theme=neo] .ar-scroll-top:hover{box-shadow:var(--ar-neo-shadow-sm);transform:translate(2px,2px)}html[data-theme=neo] .ar-drawer-side .ar-menu{border-right:var(--ar-neo-border-width) solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-skeleton{border:2px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-breadcrumb-item:not(:last-child):after{color:var(--ar-neo-gray-400)}html[data-theme=neo] .ar-file-upload{border:3px dashed var(--ar-neo-border-color);border-radius:.75rem;transition:all .2s}html[data-theme=neo] .ar-file-upload:hover{border-color:var(--ar-neo-primary);background:#00aeef0d;transform:scale(1.02)rotate(-1deg)}html[data-theme=neo] .ar-file-upload.ar-file-upload-dragover{border-color:var(--ar-neo-primary);background:#00aeef0d;transform:scale(1.02)}html[data-theme=neo] .ar-prose pre{border:2px solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-sm);border-radius:.75rem}html[data-theme=neo] .ar-prose code{border:1px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-prose th,html[data-theme=neo] .ar-prose td{border:2px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-prose blockquote{border-left:4px solid var(--ar-neo-primary)}}@layer components{.ar-btn{justify-content:center;align-items:center;gap:var(--ar-s-2);border:var(--ar-border-width) solid transparent;border-radius:var(--ar-radius-field);font-family:var(--ar-font-sans);cursor:pointer;background:var(--ar-base-200);color:var(--ar-base-content);padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;transition:all .2s ease-out;display:inline-flex}.ar-btn:hover{background:var(--ar-base-300)}.ar-btn:active{transform:scale(.97)}.ar-btn-primary{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-btn-primary:hover{background:var(--ar-neutral)}.ar-btn-outline{border-color:var(--ar-base-content);color:var(--ar-base-content);background:0 0}.ar-btn-outline:hover{background:var(--ar-base-content);color:var(--ar-base-100)}.ar-btn-ghost{color:var(--ar-base-content);background:0 0}.ar-btn-ghost:hover{background:var(--ar-base-200)}.ar-btn-neutral{background:var(--ar-neutral);color:var(--ar-neutral-content)}.ar-btn-neutral:hover{opacity:.85}.ar-btn-base-200{background:var(--ar-base-200);color:var(--ar-base-content)}.ar-btn-circle{border-radius:var(--ar-radius-pill);width:2.5rem;height:2.5rem;padding:.5rem}.ar-btn-xs{padding:.25rem .5rem;font-size:.7rem}.ar-btn-sm{padding:.375rem .75rem;font-size:.8rem}.ar-btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.ar-btn-block{width:100%;display:flex}.ar-btn-disabled,.ar-btn[disabled]{opacity:.5;pointer-events:none}.ar-btn-loading{pointer-events:none}.ar-btn-loading:after{content:"";border-radius:var(--ar-radius-pill);border:2px solid;border-right-color:#0000;width:1rem;height:1rem;animation:.7s linear infinite ar-spin}@keyframes ar-spin{to{transform:rotate(360deg)}}.ar-navbar{justify-content:space-between;align-items:center;gap:var(--ar-s-4);padding:var(--ar-s-2) var(--ar-s-4);background:var(--ar-base-100);border-bottom:var(--ar-border-width) solid var(--ar-base-300);display:flex}.ar-navbar-start{align-items:center;gap:var(--ar-s-2);flex:1;display:flex}.ar-navbar-center{align-items:center;gap:var(--ar-s-2);display:none}.ar-navbar-end{align-items:center;gap:var(--ar-s-2);display:flex}@media (width>=1024px){.ar-navbar-center{display:flex}}.ar-navbar-brand{color:var(--ar-base-content);font-size:1.875rem;font-weight:400;text-decoration:none}.ar-menu{padding:var(--ar-s-2);background:var(--ar-base-100);flex-direction:column;margin:0;list-style:none;display:flex}.ar-menu li>a{border-radius:var(--ar-radius-field);color:var(--ar-base-content);padding:.5rem .75rem;text-decoration:none;display:block}.ar-menu li>a:hover{background:var(--ar-base-200)}.ar-menu-horizontal{align-items:center;gap:var(--ar-s-2);flex-direction:row}.ar-menu-sm li>a{padding:.25rem .5rem;font-size:.8rem}.ar-dropdown{display:inline-block;position:relative}.ar-dropdown-content{z-index:20;background:var(--ar-base-100);border-radius:var(--ar-radius-box);min-width:15rem;box-shadow:var(--ar-shadow-lg);padding:var(--ar-s-2);margin-top:.75rem;display:none;position:absolute}.ar-dropdown:hover .ar-dropdown-content,.ar-dropdown:focus-within .ar-dropdown-content,.ar-dropdown.ar-dropdown-open .ar-dropdown-content{display:block}.ar-dropdown-content:before{content:"";height:.75rem;position:absolute;top:-.75rem;left:0;right:0}.ar-swap{cursor:pointer;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:relative}.ar-swap>.ar-swap-on,.ar-swap>.ar-swap-off{transition:opacity .3s,transform .3s;position:absolute}.ar-swap>.ar-swap-on{opacity:0}.ar-swap input:checked~.ar-swap-on,.ar-swap.ar-swap-active>.ar-swap-on{opacity:1}.ar-swap input:checked~.ar-swap-off,.ar-swap.ar-swap-active>.ar-swap-off{opacity:0}.ar-swap input{opacity:0;pointer-events:none;position:absolute}.ar-swap-rotate>.ar-swap-on,.ar-swap-rotate>.ar-swap-off{transform:rotate(0)}.ar-swap-rotate input:checked~.ar-swap-on,.ar-swap-rotate.ar-swap-active>.ar-swap-on{transform:rotate(360deg)}.ar-swap-rotate input:checked~.ar-swap-off,.ar-swap-rotate.ar-swap-active>.ar-swap-off{transform:rotate(-360deg)}.ar-card{background:var(--ar-base-100);border-radius:var(--ar-radius-box);box-shadow:var(--ar-shadow-md);flex-direction:column;display:flex;overflow:hidden}.ar-card-body{gap:var(--ar-s-2);padding:var(--ar-s-4);flex-direction:column;display:flex}.ar-card-title{font-size:1.125rem;font-weight:700;line-height:1.3}.ar-card-figure img{object-fit:cover;width:100%}.ar-badge{align-items:center;gap:var(--ar-s-1);border-radius:var(--ar-radius-selector);background:var(--ar-base-200);color:var(--ar-base-content);padding:.125rem .625rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.ar-badge-outline{border:var(--ar-border-width) solid var(--ar-base-content);background:0 0}.ar-badge-primary{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-badge-neutral{background:var(--ar-neutral);color:var(--ar-neutral-content)}.ar-badge-sm{padding:0 .5rem;font-size:.625rem}.ar-badge-xs{padding:0 .375rem;font-size:.55rem}.ar-modal{background:#00000080;border:0;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:none}.ar-modal[open]{display:flex}.ar-modal::backdrop{background:#00000080}.ar-modal-box{background:var(--ar-base-100);border-radius:var(--ar-radius-box);box-shadow:var(--ar-shadow-xl);padding:var(--ar-s-6);width:min(92vw,42rem);max-height:90vh;overflow-y:auto}.ar-modal-backdrop{display:contents}.ar-carousel{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.ar-carousel-item{scroll-snap-align:start;flex:none;width:100%}.ar-carousel-item img{width:100%}.ar-drawer{display:flex;position:relative}.ar-drawer-toggle{appearance:none;opacity:0;pointer-events:none;position:fixed}.ar-drawer-content{flex:1;min-width:0}.ar-drawer-side{z-index:40;visibility:hidden;pointer-events:none;position:fixed;inset:0}.ar-drawer-side>*{visibility:visible}.ar-drawer-overlay{cursor:pointer;opacity:0;background:#00000080;transition:opacity .3s;position:absolute;inset:0}.ar-drawer-side .ar-menu{background:var(--ar-base-100);width:20rem;height:100%;transition:transform .3s;position:absolute;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.ar-drawer-toggle:checked~.ar-drawer-side{visibility:visible;pointer-events:auto}.ar-drawer-toggle:checked~.ar-drawer-side .ar-drawer-overlay{opacity:1}.ar-drawer-toggle:checked~.ar-drawer-side .ar-menu{transform:translate(0)}.ar-footer{align-items:center;gap:var(--ar-s-4);padding:var(--ar-s-10);background:var(--ar-base-200);border-top:var(--ar-border-width) solid var(--ar-base-300);flex-direction:column;display:flex}.ar-footer nav{justify-content:center;gap:var(--ar-s-4);flex-wrap:wrap;display:flex}.ar-footer a{color:var(--ar-base-content);opacity:.8}.ar-footer a:hover{opacity:1}.ar-footer-center{text-align:center}.ar-hero{background:var(--ar-base-200);padding:var(--ar-s-16) var(--ar-s-6);justify-content:center;align-items:center;display:flex}.ar-hero-content{align-items:center;gap:var(--ar-s-6);text-align:center;flex-direction:column;max-width:64rem;display:flex}@media (width>=1024px){.ar-hero-content{text-align:left;flex-direction:row}}.ar-tooltip{position:relative}.ar-tooltip[data-tip]:after{content:attr(data-tip);z-index:30;border-radius:var(--ar-radius-field);background:var(--ar-neutral);color:var(--ar-neutral-content);white-space:nowrap;opacity:0;pointer-events:none;padding:.25rem .625rem;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.ar-tooltip:hover[data-tip]:after{opacity:1}.ar-link{color:var(--ar-primary);cursor:pointer;text-decoration:underline}.ar-link-hover{text-decoration:none}.ar-link-hover:hover{text-decoration:underline}.ar-desc a{background:var(--ar-desc-grad);background-size:200%;text-decoration:underline;transition:background-position .5s ease-out,color .5s ease-out}.ar-desc a:hover{color:var(--ar-arc);background-position:0}.ar-join{border-radius:var(--ar-radius-field);align-items:stretch;display:inline-flex;overflow:hidden}.ar-join-item:not(:first-child){border-left-width:0}.ar-join .ar-btn,.ar-join-item{border-radius:0}.ar-prose{max-width:65ch;font-size:1rem;line-height:1.75}.ar-prose>*+*{margin-top:1rem}.ar-prose h1,.ar-prose h2,.ar-prose h3,.ar-prose h4{margin-top:1.5rem;font-weight:700}.ar-prose h1{font-size:1.75rem}.ar-prose h2{font-size:1.375rem}.ar-prose h3{font-size:1.125rem}.ar-prose h4{font-size:1rem}.ar-prose img{border-radius:var(--ar-radius-box);margin:1rem auto}.ar-prose a{text-decoration:underline}.ar-prose blockquote{border-left:4px solid var(--ar-base-300);color:var(--ar-gray-600);margin:1rem 0;padding-left:1rem;font-style:italic}.ar-prose ul,.ar-prose ol{padding-left:1.5rem}.ar-prose pre{background:var(--ar-base-200);border-radius:var(--ar-radius-box);padding:1rem;overflow-x:auto}.ar-prose code{background:var(--ar-base-200);border-radius:var(--ar-radius-field);padding:.125rem .375rem;font-size:.875em}.ar-prose pre code{background:0 0;padding:0}.ar-prose table{border-collapse:collapse;width:100%;font-size:.875rem}.ar-prose th,.ar-prose td{border:var(--ar-border-width) solid var(--ar-base-300);padding:.5rem .75rem}.ar-prose th{background:var(--ar-base-200)}.ar-prose hr{border:0;border-top:var(--ar-border-width) solid var(--ar-base-300);margin:1.5rem 0}.ar-bg-img{color:#0000;background-image:var(--ar-texture);-webkit-text-fill-color:var(--ar-bg-img-fill,transparent);background-size:cover;-webkit-background-clip:text;background-clip:text}.ar-bounce{animation:1s infinite ar-bounce}@keyframes ar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}.ar-animate-fade-in{animation:.4s ease-out forwards ar-fade-in}@keyframes ar-fade-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.ar-fieldset{gap:var(--ar-s-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.ar-label{align-items:center;gap:var(--ar-s-2);font-weight:600;display:flex}.ar-input,.ar-select,.ar-textarea{border:var(--ar-border-width) solid var(--ar-base-300);border-radius:var(--ar-radius-field);background:var(--ar-base-100);width:100%;color:var(--ar-base-content);padding:.5rem .75rem}.ar-input:focus,.ar-select:focus,.ar-textarea:focus{outline:2px solid var(--ar-primary);outline-offset:0;border-color:#0000}.ar-checkbox,.ar-radio{accent-color:var(--ar-primary);width:1.125rem;height:1.125rem}.ar-toggle{appearance:none;border-radius:var(--ar-radius-pill);background:var(--ar-base-300);cursor:pointer;width:2.75rem;height:1.5rem;transition:background .2s;position:relative}.ar-toggle:after{content:"";border-radius:var(--ar-radius-pill);background:var(--ar-base-100);width:1.125rem;height:1.125rem;transition:transform .2s;position:absolute;top:.1875rem;left:.1875rem}.ar-toggle:checked{background:var(--ar-primary)}.ar-toggle:checked:after{transform:translate(1.25rem)}.ar-range{accent-color:var(--ar-primary);width:100%}.ar-table{border-collapse:collapse;width:100%;font-size:.875rem}.ar-table th,.ar-table td{border-bottom:var(--ar-border-width) solid var(--ar-base-300);text-align:left;padding:.625rem .75rem}.ar-table th{background:var(--ar-base-200);font-weight:700}.ar-table-striped tbody tr:nth-child(odd){background:var(--ar-base-200)}.ar-table-hover tbody tr:hover{background:var(--ar-base-300)}.ar-alert{align-items:center;gap:var(--ar-s-3);border-radius:var(--ar-radius-box);padding:var(--ar-s-4);background:var(--ar-base-200);color:var(--ar-base-content);display:flex}.ar-alert-info{background:var(--ar-info);color:var(--ar-info-content)}.ar-alert-success{background:var(--ar-success);color:var(--ar-success-content)}.ar-alert-warning{background:var(--ar-warning);color:var(--ar-warning-content)}.ar-alert-error{background:var(--ar-error);color:var(--ar-error-content)}.ar-tabs{gap:var(--ar-s-1);border-bottom:var(--ar-border-width) solid var(--ar-base-300);flex-wrap:wrap;display:flex}.ar-tab{cursor:pointer;color:var(--ar-gray-600);font-family:var(--ar-font-sans);background:0 0;border:0;border-bottom:2px solid #0000;padding:.625rem 1rem;font-weight:600}.ar-tab:hover{color:var(--ar-base-content)}.ar-tab-active{color:var(--ar-primary);border-bottom-color:var(--ar-primary)}.ar-accordion{border:var(--ar-border-width) solid var(--ar-base-300);border-radius:var(--ar-radius-box);overflow:hidden}.ar-accordion details{border-top:var(--ar-border-width) solid var(--ar-base-300)}.ar-accordion details:first-child{border-top:0}.ar-accordion summary{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem;font-weight:600;list-style:none;display:flex}.ar-accordion summary::-webkit-details-marker{display:none}.ar-accordion summary:after{content:"+";font-size:1.25rem}.ar-accordion details[open] summary:after{content:"−"}.ar-accordion .ar-accordion-body{padding:0 1rem 1rem}.ar-progress{appearance:none;border-radius:var(--ar-radius-pill);background:var(--ar-base-300);border:0;width:100%;height:1rem;overflow:hidden}.ar-progress::-webkit-progress-bar{background:var(--ar-base-300)}.ar-progress::-webkit-progress-value{background:var(--ar-primary)}.ar-progress::-moz-progress-bar{background:var(--ar-primary)}.ar-timeline{gap:var(--ar-s-4);flex-direction:column;padding-left:0;list-style:none;display:flex}.ar-timeline-item{padding-left:var(--ar-s-8);position:relative}.ar-timeline-item:before{content:"";border-radius:var(--ar-radius-pill);background:var(--ar-primary);width:.75rem;height:.75rem;position:absolute;top:.25rem;left:.375rem}.ar-timeline-item:after{content:"";background:var(--ar-base-300);width:2px;position:absolute;top:1.25rem;bottom:-1.5rem;left:.65625rem}.ar-timeline-item:last-child:after{display:none}.ar-divider{align-items:center;gap:var(--ar-s-3);color:var(--ar-gray-600);margin:var(--ar-s-4) 0;display:flex}.ar-divider:before,.ar-divider:after{content:"";height:var(--ar-border-width);background:var(--ar-base-300);flex:1}.ar-stepper{justify-content:space-between;gap:var(--ar-s-2);display:flex}.ar-step{align-items:center;gap:var(--ar-s-1);text-align:center;color:var(--ar-gray-600);flex-direction:column;flex:1;font-size:.75rem;display:flex}.ar-step:before{content:attr(data-step);border-radius:var(--ar-radius-pill);background:var(--ar-base-300);width:2rem;height:2rem;color:var(--ar-base-content);justify-content:center;align-items:center;font-weight:700;display:flex}.ar-step-active:before{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-avatar{border-radius:var(--ar-radius-pill);width:3rem;height:3rem;overflow:hidden}.ar-avatar img{object-fit:cover;width:100%;height:100%}.ar-toast-container{z-index:100;gap:var(--ar-s-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.ar-toast-container[data-ar-toast-position=top-left]{top:var(--ar-s-4);left:var(--ar-s-4)}.ar-toast-container[data-ar-toast-position=top-center]{top:var(--ar-s-4);left:50%;transform:translate(-50%)}.ar-toast-container[data-ar-toast-position=top-right]{top:var(--ar-s-4);right:var(--ar-s-4)}.ar-toast-container[data-ar-toast-position=bottom-left]{bottom:var(--ar-s-4);left:var(--ar-s-4)}.ar-toast-container[data-ar-toast-position=bottom-center]{bottom:var(--ar-s-4);left:50%;transform:translate(-50%)}.ar-toast-container[data-ar-toast-position=bottom-right]{bottom:var(--ar-s-4);right:var(--ar-s-4)}.ar-toast{align-items:center;gap:var(--ar-s-3);min-width:18rem;max-width:24rem;padding:var(--ar-s-3) var(--ar-s-4);border-radius:var(--ar-radius-box);background:var(--ar-base-100);color:var(--ar-base-content);box-shadow:var(--ar-shadow-lg);border:var(--ar-border-width) solid var(--ar-base-300);pointer-events:auto;opacity:0;animation:.3s ease-out forwards ar-toast-in;display:flex;transform:translateY(-.5rem)}.ar-toast-container[data-ar-toast-position=bottom-left] .ar-toast,.ar-toast-container[data-ar-toast-position=bottom-center] .ar-toast,.ar-toast-container[data-ar-toast-position=bottom-right] .ar-toast{transform:translateY(.5rem)}.ar-toast.ar-toast-out{animation:.2s ease-in forwards ar-toast-out}.ar-toast-info{background:var(--ar-info);color:var(--ar-info-content);border-color:var(--ar-info)}.ar-toast-success{background:var(--ar-success);color:var(--ar-success-content);border-color:var(--ar-success)}.ar-toast-warning{background:var(--ar-warning);color:var(--ar-warning-content);border-color:var(--ar-warning)}.ar-toast-error{background:var(--ar-error);color:var(--ar-error-content);border-color:var(--ar-error)}.ar-toast-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.ar-toast-message{flex:1;font-size:.875rem;line-height:1.4}.ar-toast-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;font-size:1.125rem;line-height:1}.ar-toast-close:hover{opacity:1}.ar-toast-progress{opacity:.4;border-radius:0 0 var(--ar-radius-box) var(--ar-radius-box);background:currentColor;height:3px;animation:linear forwards ar-toast-progress;position:absolute;bottom:0;left:0}@keyframes ar-toast-in{to{opacity:1;transform:translateY(0)}}@keyframes ar-toast-out{to{opacity:0;transform:translateY(-.5rem)}}@keyframes ar-toast-progress{0%{width:100%}to{width:0%}}.ar-skeleton{background:var(--ar-base-300);border-radius:var(--ar-radius-field);position:relative;overflow:hidden}.ar-skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,oklch(100% 0 0/.08) 50%,#0000 100%);animation:1.5s ease-in-out infinite ar-skeleton-shimmer;position:absolute;inset:0}.ar-skeleton-text{height:1rem;margin-bottom:var(--ar-s-2);width:100%}.ar-skeleton-text:last-child{width:70%}.ar-skeleton-title{width:60%;height:1.5rem;margin-bottom:var(--ar-s-3)}.ar-skeleton-avatar{border-radius:var(--ar-radius-pill);width:3rem;height:3rem}.ar-skeleton-thumbnail{aspect-ratio:16/9;width:100%}.ar-skeleton-btn{border-radius:var(--ar-radius-field);width:8rem;height:2.5rem}@keyframes ar-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ar-breadcrumb{align-items:center;gap:var(--ar-s-1);flex-wrap:wrap;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.ar-breadcrumb-item{align-items:center;gap:var(--ar-s-1);display:flex}.ar-breadcrumb-item a{color:var(--ar-gray-600);text-decoration:none;transition:color .2s}.ar-breadcrumb-item a:hover{color:var(--ar-primary)}.ar-breadcrumb-item:not(:last-child):after{content:"/";color:var(--ar-gray-400);margin-left:var(--ar-s-1)}.ar-breadcrumb-item:last-child{color:var(--ar-base-content);font-weight:600}.ar-pagination{align-items:center;gap:var(--ar-s-1);margin:0;padding:0;list-style:none;display:flex}.ar-page-item{min-width:2.25rem;height:2.25rem;padding:0 var(--ar-s-2);border-radius:var(--ar-radius-field);border:var(--ar-border-width) solid transparent;color:var(--ar-base-content);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.ar-page-item:hover{background:var(--ar-base-200)}.ar-page-active{background:var(--ar-primary);color:var(--ar-primary-content);font-weight:700}.ar-page-active:hover{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-page-disabled{opacity:.4;pointer-events:none}.ar-page-ellipsis{pointer-events:none;color:var(--ar-gray-500)}.ar-rating{gap:var(--ar-s-1);direction:rtl;display:inline-flex}.ar-rating input{display:none}.ar-rating label{cursor:pointer;color:var(--ar-gray-300);transition:color .15s,transform .15s}.ar-rating label:hover,.ar-rating label:hover~label,.ar-rating input:checked~label{color:var(--ar-warning)}.ar-rating label:hover{transform:scale(1.15)}.ar-rating svg{fill:currentColor;width:1.5rem;height:1.5rem}.ar-rating-readonly label{cursor:default}.ar-rating-readonly label:hover,.ar-rating-readonly label:hover~label,.ar-rating-readonly input:checked~label{transform:none}.ar-chat{gap:var(--ar-s-3);flex-direction:column;max-width:48rem;display:flex}.ar-chat-bubble{padding:var(--ar-s-3) var(--ar-s-4);border-radius:var(--ar-radius-box);background:var(--ar-base-200);color:var(--ar-base-content);word-wrap:break-word;max-width:80%;line-height:1.5;position:relative}.ar-chat-start{align-self:flex-start}.ar-chat-end{align-self:flex-end}.ar-chat-start .ar-chat-bubble{border-bottom-left-radius:0}.ar-chat-end .ar-chat-bubble{background:var(--ar-primary);color:var(--ar-primary-content);border-bottom-right-radius:0}.ar-chat-avatar{border-radius:var(--ar-radius-pill);flex-shrink:0;width:2.5rem;height:2.5rem;overflow:hidden}.ar-chat-avatar img{object-fit:cover;width:100%;height:100%}.ar-chat-start .ar-chat-header,.ar-chat-end .ar-chat-header{align-items:center;gap:var(--ar-s-2);margin-bottom:var(--ar-s-1);color:var(--ar-gray-600);font-size:.75rem;font-weight:600;display:flex}.ar-chat-end .ar-chat-header{justify-content:flex-end}.ar-chat-footer{color:var(--ar-gray-500);margin-top:var(--ar-s-1);font-size:.7rem}.ar-chat-start .ar-chat-footer{text-align:left}.ar-chat-end .ar-chat-footer{text-align:right}.ar-chat-sender{align-items:flex-end;gap:var(--ar-s-2);display:flex}.ar-chat-receiver{align-items:flex-end;gap:var(--ar-s-2);flex-direction:row-reverse;display:flex}.ar-tag{align-items:center;gap:var(--ar-s-1);border-radius:var(--ar-radius-pill);background:var(--ar-base-200);color:var(--ar-base-content);white-space:nowrap;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.4;display:inline-flex}.ar-tag-primary{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-tag-secondary{background:var(--ar-secondary);color:var(--ar-secondary-content)}.ar-tag-accent{background:var(--ar-accent);color:var(--ar-accent-content)}.ar-tag-neutral{background:var(--ar-neutral);color:var(--ar-neutral-content)}.ar-tag-info{background:var(--ar-info);color:var(--ar-info-content)}.ar-tag-success{background:var(--ar-success);color:var(--ar-success-content)}.ar-tag-warning{background:var(--ar-warning);color:var(--ar-warning-content)}.ar-tag-error{background:var(--ar-error);color:var(--ar-error-content)}.ar-tag-outline{border:var(--ar-border-width) solid currentColor;background:0 0}.ar-tag-outline.ar-tag-primary{color:var(--ar-primary)}.ar-tag-outline.ar-tag-secondary{color:var(--ar-secondary)}.ar-tag-outline.ar-tag-accent{color:var(--ar-accent)}.ar-tag-outline.ar-tag-neutral{color:var(--ar-neutral)}.ar-tag-outline.ar-tag-info{color:var(--ar-info)}.ar-tag-outline.ar-tag-success{color:var(--ar-success)}.ar-tag-outline.ar-tag-warning{color:var(--ar-warning)}.ar-tag-outline.ar-tag-error{color:var(--ar-error)}.ar-tag-lg{padding:.375rem 1rem;font-size:.875rem}.ar-tag-sm{padding:.125rem .5rem;font-size:.75rem}.ar-tag-close{border-radius:var(--ar-radius-pill);width:1rem;height:1rem;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:.875rem;line-height:1;display:inline-flex}.ar-tag-close:hover{opacity:1}.ar-popover{display:inline-block;position:relative}.ar-popover-content{z-index:30;min-width:14rem;padding:var(--ar-s-3) var(--ar-s-4);background:var(--ar-base-100);color:var(--ar-base-content);border-radius:var(--ar-radius-box);box-shadow:var(--ar-shadow-lg);border:var(--ar-border-width) solid var(--ar-base-300);opacity:0;visibility:hidden;pointer-events:none;font-size:.875rem;line-height:1.5;transition:opacity .2s,visibility .2s,transform .2s;position:absolute}.ar-popover-open .ar-popover-content{opacity:1;visibility:visible;pointer-events:auto}.ar-popover-content[data-ar-placement=top]{bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(.25rem)}.ar-popover-open .ar-popover-content[data-ar-placement=top]{transform:translate(-50%)translateY(0)}.ar-popover-content[data-ar-placement=bottom]{top:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(-.25rem)}.ar-popover-open .ar-popover-content[data-ar-placement=bottom]{transform:translate(-50%)translateY(0)}.ar-popover-content[data-ar-placement=left]{top:50%;right:calc(100% + .5rem);transform:translateY(-50%)translate(.25rem)}.ar-popover-open .ar-popover-content[data-ar-placement=left]{transform:translateY(-50%)translate(0)}.ar-popover-content[data-ar-placement=right]{top:50%;left:calc(100% + .5rem);transform:translateY(-50%)translate(-.25rem)}.ar-popover-open .ar-popover-content[data-ar-placement=right]{transform:translateY(-50%)translate(0)}.ar-popover-title{margin-bottom:var(--ar-s-1);font-weight:600}.ar-file-upload{justify-content:center;align-items:center;gap:var(--ar-s-2);padding:var(--ar-s-8) var(--ar-s-4);border:2px dashed var(--ar-base-300);border-radius:var(--ar-radius-box);background:var(--ar-base-200);color:var(--ar-gray-600);text-align:center;cursor:pointer;flex-direction:column;transition:all .2s;display:flex;position:relative}.ar-file-upload:hover,.ar-file-upload.ar-file-upload-dragover{border-color:var(--ar-primary);background:var(--ar-base-300);color:var(--ar-base-content)}.ar-file-upload input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.ar-file-upload-icon{opacity:.5;width:2.5rem;height:2.5rem}.ar-file-upload-text{font-size:.875rem}.ar-file-upload-text strong{color:var(--ar-primary)}.ar-file-upload-hint{opacity:.7;font-size:.75rem}.ar-file-upload-sm{padding:var(--ar-s-4) var(--ar-s-3)}.ar-file-upload-sm .ar-file-upload-icon{width:1.5rem;height:1.5rem}.ar-scroll-top{bottom:var(--ar-s-6);right:var(--ar-s-6);z-index:40;border-radius:var(--ar-radius-pill);background:var(--ar-primary);width:2.75rem;height:2.75rem;color:var(--ar-primary-content);cursor:pointer;box-shadow:var(--ar-shadow-lg);opacity:0;visibility:hidden;border:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;transform:translateY(.5rem)}.ar-scroll-top-visible{opacity:1;visibility:visible;transform:translateY(0)}.ar-scroll-top:hover{background:var(--ar-neutral);color:var(--ar-neutral-content);transform:translateY(-.125rem)}.ar-scroll-top svg{width:1.25rem;height:1.25rem}}@layer utilities{.ar-p-0{padding:var(--ar-s-0)}.ar-p-1{padding:var(--ar-s-1)}.ar-p-2{padding:var(--ar-s-2)}.ar-p-3{padding:var(--ar-s-3)}.ar-p-4{padding:var(--ar-s-4)}.ar-p-5{padding:var(--ar-s-5)}.ar-p-6{padding:var(--ar-s-6)}.ar-p-8{padding:var(--ar-s-8)}.ar-p-10{padding:var(--ar-s-10)}.ar-p-12{padding:var(--ar-s-12)}.ar-px-1{padding-inline:var(--ar-s-1)}.ar-px-2{padding-inline:var(--ar-s-2)}.ar-px-3{padding-inline:var(--ar-s-3)}.ar-px-4{padding-inline:var(--ar-s-4)}.ar-px-6{padding-inline:var(--ar-s-6)}.ar-px-8{padding-inline:var(--ar-s-8)}.ar-py-1{padding-block:var(--ar-s-1)}.ar-py-2{padding-block:var(--ar-s-2)}.ar-py-3{padding-block:var(--ar-s-3)}.ar-py-4{padding-block:var(--ar-s-4)}.ar-py-6{padding-block:var(--ar-s-6)}.ar-py-8{padding-block:var(--ar-s-8)}.ar-py-12{padding-block:var(--ar-s-12)}.ar-pt-2{padding-top:var(--ar-s-2)}.ar-pt-10{padding-top:var(--ar-s-10)}.ar-pb-0{padding-bottom:var(--ar-s-0)}.ar-pb-2{padding-bottom:var(--ar-s-2)}.ar-m-0{margin:var(--ar-s-0)}.ar-m-2{margin:var(--ar-s-2)}.ar-m-4{margin:var(--ar-s-4)}.ar-mt-1{margin-top:var(--ar-s-1)}.ar-mt-2{margin-top:var(--ar-s-2)}.ar-mt-3{margin-top:var(--ar-s-3)}.ar-mt-4{margin-top:var(--ar-s-4)}.ar-mt-6{margin-top:var(--ar-s-6)}.ar-mt-8{margin-top:var(--ar-s-8)}.ar-mb-2{margin-bottom:var(--ar-s-2)}.ar-mb-8{margin-bottom:var(--ar-s-8)}.ar-my-1{margin-block:var(--ar-s-1)}.ar-my-2{margin-block:var(--ar-s-2)}.ar-my-4{margin-block:var(--ar-s-4)}.ar-my-10{margin-block:var(--ar-s-10)}.ar-mx-auto{margin-inline:auto}.ar-flex{display:flex}.ar-inline-flex{display:inline-flex}.ar-grid{display:grid}.ar-block{display:block}.ar-inline-block{display:inline-block}.ar-hidden{display:none}.ar-flex-col{flex-direction:column}.ar-flex-row{flex-direction:row}.ar-flex-wrap{flex-wrap:wrap}.ar-flex-1{flex:1}.ar-shrink-0{flex-shrink:0}.ar-items-start{align-items:flex-start}.ar-items-center{align-items:center}.ar-items-end{align-items:flex-end}.ar-justify-start{justify-content:flex-start}.ar-justify-center{justify-content:center}.ar-justify-between{justify-content:space-between}.ar-justify-end{justify-content:flex-end}.ar-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ar-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-grid-flow-col{grid-auto-flow:column}.ar-gap-1{gap:var(--ar-s-1)}.ar-gap-2{gap:var(--ar-s-2)}.ar-gap-3{gap:var(--ar-s-3)}.ar-gap-4{gap:var(--ar-s-4)}.ar-gap-6{gap:var(--ar-s-6)}.ar-gap-x-2{column-gap:var(--ar-s-2)}.ar-gap-x-4{column-gap:var(--ar-s-4)}.ar-gap-x-8{column-gap:var(--ar-s-8)}.ar-gap-y-8{row-gap:var(--ar-s-8)}.ar-gap-y-16{row-gap:var(--ar-s-16)}.ar-text-xs{font-size:.75rem}.ar-text-sm{font-size:.875rem}.ar-text-base{font-size:1rem}.ar-text-lg{font-size:1.125rem}.ar-text-xl{font-size:1.25rem}.ar-text-2xl{font-size:1.5rem}.ar-text-3xl{font-size:1.875rem}.ar-text-4xl{font-size:2.25rem}.ar-text-5xl{font-size:3rem}.ar-text-6xl{font-size:3.75rem}.ar-text-7xl{font-size:4.5rem}.ar-text-8xl{font-size:6rem}.ar-text-9xl{font-size:8rem}.ar-font-thin{font-weight:100}.ar-font-normal{font-weight:400}.ar-font-medium{font-weight:500}.ar-font-semibold{font-weight:600}.ar-font-bold{font-weight:700}.ar-text-left{text-align:left}.ar-text-center{text-align:center}.ar-text-right{text-align:right}.ar-text-pretty{text-wrap:pretty}.ar-text-wrap{text-wrap:wrap}.ar-leading-tight{line-height:1.25}.ar-leading-6{line-height:1.5rem}.ar-tracking-wide{letter-spacing:.025em}.ar-tracking-wider{letter-spacing:.05em}.ar-underline{text-decoration:underline}.ar-no-underline{text-decoration:none}.ar-list-none{list-style:none}.ar-tabular-nums{font-variant-numeric:tabular-nums}.ar-w-8{width:var(--ar-s-8)}.ar-w-40{width:var(--ar-s-40,10rem)}.ar-w-48{width:var(--ar-s-48,12rem)}.ar-w-60{width:15rem}.ar-w-80{width:20rem}.ar-w-full{width:100%}.ar-w-1\/3{width:33.3333%}.ar-w-2\/3{width:66.6667%}.ar-w-1\/2{width:50%}.ar-w-11\/12{width:91.6667%}.ar-h-8{height:var(--ar-s-8)}.ar-h-48{height:12rem}.ar-h-full{height:100%}.ar-min-h-full{min-height:100%}.ar-min-h-screen{min-height:100vh}.ar-max-w-none{max-width:none}.ar-max-w-sm{max-width:24rem}.ar-max-w-md{max-width:28rem}.ar-max-w-lg{max-width:32rem}.ar-max-w-xl{max-width:36rem}.ar-max-w-2xl{max-width:42rem}.ar-max-w-3xl{max-width:48rem}.ar-max-w-4xl{max-width:56rem}.ar-max-w-5xl{max-width:64rem}.ar-max-w-6xl{max-width:72rem}.ar-max-w-7xl{max-width:80rem}.ar-aspect-video{aspect-ratio:16/9}.ar-object-cover{object-fit:cover}.ar-overflow-hidden{overflow:hidden}.ar-overflow-x-auto{overflow-x:auto}.ar-bg-base-100{background:var(--ar-base-100)}.ar-bg-base-200{background:var(--ar-base-200)}.ar-bg-base-300{background:var(--ar-base-300)}.ar-bg-base-content{background:var(--ar-base-content)}.ar-bg-base-content\/80{background:var(--ar-base-content-80)}.ar-bg-neutral{background:var(--ar-neutral)}.ar-bg-primary{background:var(--ar-primary)}.ar-bg-gray-100{background:var(--ar-gray-100)}.ar-bg-gray-200{background:var(--ar-gray-200)}.ar-bg-gray-700{background:var(--ar-gray-700)}.ar-text-base-content{color:var(--ar-base-content)}.ar-text-primary{color:var(--ar-primary)}.ar-text-primary-content{color:var(--ar-primary-content)}.ar-text-neutral{color:var(--ar-neutral)}.ar-text-neutral-content{color:var(--ar-neutral-content)}.ar-text-white{color:#fff}.ar-text-black{color:#000}.ar-text-gray-100{color:var(--ar-gray-100)}.ar-text-gray-200{color:var(--ar-gray-200)}.ar-text-gray-300{color:var(--ar-gray-300)}.ar-text-gray-400{color:var(--ar-gray-400)}.ar-text-gray-500{color:var(--ar-gray-500)}.ar-text-gray-600{color:var(--ar-gray-600)}.ar-text-gray-700{color:var(--ar-gray-700)}.ar-border{border:var(--ar-border-width) solid}.ar-border-2{border:2px solid}.ar-border-t{border-top:var(--ar-border-width) solid}.ar-border-t-0{border-top:0}.ar-border-b{border-bottom:var(--ar-border-width) solid}.ar-border-base-content{border-color:var(--ar-base-content)}.ar-border-neutral{border-color:var(--ar-neutral)}.ar-border-gray-200{border-color:var(--ar-gray-200)}.ar-border-gray-300{border-color:var(--ar-gray-300)}.ar-border-base-300{border-color:var(--ar-base-300)}.ar-rounded{border-radius:var(--ar-radius-field)}.ar-rounded-lg{border-radius:var(--ar-radius-box)}.ar-rounded-xl{border-radius:.75rem}.ar-rounded-box{border-radius:var(--ar-radius-box)}.ar-rounded-full{border-radius:var(--ar-radius-pill)}.ar-shadow-sm{box-shadow:var(--ar-shadow-sm)}.ar-shadow-md{box-shadow:var(--ar-shadow-md)}.ar-shadow-lg{box-shadow:var(--ar-shadow-lg)}.ar-shadow-xl{box-shadow:var(--ar-shadow-xl)}.ar-shadow-2xl{box-shadow:var(--ar-shadow-2xl)}.ar-relative{position:relative}.ar-absolute{position:absolute}.ar-fixed{position:fixed}.ar-sticky{z-index:50;position:sticky;top:0}.ar-inset-0{inset:0}.ar-top-0{top:0}.ar-bottom-0{bottom:0}.ar-left-0{left:0}.ar-right-0{right:0}.ar-top-1\/2{top:50%}.ar-left-5{left:1.25rem}.ar-right-5{right:1.25rem}.ar-z-10{z-index:10}.ar-z-20{z-index:20}.ar-z-50{z-index:50}.ar-opacity-0{opacity:0}.ar-opacity-30{opacity:.3}.ar-opacity-60{opacity:.6}.ar-transition-all{transition:all .3s}.ar-transition-transform{transition:transform .3s}.ar-duration-300{transition-duration:.3s}.ar-duration-500{transition-duration:.5s}.ar-ease-out{transition-timing-function:ease-out}.ar-ease-in-out{transition-timing-function:ease-in-out}.ar-cursor-pointer{cursor:pointer}.ar-whitespace-nowrap{white-space:nowrap}.ar-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ar-hover-bounce:hover{animation:1s infinite ar-bounce}.ar-hover-scale-110:hover{transform:scale(1.1)}.ar-hover-shadow-xl:hover{box-shadow:var(--ar-shadow-xl)}.ar-hover-text-gray-600:hover{color:var(--ar-gray-600)}.ar-hover-text-neutral:hover{color:var(--ar-neutral)}.ar-hover-bg-gray-100:hover{background:var(--ar-gray-100)}.ar-hover-bg-gray-700:hover{background:var(--ar-gray-700)}.ar-hover-border-gray-400:hover{border-color:var(--ar-gray-400)}.ar-hover-ring:hover{box-shadow:0 0 0 1px var(--ar-gray-400);border-color:var(--ar-gray-400)}.ar-hover-ring-gray-200:hover{box-shadow:0 0 0 1px var(--ar-gray-200);border-color:var(--ar-gray-400)}@media (width>=768px){.ar-md\:flex{display:flex}.ar-md\:flex-col{flex-direction:column}.ar-md\:flex-row{flex-direction:row}.ar-md\:hidden{display:none}.ar-md\:grid{display:grid}.ar-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-md\:items-center{align-items:center}.ar-md\:w-1\/2{width:50%}.ar-md\:w-1\/3{width:33.3333%}.ar-md\:w-2\/3{width:66.6667%}.ar-md\:max-w-52{max-width:13rem}.ar-md\:p-8{padding:var(--ar-s-8)}.ar-md\:mx-0{margin-inline:0}.ar-md\:text-left{text-align:left}.ar-md\:text-center{text-align:center}}@media (width>=1024px){.ar-lg\:flex{display:flex}.ar-lg\:flex-col{flex-direction:column}.ar-lg\:flex-row{flex-direction:row}.ar-lg\:hidden{display:none}.ar-lg\:grid{display:grid}.ar-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-lg\:items-center{align-items:center}.ar-lg\:justify-between{justify-content:space-between}.ar-lg\:gap-8{gap:var(--ar-s-8)}.ar-lg\:w-1\/2{width:50%}.ar-lg\:w-2\/5{width:40%}.ar-lg\:max-w-none{max-width:none}.ar-lg\:max-w-lg{max-width:32rem}.ar-lg\:p-8{padding:var(--ar-s-8)}.ar-lg\:p-16{padding:var(--ar-s-16)}.ar-lg\:mx-0{margin-inline:0}.ar-lg\:text-2xl{font-size:1.5rem}.ar-lg\:text-4xl{font-size:2.25rem}.ar-lg\:text-6xl{font-size:3.75rem}.ar-lg\:text-8xl{font-size:6rem}.ar-lg\:text-9xl{font-size:8rem}.ar-lg\:leading-tight{line-height:1.25}.ar-lg\:text-left{text-align:left}.ar-lg\:text-center{text-align:center}}.ar-neo-shadow-sm{box-shadow:var(--ar-neo-shadow-sm)}.ar-neo-shadow-md{box-shadow:var(--ar-neo-shadow-md)}.ar-neo-shadow-lg{box-shadow:var(--ar-neo-shadow-lg)}.ar-neo-shadow-xl{box-shadow:var(--ar-neo-shadow-xl)}.ar-neo-shadow-2xl{box-shadow:var(--ar-neo-shadow-2xl)}.ar-neo-border{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color)}.ar-neo-border-2{border:2px solid var(--ar-neo-border-color)}.ar-neo-rounded{border-radius:.5rem}.ar-neo-rounded-lg{border-radius:.75rem}.ar-neo-rounded-xl{border-radius:1rem}.ar-neo-press{transition:box-shadow .15s ease-out,transform .15s ease-out}.ar-neo-press:hover{box-shadow:var(--ar-neo-shadow-sm);transform:translate(2px,2px)}.ar-neo-press:active{box-shadow:none;transform:translate(4px,4px)}.ar-neo-primary{background:var(--ar-neo-primary);color:var(--ar-neo-primary-content)}.ar-neo-secondary{background:var(--ar-neo-secondary);color:var(--ar-neo-secondary-content)}.ar-neo-accent{background:var(--ar-neo-accent);color:var(--ar-neo-accent-content)}.ar-neo-danger{background:var(--ar-neo-error);color:var(--ar-neo-error-content)}.ar-neo-text-primary{color:var(--ar-neo-primary)}.ar-neo-text-secondary{color:var(--ar-neo-secondary)}.ar-neo-text-accent{color:var(--ar-neo-accent)}.ar-neo-text-danger{color:var(--ar-neo-error)}.ar-neo-text-dark{color:var(--ar-neo-base-content)}.ar-neo-hover-tilt:hover{transform:rotate(-1deg)}.ar-neo-hover-lift:hover{box-shadow:var(--ar-neo-shadow-lg);transform:translateY(-2px)}}

package/dist/arekui.min.js

@@ -0,0 +1,2 @@
+/*! Arekui v1.0.0 | MIT License */
+(()=>{(()=>{var f="arekui-theme",d=["light","dark"],u=["light","neo"];function c(){return document.documentElement.getAttribute("data-theme")}function l(e){document.documentElement.setAttribute("data-theme",e),document.documentElement.classList.toggle("dark",e==="dark")}function S(){var e=localStorage.getItem(f),t=d.concat(u);if(e&&t.indexOf(e)!==-1)l(e);else{var r=window.matchMedia("(prefers-color-scheme: dark)").matches;l(r?"dark":"light")}}function m(){var e=c();document.querySelectorAll("[data-ar-theme-toggle]").forEach(t=>{t.matches('input[type="checkbox"]')?t.checked=e==="dark":t.setAttribute("aria-pressed",String(e==="dark"))}),document.querySelectorAll("[data-ar-neo-toggle]").forEach(t=>{var r=e==="neo";t.matches('input[type="checkbox"]')?t.checked=r:(t.setAttribute("aria-pressed",String(r)),t.textContent=r?"Default":"Neo")})}function q(){document.addEventListener("click",e=>{var t=e.target.closest("[data-ar-theme-toggle]");if(t){var r=c()||"light",a=d.indexOf(r),o=d[(a+1)%d.length];l(o),localStorage.setItem(f,o),m()}})}function T(){document.addEventListener("click",e=>{var t=e.target.closest("[data-ar-neo-toggle]");if(t){var r=c()||"light",a=u.indexOf(r),o=u[(a+1)%u.length];l(o),localStorage.setItem(f,o),m()}})}function w(){document.querySelectorAll("[data-ar-open]").forEach(e=>{e.addEventListener("click",t=>{t.preventDefault();var r=document.getElementById(e.getAttribute("data-ar-open"));r&&typeof r.showModal=="function"&&r.showModal()})}),document.querySelectorAll("[data-ar-close]").forEach(e=>{e.addEventListener("click",()=>{var t=e.closest("dialog");t&&typeof t.close=="function"&&t.close()})}),document.querySelectorAll("dialog[data-ar-backdrop-close]").forEach(e=>{e.addEventListener("click",t=>{t.target===e&&e.close()})})}function C(){document.querySelectorAll("[data-ar-drawer-toggle]").forEach(e=>{e.addEventListener("click",()=>{var t=e.getAttribute("data-ar-drawer-toggle"),r=document.getElementById(t);r&&(r.checked=!r.checked)})})}function x(){document.querySelectorAll("[data-ar-tab]").forEach(e=>{e.addEventListener("click",()=>{var t=e.closest(".ar-tabs");if(t){t.querySelectorAll("[data-ar-tab]").forEach(o=>{o.classList.remove("ar-tab-active")}),e.classList.add("ar-tab-active");var r=e.getAttribute("data-ar-tab"),a=t.getAttribute("data-ar-tabs-panel");a&&document.querySelectorAll("["+a+"]").forEach(o=>{o.style.display=o.id===r?"":"none"})}})})}function g(e){e.classList.remove("ar-dropdown-open");var t=e.querySelector(":scope > button, :scope > a");t&&t.blur()}function D(){document.querySelectorAll(".ar-dropdown").forEach(e=>{var t=e.querySelector(".ar-dropdown-content");t&&e.addEventListener("click",r=>{if(t.contains(r.target)){g(e);return}e.classList.contains("ar-dropdown-open")?g(e):e.classList.add("ar-dropdown-open")})}),document.addEventListener("click",e=>{document.querySelectorAll(".ar-dropdown.ar-dropdown-open").forEach(t=>{t.contains(e.target)||t.classList.remove("ar-dropdown-open")})}),document.addEventListener("keydown",e=>{e.key==="Escape"&&document.querySelectorAll(".ar-dropdown.ar-dropdown-open").forEach(g)})}function N(){document.querySelectorAll(".ar-accordion details").forEach(e=>{var t=e.querySelector("summary");t&&t.addEventListener("click",()=>{if(e.getAttribute("data-ar-exclusive")===null){var r=e.closest(".ar-accordion");r&&r.querySelectorAll("details[open]").forEach(a=>{a!==e&&a.removeAttribute("open")})}})})}var h={};function I(e){if(h[e])return h[e];var t=document.createElement("div");return t.className="ar-toast-container",t.setAttribute("data-ar-toast-position",e),document.body.appendChild(t),h[e]=t,t}function P(e,t){var r=t||{},a=r.type||"",o=typeof r.duration=="number"?r.duration:4e3,i=r.position||"top-right",U=r.closable!==!1,k=r.icon||null,Y=I(i),n=document.createElement("div");if(n.className="ar-toast"+(a?" ar-toast-"+a:""),n.style.position="relative",k){var E=document.createElement("span");E.className="ar-toast-icon",E.textContent=k,n.appendChild(E)}var y=document.createElement("span");if(y.className="ar-toast-message",y.textContent=e,n.appendChild(y),U){var s=document.createElement("button");s.className="ar-toast-close",s.textContent="\u2715",s.setAttribute("aria-label","Close"),s.addEventListener("click",()=>{v(n)}),n.appendChild(s)}if(o>0){var L=document.createElement("div");L.className="ar-toast-progress",L.style.animationDuration=o+"ms",n.appendChild(L)}Y.appendChild(n);var p;return o>0&&(p=setTimeout(()=>{v(n)},o)),n.addEventListener("mouseenter",()=>{p&&clearTimeout(p),n.querySelector(".ar-toast-progress")&&(n.querySelector(".ar-toast-progress").style.animationPlayState="paused")}),n.addEventListener("mouseleave",()=>{if(o>0){var B=o*.3;p=setTimeout(()=>{v(n)},B),n.querySelector(".ar-toast-progress")&&(n.querySelector(".ar-toast-progress").style.animationPlayState="running")}}),n}function v(e){e.classList.contains("ar-toast-out")||(e.classList.add("ar-toast-out"),e.addEventListener("animationend",()=>{e.remove()}))}function R(){document.querySelectorAll("[data-ar-rating]").forEach(e=>{var t=e.querySelectorAll("input");t.forEach(r=>{r.addEventListener("change",()=>{var a=new CustomEvent("ar-rating-change",{detail:{value:Number(r.value)},bubbles:!0});e.dispatchEvent(a)})})})}function M(e){var t=e.querySelector("input:checked");return t?Number(t.value):0}function O(e,t){var r=e.querySelector('input[value="'+t+'"]');r&&(r.checked=!0,r.dispatchEvent(new Event("change")))}function _(){document.addEventListener("click",e=>{var t=e.target.closest("[data-ar-popover]");if(t){e.preventDefault();var r=t.getAttribute("data-ar-popover"),a=r?document.getElementById(r):t.querySelector(".ar-popover-content");if(!a)return;var o=a.closest(".ar-popover")||t.closest(".ar-popover");if(!o)return;document.querySelectorAll(".ar-popover-open").forEach(i=>{i!==o&&i.classList.remove("ar-popover-open")}),o.classList.toggle("ar-popover-open");return}e.target.closest(".ar-popover")||document.querySelectorAll(".ar-popover-open").forEach(i=>{i.classList.remove("ar-popover-open")})}),document.addEventListener("keydown",e=>{e.key==="Escape"&&document.querySelectorAll(".ar-popover-open").forEach(t=>{t.classList.remove("ar-popover-open")})})}function H(e){var t=document.getElementById(e);if(t){var r=t.closest(".ar-popover");r&&r.classList.add("ar-popover-open")}}function F(e){var t=document.getElementById(e);if(t){var r=t.closest(".ar-popover");r&&r.classList.remove("ar-popover-open")}}function G(){document.querySelectorAll(".ar-file-upload").forEach(e=>{var t=e.querySelector('input[type="file"]');t&&(["dragenter","dragover"].forEach(r=>{e.addEventListener(r,a=>{a.preventDefault(),e.classList.add("ar-file-upload-dragover")})}),["dragleave","drop"].forEach(r=>{e.addEventListener(r,a=>{a.preventDefault(),e.classList.remove("ar-file-upload-dragover")})}),t.addEventListener("change",()=>{var r=new CustomEvent("ar-file-change",{detail:{files:t.files},bubbles:!0});e.dispatchEvent(r)}))})}function K(){var e=document.querySelectorAll("[data-ar-scroll-top]");if(!e.length)return;function t(){var r=window.scrollY>300;e.forEach(a=>{a.classList.toggle("ar-scroll-top-visible",r)})}window.addEventListener("scroll",t,{passive:!0}),t(),e.forEach(r=>{r.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})})}function b(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",A):A()}function A(){c()||S(),m(),q(),T(),w(),C(),x(),D(),N(),R(),_(),G(),K()}window.ARStyle={setTheme:l,getTheme:c,initTheme:S,init:b,toast:P,dismissToast:v,getRating:M,setRating:O,openPopover:H,closePopover:F},b()})();})();

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "arekui",
+  "version": "1.0.0",
+  "description": "A standalone CSS framework by Andika Rekatias. No dependencies, no build step.",
+  "main": "arekui.js",
+  "types": "arekui.d.ts",
+  "style": "arekui.css",
+  "bin": {
+    "arekui-build": "scripts/build-custom.js"
+  },
+  "files": [
+    "arekui.css",
+    "arekui.js",
+    "arekui.d.ts",
+    "src/",
+    "dist/",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "node scripts/build-css.js && node scripts/build-js.js",
+    "build:css": "node scripts/build-css.js",
+    "build:js": "node scripts/build-js.js",
+    "build:sourcemap": "node scripts/build-css.js --sourcemap && node scripts/build-js.js --sourcemap",
+    "dev": "node scripts/build-css.js --watch & node scripts/build-js.js --watch",
+    "clean": "node scripts/clean.js",
+    "typecheck": "tsc arekui.d.ts --noEmit --skipLibCheck",
+    "prepublishOnly": "node scripts/clean.js && node scripts/build-css.js && node scripts/build-js.js"
+  },
+  "keywords": [
+    "css",
+    "framework",
+    "neobrutalism",
+    "lightweight",
+    "no-dependencies",
+    "component-library",
+    "design-system"
+  ],
+  "author": "Andika Rekatias",
+  "license": "MIT",
+  "homepage": "https://github.com/andikarekatias/arekui",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/andikarekatias/arekui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/andikarekatias/arekui/issues"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.24.0",
+    "lightningcss": "^1.28.0",
+    "typescript": "^5.7.0"
+  }
+}