*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-page: #1a1a1f;--color-bg-card: #252530;--color-bg-input: #1e1e25;--color-bg-hover: #2d2d38;--color-border: #3a3a45;--color-border-light: #444450;--color-border-focus: #5a5a65;--color-text-primary: #f5f5f0;--color-text-secondary: #b0b0a8;--color-text-muted: #888880;--color-text-dim: #666660;--color-accent-primary: #6b9fff;--color-accent-primary-hover: #5a8fee;--color-accent-heal: #7dd3a0;--color-accent-wound: #e8a0a0;--color-accent-neutral: #a0a0a0;--color-accent-warning: #f0c070;--color-accent-info: #70c0d0;--color-button-disabled: #4a4a55;--color-button-secondary-bg: transparent;--color-danger: #dc5050;--color-danger-hover: #cc4040;--color-button-primary-text: #f5f5f0;--color-heart-label: #f5f5f0;--color-overlay-bg: rgba(0, 0, 0, .7);--color-overlay-text: #f5f5f0;--color-overlay-button: rgba(255, 255, 255, .15);--color-overlay-button-hover: rgba(255, 255, 255, .25);--color-overlay-button-border: rgba(255, 255, 255, .3);--radius-card: 12px;--radius-button: 6px;--radius-input: 6px;--radius-small: 4px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .2);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .3);--font-size-xs: .55rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-semibold: 600;color:var(--color-text-primary);background-color:var(--color-bg-page)}a{font-weight:500;color:var(--color-accent-primary);text-decoration:inherit}a:hover{color:var(--color-accent-primary-hover)}body{margin:0;display:flex;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}html{overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button,input,textarea,select{font-family:inherit}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-bg-input);cursor:pointer;position:relative;transition:background-color .15s,border-color .15s}input[type=checkbox]:hover{border-color:var(--color-border-focus)}input[type=checkbox]:checked{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888880' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a5a55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}button{border-radius:var(--radius-button);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:var(--color-bg-input);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--color-accent-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}[data-theme=light]{color-scheme:light;--color-bg-page: #faf8f5;--color-bg-card: #ffffff;--color-bg-input: #f5f2ed;--color-bg-hover: #f0ede8;--color-border: #e0ddd8;--color-border-light: #d5d0ca;--color-border-focus: #b0aaa0;--color-text-primary: #2a2a28;--color-text-secondary: #5a5a55;--color-text-muted: #7a7a72;--color-text-dim: #9a9a90;--color-accent-primary: #4a7fd4;--color-accent-primary-hover: #3a6fc4;--color-accent-heal: #3da870;--color-accent-wound: #c05050;--color-accent-neutral: #707070;--color-accent-warning: #c09030;--color-accent-info: #3090a0;--color-button-disabled: #d0cdc8;--color-button-secondary-bg: transparent;--color-button-primary-text: #ffffff;--color-heart-label: #000000;--color-danger: #c04040;--color-danger-hover: #a83030;--color-overlay-bg: rgba(255, 255, 255, .65);--color-overlay-text: #2a2a28;--color-overlay-button: rgba(0, 0, 0, .08);--color-overlay-button-hover: rgba(0, 0, 0, .15);--color-overlay-button-border: rgba(0, 0, 0, .15);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .1);color:var(--color-text-primary);background-color:var(--color-bg-page)}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:center;width:100%;box-sizing:border-box}@media(min-width:768px){#root{padding:2rem}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}