:root{--background-primary: #121212;--background-secondary: #1e1e1e;--background-tertiary: #2a2a2a;--accent-primary: #00dac6;--accent-secondary: #03a091;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #333333;--error-color: #cf6679;--success-color: #4caf50}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{display:flex;min-height:100vh;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}input[type=file]{color:var(--text-secondary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.visible{transform:translate(0)}.main-content{margin-left:0!important;width:100%!important;padding:20px 20px 100px!important}.mobile-menu-button{display:block!important}.tool-header{margin-top:50px}}.modal-content h3{color:var(--accent-primary);margin-top:20px;margin-bottom:10px}.modal-content p{margin-bottom:10px;color:var(--text-secondary)}.modal-content ul{margin:10px 0 10px 20px;color:var(--text-secondary)}.modal-content li{margin-bottom:5px}