*{margin:0;padding:0;box-sizing:border-box}.full-size{width:100%;height:100%}.flex{display:flex}.flex.center{justify-content:center;align-items:center}.flex.row{flex-direction:row}.flex.column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.button{--button-color: var(--color-primary);padding:1rem 2rem;margin:1rem;border:.2rem solid var(--button-color);border-radius:.5rem;background-color:oklch(from var(--button-color) 50% c h);color:oklch(from var(--button-color) 100% c h);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.button:not(:disabled):hover{color:oklch(from var(--button-color) 30% c h);background-color:var(--button-color)}.button:disabled{cursor:not-allowed;filter:brightness(.6)}.button[data-color=primary]{--button-color: var(--color-primary)}.button[data-color=secondary]{--button-color: var(--color-secondary)}.button[data-color=accent]{--button-color: var(--color-accent)}[data-theme=pink]{--color-primary: #af7595;--color-secondary: #8c2155;--color-accent: #5b85aa}[data-theme=red]{--color-primary: #c94c4c;--color-secondary: #8b0000;--color-accent: #ff6b6b}[data-theme=blue]{--color-primary: #5b9bd5;--color-secondary: #2e5c8a;--color-accent: #87ceeb}[data-theme=green]{--color-primary: #6ba368;--color-secondary: #2d5a2b;--color-accent: #90ee90}[data-theme=orange]{--color-primary: #e89a3c;--color-secondary: #cc5500;--color-accent: #ffa07a}:root{font-size:clamp(16px,max(min(4vh,2vw),16px),24px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;min-height:100%;overflow:hidden auto;scroll-behavior:smooth;-webkit-user-select:text;user-select:text;--color-text: #37392e;--color-background: #dcecec;--color-pen: #2e3339;--color-paper: #eee5e5;color:var(--color-text);background-color:var(--color-background)}body{padding:2rem}