:root{
  --paper:#F4F4EE;
  --paper-2:#EBEBE4;
  --ink:#111111;
  --ink-2:#4A4A46;
  --ink-3:#686862;
  --rule:#D6D6CE;
  --accent:#E3452F;
  --accent-ink:#FFFFFF;
  --accent-text:#C2321D;
  --goblin:#6E7F3F;
  --goblin-text:#56652D;
  --case-w:184px;
  --case-ratio:1.136;
  --case-depth:16px;
  --case-tilt:15deg;
  --case-plastic:#1A1A18;
  --case-edge:#111111;
  --spine-ink:#F4F4EE;
  --k:1;
  --float-amp:-7px;
  --sway-z:1.1deg;
  --sway-x:1.4deg;
  --float-dur:6.1s;
  --sway-dur:7.7s;
  --turn-dur:460ms;
  --turn-ease:cubic-bezier(.22,.68,.24,1);
  --turn-z:28px;
  --inv-paper:#111111;
  --inv-paper-2:#1B1B19;
  --inv-ink:#F4F4EE;
  --inv-ink-2:#C2C2BA;
  --inv-ink-3:#8C8C86;
  --inv-rule:rgba(255,255,255,.14);
  --inv-accent-text:#E3452F;
  --scrim:rgba(17,17,17,.7);
  --radius:4px;
  --hair:1px;
  --gap:24px;
  --maxw:1440px;
  --mascot-lg:180px;
  --mascot-md:120px;
  --mascot-sm:28px;
  --f-sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
  --f-dot:"DotGothic16","MS Gothic",ui-monospace,monospace;
  color-scheme:light;
}

[data-theme="dark"]{
  --paper:#121210;
  --paper-2:#0A0A09;
  --ink:#EDEDE6;
  --ink-2:#A8A8A0;
  --ink-3:#85857E;
  --rule:#2A2A26;
  --accent-text:#E3452F;
  --goblin:#7D8F49;
  --goblin-text:#9CAE66;
  --case-plastic:#000000;
  --case-edge:#85857E;
  --inv-paper:#EDEDE6;
  --inv-paper-2:#E1E1D9;
  --inv-ink:#121210;
  --inv-ink-2:#4A4A46;
  --inv-ink-3:#62625C;
  --inv-rule:rgba(0,0,0,.14);
  --inv-accent-text:#C2321D;
  --scrim:rgba(0,0,0,.72);
  color-scheme:dark;
}

.inverse{
  --paper:var(--inv-paper);
  --paper-2:var(--inv-paper-2);
  --ink:var(--inv-ink);
  --ink-2:var(--inv-ink-2);
  --ink-3:var(--inv-ink-3);
  --rule:var(--inv-rule);
  --accent-text:var(--inv-accent-text);
  --case-edge:var(--inv-ink-3);
  background:var(--paper);
  color:var(--ink);
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
blockquote,
dl,
dd,
table,
fieldset,
legend{
  margin:0;
  padding:0;
}

ul,
ol{
  list-style:none;
}

fieldset{
  border:0;
  min-width:0;
}

img,
svg{
  display:block;
  max-width:100%;
}

button,
input,
textarea,
select{
  font:inherit;
  color:inherit;
  letter-spacing:inherit;
}

button{
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  text-align:inherit;
}

a{
  color:inherit;
  text-decoration:none;
}

table{
  border-collapse:collapse;
}

[hidden]{
  display:none !important;
}