:root{--color-background-primary: #ffffff;--color-background-secondary: #f8f8f7;--color-background-tertiary: #f1f0ed;--color-background-info: #e6f1fb;--color-background-success: #eaf3de;--color-background-warning: #faeeda;--color-background-danger: #fcebeb;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-info: #185fa5;--color-text-success: #3b6d11;--color-text-warning: #854f0b;--color-text-danger: #a32d2d;--color-border-primary: rgba(0, 0, 0, .4);--color-border-secondary: rgba(0, 0, 0, .3);--color-border-tertiary: rgba(0, 0, 0, .15);--color-border-info: #85b7eb;--color-border-success: #97c459;--color-border-warning: #fac775;--color-border-danger: #f09595;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: Georgia, "Times New Roman", Times, serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace}@media (prefers-color-scheme: dark){:root{--color-background-primary: #1a1a1a;--color-background-secondary: #242424;--color-background-tertiary: #0f0f0f;--color-background-info: #0c447c;--color-background-success: #27500a;--color-background-warning: #633806;--color-background-danger: #791f1f;--color-text-primary: #f5f5f5;--color-text-secondary: #b0b0b0;--color-text-tertiary: #808080;--color-text-info: #b5d4f4;--color-text-success: #c0dd97;--color-text-warning: #fac775;--color-text-danger: #f7c1c1;--color-border-primary: rgba(255, 255, 255, .4);--color-border-secondary: rgba(255, 255, 255, .3);--color-border-tertiary: rgba(255, 255, 255, .15);--color-border-info: #378add;--color-border-success: #639922;--color-border-warning: #ef9f27;--color-border-danger: #e24b4a}}body{margin:0;padding:0;background:var(--color-background-tertiary);color:var(--color-text-primary);font-family:var(--font-sans);line-height:1.6}button{font-family:inherit;cursor:pointer;background:transparent;border:.5px solid var(--color-border-secondary);padding:8px 16px;border-radius:var(--border-radius-md);font-size:14px;color:var(--color-text-primary);transition:all .2s;display:inline-flex;align-items:center;gap:6px}button:hover{background:var(--color-background-secondary)}button:active{transform:scale(.98)}input,textarea,select{font-family:inherit;font-size:14px;padding:8px 12px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);transition:border-color .2s}input:hover,textarea:hover,select:hover{border-color:var(--color-border-secondary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-border-info);box-shadow:0 0 0 3px var(--color-background-info)}a{color:var(--color-text-info);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-secondary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--color-border-tertiary);border-radius:2px;outline:none;padding:0;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-background-primary);border:2px solid var(--color-border-secondary);border-radius:50%;cursor:pointer;transition:all .2s}input[type=range]::-webkit-slider-thumb:hover{border-color:var(--color-border-info);box-shadow:0 0 0 4px var(--color-background-info)}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--color-background-primary);border:2px solid var(--color-border-secondary);border-radius:50%;cursor:pointer;transition:all .2s}input[type=range]::-moz-range-thumb:hover{border-color:var(--color-border-info);box-shadow:0 0 0 4px var(--color-background-info)}