:root{color-scheme:light;--bg: #fbf3e2;--surface: #fffbf2;--surface-2: #f6ecd6;--text: #2a1d10;--text-2: rgba(42, 29, 16, .62);--text-3: rgba(42, 29, 16, .42);--border: rgba(90, 58, 20, .16);--edge: rgba(90, 58, 20, .2);--brand: #ea8324;--brand-edge: #b25a12;--on-brand: #fff6e9;--brand-soft: rgba(234, 131, 36, .13);--accent: #f4b63c;--accent-edge: #c98f1c;--accent-soft: rgba(244, 182, 60, .3);--ok: #3e9e5e;--ok-soft: rgba(79, 184, 112, .13);--dgr: #d2432b;--dgr-soft: rgba(210, 67, 43, .11);--sky: #f3e7cc;--shadow: 0 12px 26px rgba(150, 85, 20, .12);--f-ui: "Karla", ui-rounded, "SF Pro Rounded", system-ui, "Segoe UI", sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}:root.dark{color-scheme:dark;--bg: #201810;--surface: #2a2118;--surface-2: #241c12;--text: #f4eadb;--text-2: rgba(244, 234, 219, .62);--text-3: rgba(244, 234, 219, .4);--border: rgba(244, 234, 219, .16);--edge: rgba(244, 234, 219, .2);--brand: #f4933b;--brand-edge: #b5661c;--on-brand: #241305;--brand-soft: rgba(244, 147, 59, .14);--accent: #f4b63c;--accent-edge: #8f6414;--ok: #7fe0a8;--ok-soft: rgba(127, 224, 168, .12);--dgr: #ff8a6e;--dgr-soft: rgba(255, 138, 110, .12);--accent-soft: rgba(244, 182, 60, .18);--sky: #231a0f;--shadow: none}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(200,110,30,.08) 1px,transparent 1px);background-size:22px 22px;transition:background-color .3s ease,color .3s ease}@keyframes sbBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sbWave{to{transform:translate(-40px)}}@keyframes sbJelly{0%,to{transform:translate(0)}50%{transform:translate(-6px,-9px)}}@keyframes sbBubbleRise{0%{transform:translateY(14px) scale(.6);opacity:0}20%{opacity:.8}80%{opacity:.8}to{transform:translateY(-34px) scale(1);opacity:0}}@keyframes sbGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.14);opacity:.85}}@keyframes sbShimmer{0%,to{opacity:.4}50%{opacity:1}}@keyframes sbFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sbSlideIn{0%{opacity:.5;transform:translate(var(--sb-dir, 28px))}to{opacity:1;transform:translate(0)}}@keyframes sbPop{0%{transform:scale(1)}45%{transform:scale(1.11)}to{transform:scale(1)}}@keyframes sbSpin{to{transform:rotate(360deg)}}.sb-screen{animation:sbSlideIn .26s cubic-bezier(.22,.61,.36,1) both}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@keyframes sbRise{0%{transform:translateY(0) scale(.7);opacity:0}12%{opacity:.75}88%{opacity:.75}to{transform:translateY(-104vh) scale(1);opacity:0}}
