:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--hw-page-bg: #f5f6fa;--hw-frame-bg: rgba(255, 255, 255, .92);--hw-frame-border: #dcdde1;--hw-frame-shadow: rgba(0, 0, 0, .08);--hw-text-primary: #111;--hw-text-secondary: #555;--hw-text-tertiary: #333;--hw-text-muted: #374151;--hw-badge-bg: #eee;--hw-badge-text: #333;--hw-button-bg: #eef1f6;--hw-button-text: #111;--hw-button-border: #1f2937;--hw-button-subtle-bg: rgba(0, 0, 0, .08);--hw-button-subtle-border: rgba(0, 0, 0, .18);--hw-hint-row-border: #cfd6dd;--hw-pill-hover-bg: #e6eaf2;--hw-live-shadow: rgba(94, 184, 255, .66);--hw-hint-bg: #f3f4f6;--hw-hint-border: #9ca3af;--hw-success-shadow: rgba(57, 255, 20, .6);--hw-info-shadow: rgba(107, 184, 255, .3);--hw-blood-text: #b31217;--hw-blood-dark: #7f0c10;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.hw-dark-mode{--hw-page-bg: #1a1a1a;--hw-frame-bg: rgba(30, 30, 30, .95);--hw-frame-border: #404040;--hw-frame-shadow: rgba(0, 0, 0, .35);--hw-text-primary: #e8e8e8;--hw-text-secondary: #a0a0a0;--hw-text-tertiary: #c0c0c0;--hw-text-muted: #888888;--hw-badge-bg: #333333;--hw-badge-text: #d0d0d0;--hw-button-bg: #2a2a2a;--hw-button-text: #e8e8e8;--hw-button-border: #505050;--hw-button-subtle-bg: rgba(255, 255, 255, .08);--hw-button-subtle-border: rgba(255, 255, 255, .18);--hw-hint-row-border: #505050;--hw-pill-hover-bg: #333333;--hw-live-shadow: rgba(94, 184, 255, .4);--hw-hint-bg: #2a2a2a;--hw-hint-border: #505050;--hw-success-shadow: rgba(57, 255, 20, .4);--hw-info-shadow: rgba(107, 184, 255, .2);--hw-blood-text: #ff4b55;--hw-blood-dark: #b31217;color-scheme:dark}html,body,#root{height:100%;margin:0}body{min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}