:root{
  color-scheme:light;
  --canvas:#f6f1e8;
  --canvas-2:#efe7dc;
  --surface:#fffdf9;
  --surface-2:#f8f1e8;
  --surface-3:#eee3d6;
  --ink:#2d2721;
  --ink-2:#574c42;
  --muted:#63574c;
  --brand:#74513b;
  --brand-2:#95674a;
  --brand-soft:#f1e2d3;
  --on-brand:#fff;
  --on-green:#fff;
  --on-red:#fff;
  --gold:#c79652;
  --gold-soft:#ead0a7;
  --line:#dfd2c3;
  --line-strong:#c9b6a1;
  --green:#4f7f62;
  --green-bg:#edf6ef;
  --green-line:#b9d7c0;
  --red:#a54d42;
  --red-bg:#fbefed;
  --red-line:#e2bdb6;
  --violet:#76649b;
  --violet-bg:#f1eef8;
  --warn:#94691f;
  --warn-bg:#fbf4df;
  --shadow-xs:0 2px 8px rgba(62,43,28,.05);
  --shadow-sm:0 10px 26px rgba(62,43,28,.075);
  --shadow:0 24px 60px rgba(62,43,28,.12);
  --radius-lg:28px;
  --ease:cubic-bezier(.22,1,.36,1);
  --topbar-h:72px;
  --sidebar-w:300px;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --canvas:#100d0b;
  --canvas-2:#17120f;
  --surface:#1a1511;
  --surface-2:#231b15;
  --surface-3:#2d221a;
  --ink:#f4ede5;
  --ink-2:#cfc0b1;
  --muted:#a39384;
  --brand:#dfad88;
  --brand-2:#efbd91;
  --brand-soft:#2f2118;
  --on-brand:#100d0b;
  --on-green:#100d0b;
  --on-red:#100d0b;
  --gold:#d7a35d;
  --gold-soft:#5a4025;
  --line:#34291f;
  --line-strong:#49372a;
  --green:#83b796;
  --green-bg:#15231a;
  --green-line:#2d5238;
  --red:#e08c80;
  --red-bg:#2a1714;
  --red-line:#5a302a;
  --violet:#b7a5dc;
  --violet-bg:#241e31;
  --warn:#e7bd68;
  --warn-bg:#2b2414;
  --shadow-xs:0 2px 8px rgba(0,0,0,.2);
  --shadow-sm:0 10px 28px rgba(0,0,0,.28);
  --shadow:0 28px 70px rgba(0,0,0,.4);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--canvas);-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100%;overflow-x:clip}
body{
  margin:0;
  min-width:0;
  min-height:100vh;
  min-height:100dvh;
  background:
    radial-gradient(circle at 10% -8%,color-mix(in srgb,var(--gold) 11%,transparent),transparent 29%),
    linear-gradient(180deg,var(--canvas),var(--canvas-2));
  color:var(--ink);
  font:15.5px/1.62 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
  overflow-wrap:anywhere;
  max-width:100%;
  overflow-x:clip;
}
body.no-scroll{overflow:hidden}
button,input,select{font:inherit}
button,a,input,select{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit}
img{max-width:100%;display:block}
::selection{background:var(--gold-soft);color:#2c2117}
:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 58%,transparent);outline-offset:3px}
[hidden]{display:none!important}