*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{height:100%;font-family:var(--font-body);background-color:var(--desk);background-image:linear-gradient(45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.03) 75%);background-size:4px 4px;color:var(--ink-black);overflow-x:hidden}#root{height:100%;min-height:100vh}button{border:none;cursor:pointer;font-family:inherit;background:transparent;color:inherit;transition:var(--transition)}button:disabled{cursor:not-allowed;color:var(--color-disabled)}input{border:none;outline:none;font-family:inherit;background:transparent;color:inherit}input::placeholder{color:var(--ink-light)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-light)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--ink-black)}:root{--paper-white: #f5f0e6;--paper-cream: #ede4d3;--paper-warm: #e8dcc8;--kraft: #b8956a;--kraft-light: #c9a87c;--kraft-dark: #9a7752;--cardboard: #c4a882;--cardboard-dark: #a68b6b;--desk: #d4c5a9;--ink-black: #2a2520;--ink-gray: #6b6460;--ink-light: #9e958c;--ink-faint: #c4bbb0;--color-primary: #c94c4c;--color-primary-hover: #a33b3b;--color-primary-light: #e8a0a0;--color-primary-rgb: 201,76,76;--color-on-primary: #f5f0e6;--color-secondary: #5b7e9a;--color-accent: #7a9a6e;--color-background: #d4c5a9;--color-surface: #f5f0e6;--color-on-surface: #2a2520;--color-disabled: #9e958c;--color-card: #f5f0e6;--color-danger: #c94c4c;--color-danger-hover: #a33b3b;--color-success: #7a9a6e;--header-height: 64px;--side-panel-width: 25%;--border-radius: 2px;--border-radius-large: 4px;--elevation-1: 1px 1px 3px rgba(0,0,0,.08);--elevation-2: 2px 2px 4px rgba(0,0,0,.08), 0 0 0 1px rgba(42,37,32,.06);--elevation-3: 3px 3px 10px rgba(0,0,0,.12);--transition: all .2s ease;--dot-color: rgba(42, 37, 32, .12);--dot-size: 1.5px;--dot-spacing: 20px;--font-body: "Cutive Mono", monospace;--font-heading: "Fredericka the Great", cursive;--font-label: "Courier Prime", monospace;--font-stamp: "Special Elite", serif}.app{min-height:100vh;position:relative}.main-content{min-height:100vh;position:relative;z-index:1}