:root{color-scheme:light dark;--font-primary:"Roboto",sans-serif;--font-mono:"Roboto Mono",monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--spacing-xs:2px;--spacing-sm:5px;--spacing-md:10px;--spacing-lg:20px;--spacing-xl:40px;--spacing-xxl:60px;--spacing-responsive:var(--spacing-xxl)}@media (max-width:1024px){:root{--spacing-responsive:var(--spacing-xl)}}@media (max-width:768px){:root{--spacing-responsive:var(--spacing-lg)}}:root{--text-color-primary:#000;--text-color-secondary:#666;--neutral-100:#fff;--neutral-150:#f5f5f5;--neutral-200:#eee;--neutral-300:#ddd;--neutral-400:#ccc;--neutral-500:#bbb;--accent-color:#00AAFF;--accent-color-secondary:#FFAA00;--selection-background:#a3e0ff;--selection-text:var(--text-color-primary)}[data-theme=dark]{--text-color-primary:#eee;--text-color-secondary:#888;--neutral-100:#000;--neutral-150:#0b0b0b;--neutral-200:#111;--neutral-300:#222;--neutral-400:#333;--neutral-500:#444;--selection-background:#004e75}html{scroll-behavior:smooth;scrollbar-color:var(--neutral-400) var(--neutral-150);height:100%}body{margin:0;width:100vw;max-width:100vw;height:100vh;min-height:100vh;background-color:var(--neutral-150);color:var(--text-color-primary);font-family:var(--font-primary);font-weight:300;overflow-x:hidden;overflow-y:scroll;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);margin:var(--spacing-lg) 0;font-weight:400}*{box-sizing:border-box}input{background-color:var(--neutral-150);color:var(--text-color-secondary);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);padding:5px 10px;font-family:var(--font-primary);font-size:14px}input:focus{outline:none;border-color:var(--neutral-400);color:var(--text-color-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;padding:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--text-color-primary);margin-top:-6px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--neutral-300);border-radius:var(--radius-sm)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:1px solid var(--neutral-300);border-radius:var(--radius-md);background-color:transparent;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}input[type=color]::-moz-color-swatch{border:none;border-radius:var(--radius-sm)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:1px solid var(--neutral-300);border-radius:var(--radius-sm);background-color:var(--neutral-150);cursor:pointer;position:relative;vertical-align:middle}input[type=checkbox]:checked{background-color:var(--text-color-primary);border-color:var(--text-color-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid var(--neutral-100);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus{outline:none;border-color:var(--neutral-400)}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:1px solid var(--neutral-300);border-radius:50%;background-color:var(--neutral-150);cursor:pointer;position:relative;vertical-align:middle}input[type=radio]:checked{border-color:var(--text-color-primary)}input[type=radio]:checked:after{content:"";position:absolute;left:4px;top:4px;width:10px;height:10px;border-radius:50%;background-color:var(--text-color-primary)}input[type=radio]:focus{outline:none;border-color:var(--neutral-400)}select{background-color:var(--neutral-150);color:var(--text-color-primary);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);padding:10px;font-family:var(--font-primary);font-size:16px;cursor:pointer}select:focus{outline:none;border-color:var(--neutral-400)}textarea{background-color:var(--neutral-150);color:var(--text-color-primary);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);padding:10px;font-family:var(--font-primary);font-size:16px;resize:vertical;min-height:100px}textarea:focus{outline:none;border-color:var(--neutral-400)}a,button,input{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}::selection{background-color:var(--selection-background);color:var(--selection-text)}::-moz-selection{background-color:var(--selection-background);color:var(--selection-text)}