:root{--bg: #F4ECD8;--paper: #FBF5EF;--paper-2: #F0E6D2;--ink: #2A1F18;--ink-soft: #5A4738;--ink-faint: #8A6A4D;--accent: #C84B4B;--accent-2: #2B3A4A;--accent-3: #8A6A3D;--gold: #C9A35B;--rule: rgba(60, 40, 20, .18);--rule-soft: rgba(60, 40, 20, .08);--f-serif: "Shippori Mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--f-sans: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;--f-hand: "Klee One", "Yuji Syuku", "Caveat", cursive;--f-en: "EB Garamond", "Cormorant Garamond", Georgia, serif;--f-body: var(--f-serif)}[data-theme=kraft]{--bg: #F4ECD8;--paper: #FBF5EF;--paper-2: #F0E6D2;--ink: #2A1F18;--ink-soft: #5A4738;--ink-faint: #8A6A4D;--accent: #C84B4B;--accent-2: #2B3A4A;--accent-3: #8A6A3D;--gold: #C9A35B}[data-theme=washi]{--bg: #F8F2E6;--paper: #FFFCF3;--paper-2: #EFE6D0;--ink: #1F1A14;--ink-soft: #4A3F30;--ink-faint: #7A6A52;--accent: #A93535;--accent-2: #1F2A38;--accent-3: #7A5230;--gold: #B8893A}[data-theme=pastel]{--bg: #FBF5EF;--paper: #FFFFFF;--paper-2: #FAEDE7;--ink: #3A2A2A;--ink-soft: #6A5252;--ink-faint: #9A7A7A;--accent: #E8A0A8;--accent-2: #A8C4A2;--accent-3: #F4C97D;--gold: #E0B870}[data-theme=mono]{--bg: #F8F6F1;--paper: #FFFFFF;--paper-2: #EAE5DA;--ink: #1A1A1A;--ink-soft: #3A3A3A;--ink-faint: #7A7A7A;--accent: #1A1A1A;--accent-2: #B8927A;--accent-3: #5A5A5A;--gold: #B8927A}[data-theme=vintage]{--bg: #FFF8F0;--paper: #FFFCF3;--paper-2: #F4E4C8;--ink: #2A1F18;--ink-soft: #5A4738;--ink-faint: #9A7A4D;--accent: #D85C4A;--accent-2: #1F3A5F;--accent-3: #E8B84C;--gold: #E8B84C}[data-font=mincho]{--f-body: var(--f-serif)}[data-font=gothic]{--f-body: var(--f-sans)}[data-font=hand]{--f-body: var(--f-hand)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .3s,color .3s}.paper{background-color:var(--paper);background-image:radial-gradient(1px 1px at 20% 30%,rgba(60,40,20,.04) 0,transparent 50%),radial-gradient(1px 1px at 70% 60%,rgba(60,40,20,.04) 0,transparent 50%),radial-gradient(1px 1px at 40% 80%,rgba(60,40,20,.05) 0,transparent 50%),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);transition:background .3s}button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit}input,textarea,select{font-family:inherit}@keyframes shake-soft{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes letter-rise{0%{transform:translateY(20%);opacity:0}to{transform:translateY(0);opacity:1}}