:root{--color-bg: #ffffff;--color-surface: #f9f9f9;--color-surface-hover: #d0d0d0;--color-border: #e5e5e5;--color-shadow: rgba(0, 0, 0, .15);--color-shadow-hard: rgba(0, 0, 0, .7);--color-text: #111111;--color-text-muted: #666666;--color-heading: #000000;--color-primary: #4e92f8;--color-primary-hover: #1e75f7;--color-secondary: #ff9800;--color-secondary-gray: #e5e5e5;--color-secondary-gray-hover: #d2d0d0;--color-danger: #e53935;--color-success: #43a047;--color-info: #0288d1;--color-warning: #f57c00;--popup-btn-background: #f1f1f1;--popup-btn-background-hover: #e5e5e5;--popup-btn-background-active: #b6b5b5;--content-max: 760px;--font-size: 16px;--line-height: 1.8;--letter-spacing: 0px;--para-spacing: .7em;--columns: 1;--column-gap: 2.2rem;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .06);--ruler-height: 36px;--progress: 0%;--contrast-boost: 0;--select-bg-color: #f4f4f4;--select-text-color: #41403f;--select-border-color: #dfdede;--select-hover-bg-color: rgb(227, 226, 225);--select-hover-text-color: #3e3a32;--draw-color: #90c0f5;--draw-bg-color: #eef1f7;--color-text-white: #ffffff}:root[data-theme=dark]{--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-hover: #434242;--color-border: #545353;--color-shadow: rgba(0, 0, 0, .6);--color-text: #f5f5f5;--color-text-muted: #aaaaaa;--color-heading: #ffffff;--color-primary: #4d7aaf;--color-primary-hover: #6c96c6;--color-secondary: #ffb74d;--color-secondary-gray: #2d2c2c;--color-secondary-gray-hover: #585757;--color-danger: #ef5350;--color-success: #66bb6a;--color-info: #29b6f6;--color-warning: #ffa726;--popup-btn-background: #888787;--popup-btn-background-hover: #a5a3a3;--popup-btn-background-active: #d0d0d0;--select-bg-color: #f5f1e6;--select-text-color: #3e3a32;--select-border-color: #e0d8c8;--select-hover-bg-color: #ceccc7;--select-hover-text-color: #3e3a32;--draw-color: #298ff5;--draw-bg-color: #403f3f;--color-text-white: #d9d8d8}*{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size);scrollbar-gutter:stable;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-bg);touch-action:manipulation}a{text-decoration:none;color:inherit}.spin-btn{filter:drop-shadow(2px 2px 2px var(--color-shadow-hard))!important}img{max-width:100%;height:auto;vertical-align:middle}button{cursor:pointer;background:none;padding:0;border:none}table{border-collapse:collapse}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1280px;margin:0 auto}.flex-center{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}.spacing{margin:1rem 0}.spacing-large{margin:2rem 0}.border-radius{border-radius:8px}.shadow{box-shadow:0 2px 4px var(--color-shadow)}.popup-btn{width:23px;height:28px;transition:transform .1s ease;background:var(--color-surface);flex-shrink:0;flex-grow:0;transition:all .2s;-webkit-user-select:none;user-select:none;border-radius:30%;margin:0 5px;cursor:pointer;background:var(--popup-btn-background);padding:0;border:none}.popup-btn:hover{background:var(--popup-btn-background-hover);color:var(--color-text)}.popup-btn:active{transform:scale(.95);background-color:var(--popup-btn-background-active)}.popup-btn img{width:20px;height:20px}.scroll-container{overflow:auto}.scroll-container::-webkit-scrollbar{width:8px;height:8px}.scroll-container::-webkit-scrollbar-thumb{background:#64646466;border-radius:4px;transition:background .3s}.scroll-container::-webkit-scrollbar-thumb:hover{background:#646464b3}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.5) transparent}.nice input[type=checkbox]{width:var(--checkbox-size);height:var(--checkbox-size);accent-color:var(--color-primary)}.nice input[type=checkbox]:focus-visible{outline:2px solid var(--color-border);outline-offset:2px}.nice input[type=checkbox]:disabled{accent-color:var(--color-border);cursor:not-allowed}@media screen and (max-width: 768px){.popup-btn img{width:20px;height:20px}.popup-btn{width:33px;height:35px;border-radius:42%;border:1px solid var(--color-border);background-color:var(--popup-btn-background)}:root{--font-size: 20px}}