:root{--malang-red:#e6392b;--malang-red-rgb:230,57,43;--malang-red-dark:#8e1d13;--malang-orange:#f4a261;--malang-orange-rgb:244,162,97;--malang-cream:#f7e9db;--malang-brown:#6b3a1e;--malang-ink:#1a1a1a;--malang-red-bright:#ff3b30;--status-success:#2f7d51;--status-warning:#9a6a16;--status-warning-fill:#d9941a;--status-progress:#d99b2b;--status-info:#197278;--status-listening:#2f6f7f;--status-pronunciation:#8a6a2b;--status-negative:#9f2f2f;--status-negative-strong:#c72f2f;--status-critical:#ef4444;--learning-unknown:#ff6363;--learning-unknown-border:#ff9696;--learning-active:#f0501e;--learning-active-border:#ffaa82;--radius-card:16px;--radius-control:12px;--soft-shadow:0 18px 55px rgba(107,58,30,0.13);--button-shadow:0 14px 32px rgba(var(--malang-red-rgb),0.24);--focus-ring:0 0 0 3px rgba(var(--malang-orange-rgb),0.34);--malang-scrollbar-thumb-muted:color-mix(in srgb,var(--malang-red) 38%,transparent);--malang-scrollbar-thumb:color-mix(in srgb,var(--malang-red) 46%,transparent);--malang-scrollbar-thumb-hover:color-mix(in srgb,var(--malang-red) 64%,transparent);--theme-knob-ink:var(--malang-brown);--theme-knob-rice:var(--malang-cream);--theme-knob-rice-accent:var(--malang-orange);--malang-subheader-color:var(--text)}html[data-theme=ink]{--bg:radial-gradient(1000px 680px at 50% -12%,rgba(255,255,255,0.055) 0%,rgba(255,255,255,0) 58%),linear-gradient(180deg,#151515,#111111 48%,#0f0f0f);--text:rgba(247,233,219,0.96);--muted:rgba(247,233,219,0.72);--muted2:rgba(247,233,219,0.56);--surface:rgba(247,233,219,0.085);--surface2:rgba(247,233,219,0.055);--panel:rgba(26,26,26,0.94);--panel-opaque:#1a1a1a;--inputBg:rgba(247,233,219,0.08);--border:rgba(247,233,219,0.18);--border2:rgba(247,233,219,0.11);--accent:var(--malang-red);--accent-readable:var(--malang-red-bright);--accent2:var(--malang-orange);--accentText:#ffffff;--danger:#ff6b6b;--shadow:rgba(0,0,0,0.55);--cardShadow:0 20px 58px rgba(0,0,0,0.34);--sidebarBg:linear-gradient(180deg,rgba(42,23,18,0.98),rgba(26,26,26,0.94));--sidebarHover:rgba(247,233,219,0.08);--sidebarActive:linear-gradient(180deg,rgba(var(--malang-red-rgb),0.24),rgba(var(--malang-orange-rgb),0.10));--sidebarCard:rgba(247,233,219,0.07);--sidebarText:rgba(247,233,219,0.86);--panda-face:var(--malang-cream);--panda-ink:var(--malang-ink);--malang-subheader-color:var(--malang-cream)}html[data-theme=rice]{--bg:radial-gradient(900px 680px at 12% -8%,rgba(var(--malang-red-rgb),0.10) 0%,rgba(255,255,255,0) 58%),radial-gradient(760px 620px at 92% 0%,rgba(var(--malang-orange-rgb),0.16) 0%,rgba(255,255,255,0) 54%),linear-gradient(180deg,#fffaf3 0%,var(--malang-cream) 58%,#fff5ea 100%);--text:var(--malang-ink);--muted:rgba(26,26,26,0.70);--muted2:rgba(26,26,26,0.52);--surface:rgba(255,251,246,0.84);--surface2:rgba(255,248,240,0.74);--panel:rgba(255,253,249,0.96);--panel-opaque:#fffdf9;--inputBg:rgba(255,255,255,0.48);--border:rgba(107,58,30,0.16);--border2:rgba(107,58,30,0.10);--accent:var(--malang-red);--accent-readable:var(--malang-red-dark);--accent2:var(--malang-orange);--accentText:#ffffff;--danger:var(--malang-red-dark);--shadow:rgba(27,20,15,0.16);--cardShadow:var(--soft-shadow);--sidebarBg:linear-gradient(180deg,rgba(255,253,249,0.96),rgba(255,246,236,0.92));--sidebarHover:rgba(255,248,240,0.82);--sidebarActive:linear-gradient(180deg,rgba(var(--malang-red-rgb),0.14),rgba(var(--malang-orange-rgb),0.16));--sidebarCard:rgba(255,248,240,0.74);--sidebarText:var(--malang-brown);--panda-face:var(--malang-cream);--panda-ink:var(--malang-ink);--malang-subheader-color:#000}*,html{scrollbar-color:var(--malang-scrollbar-thumb-muted) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{min-height:34px;border:2px solid transparent;border-radius:999px;background:var(--malang-scrollbar-thumb);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--malang-scrollbar-thumb-hover);background-clip:content-box}