/* Tantular Space — generated from tokens.json */
:root,[data-theme="dark"]{--bg:#161413;--bg-2:#1c1918;--surface:#211e1d;--raised:#2a2625;--ink:#efece8;--ink-2:#b3aea9;--ink-3:#8f8a86;--line:#2e2a28;--line-strong:#3d3835;--hover:#272322;--active:#312c2a;--accent:#ec3013;--accent-hover:#c92a10;--accent-text:#ff7a64;--accent-tint:#2c1d1a;--on-accent:#ffffff;--rule:rgba(248,244,244,0.4);--page-bg:#f3f2f2;--page-surface:#eae9e9;--accent-2:#e15b47;--neutral-100:#f8f4f4;--neutral-200:#eae7e7;--neutral-300:#d7d3d3;--neutral-400:#bab6b6;--neutral-500:#9b9797;--neutral-600:#7d7979;--neutral-700:#605d5d;--neutral-800:#444141;--neutral-900:#2d2b2b;--accent-100:#fff2ef;--accent-200:#ffe0d9;--accent-300:#ffc4b8;--accent-400:#ff9783;--accent-500:#ff563c;--accent-600:#dd2b0f;--accent-700:#ae1800;--accent-800:#7c1405;--accent-900:#4d170e;--accent-2-100:#fff2ef;--accent-2-200:#ffe0da;--accent-2-300:#ffc4b9;--accent-2-400:#ff9784;--accent-2-500:#ef6853;--accent-2-600:#c94b39;--accent-2-700:#9e3526;--accent-2-800:#71261b;--accent-2-900:#471d16;--board-canvas:#ffffff;--sticky-yellow:#ffcc00;--sticky-green:#7ee081;--sticky-blue:#74c0fc;--sticky-rose:#ffa8a8;--pen-ink:#1c1c1c;--pen-red:#e03131;--pen-blue:#1971c2;--pen-green:#2f9e44;--deck-gelap-bg:#1a1817;--deck-resmi-accent:#1f3a6e;--focus:#7aa7ff;--online:#5fd27a;--frame:#000000;--float-bg:#ffffff;--float-line:#e4dcd4;--float-ink:#211e1d;--float-ink-2:#5c5652;--float-hover:#f4efea;--bar-hover:#3a3533;--focus-on-board:#1d5fd1;--canvas-dot:#d9d3cc;--avatar-1:#c22d14;--avatar-2:#2b6cb8;--avatar-3:#2f7d3e;--avatar-4:#7a4cc2;--avatar-5:#a14a00;--avatar-6:#1f6f78;--shadow-sm:0 1px 2px rgba(45,43,43,0.14);--shadow-md:0 3px 10px rgba(45,43,43,0.16);--shadow-lg:0 12px 32px rgba(45,43,43,0.22);--shadow-float:0 12px 36px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04);--shadow-dock:0 12px 30px rgba(51,35,24,0.14);--shadow-chip:0 8px 22px rgba(51,35,24,0.12);--shadow-bar:0 8px 20px rgba(33,30,29,0.25);color-scheme:dark}
[data-theme="light"]{--bg:#f4f2ef;--bg-2:#efece8;--surface:#fcfbf9;--raised:#ffffff;--ink:#201e1d;--ink-2:#605d5d;--ink-3:#7d7876;--line:#dcd8d3;--line-strong:#c4bfb9;--hover:#e6e2dd;--active:#d9d5cf;--accent-text:#ae1800;--accent-tint:#fff2ef;--rule:rgba(32,30,29,0.16);--focus:#1d5fd1;--online:#1f7a33;--frame:#211e1d;--shadow-float:0 12px 36px rgba(45,43,43,0.14), 0 1px 2px rgba(45,43,43,0.08);color-scheme:light}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--layout-section:88px;--layout-content-max:1200px;--layout-nav:78px;--layout-topbar:56px;--layout-rail:264px;--layout-chat:336px;--touch-target:44px;--layout-room-gap:14px;--layout-dock:80px;--radius-sharp:0px;--radius-xs:4px;--radius-sm:6px;--radius-button:8px;--radius-md:9px;--radius-lg:12px;--radius-xl:14px;--radius-full:999px;--radius-bubble:16px;--radius-room:20px;--radius-stage:24px;--font-sans:"Archivo", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace}
.display-hero{font-family:var(--font-sans);font-size:88px;line-height:1.08;font-weight:800;letter-spacing:-0.02em}
.display-section{font-family:var(--font-sans);font-size:46px;line-height:1.08;font-weight:800;letter-spacing:-0.02em}
.display-card{font-family:var(--font-sans);font-size:27px;line-height:1.08;font-weight:800;letter-spacing:-0.02em}
.display-pillar{font-family:var(--font-sans);font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-0.02em}
.lead{font-family:var(--font-sans);font-size:18px;line-height:29px;font-weight:400}
.body{font-family:var(--font-sans);font-size:16px;line-height:1.55;font-weight:400}
.body-card{font-family:var(--font-sans);font-size:15.5px;line-height:27px;font-weight:400}
.eyebrow{font-family:var(--font-sans);font-size:13px;line-height:14px;font-weight:400;letter-spacing:0.09em}
.stat-value{font-family:var(--font-sans);font-size:46px;line-height:1.2;font-weight:800}
.stat-label{font-family:var(--font-sans);font-size:12.5px;line-height:1.55;font-weight:400;letter-spacing:0.08em}
.button-label{font-family:var(--font-sans);font-size:14.5px;line-height:1.2;font-weight:800}
.app-title{font-family:var(--font-sans);font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-0.01em}
.app-heading{font-family:var(--font-sans);font-size:14px;line-height:1.55;font-weight:700}
.app-body{font-family:var(--font-sans);font-size:14px;line-height:1.55;font-weight:400}
.app-label{font-family:var(--font-sans);font-size:13px;line-height:1.55;font-weight:600}
.app-muted{font-family:var(--font-sans);font-size:13px;line-height:1.55;font-weight:400}
.app-notice{font-family:var(--font-sans);font-size:12.5px;line-height:1.55;font-weight:400}
.app-meta{font-family:var(--font-sans);font-size:12px;line-height:1.55;font-weight:400}
.app-role{font-family:var(--font-sans);font-size:12.5px;line-height:1.55;font-weight:400}
.app-brand{font-family:var(--font-sans);font-size:16px;line-height:1.2;font-weight:800;letter-spacing:-0.01em}
.app-member{font-family:var(--font-sans);font-size:14px;line-height:1.55;font-weight:600}
.app-message{font-family:var(--font-sans);font-size:14.5px;line-height:1.55;font-weight:400}
.app-dock{font-family:var(--font-sans);font-size:12px;line-height:1.2;font-weight:600}
.app-zoom{font-family:var(--font-sans);font-size:14px;line-height:1.2;font-weight:700}
.app-artboard{font-family:var(--font-sans);font-size:13px;line-height:1.2;font-weight:400}
.mono-code{font-family:var(--font-mono);font-size:15.5px;line-height:28px;font-weight:400}
.mono-strip{font-family:var(--font-mono);font-size:12.5px;line-height:1.55;font-weight:400;letter-spacing:0.02em}