:root{--bg-color: #f3f3f3;--card-bg: #ffffff;--text-primary: #1a1a1a;--text-secondary: #5d5d5d;--accent-color: #0078d4;--accent-hover: #006cc1;--border-color: #e5e5e5;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif}@media(prefers-color-scheme:dark){:root{--bg-color: #202020;--card-bg: #2c2c2c;--text-primary: #ffffff;--text-secondary: #d0d0d0;--border-color: #3e3e3e;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .1s ease;min-height:44px;min-width:44px}.btn-primary{background-color:var(--accent-color);color:#fff;padding:10px 20px;font-weight:600}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px}.btn-secondary:hover{background-color:#0000000d}.btn-secondary:active{transform:scale(.98)}input,select,textarea{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-family:inherit;outline:none;font-size:16px;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);border-bottom-width:2px;padding-bottom:9px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:5px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#555;border:3px solid transparent;background-clip:content-box}@media(max-width:768px){::-webkit-scrollbar{width:6px}button{min-height:48px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:16px}}@media(min-width:769px)and (max-width:1024px){:root{font-size:15px}}