*,*::before,*::after{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#000;color:#ff0000;display:flex;flex-direction:column;min-height:100vh}header,footer{width:100%}main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:20px;background-color:#121212}.container{width:100%;max-width:800px;padding:20px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 0 10px rgba(255,0,0,0.5)}h2{margin-top:0;text-align:center;color:#ff4d4d}.description{font-size:1.2em;margin-bottom:20px;text-align:center;color:#ff9999}.accordion{background-color:#333;color:#fff;cursor:pointer;padding:15px;width:100%;border:none;text-align:left;outline:none;font-size:1.1em;transition:background-color 0.3s,transform 0.3s;border-radius:5px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.accordion:hover,.accordion.active{background-color:darkred}.accordion:after{content:'\25BC';font-size:1.2em;transition:transform 0.3s}.accordion.active:after{transform:rotate(180deg)}.panel{padding:0 15px;background-color:#1e1e1e;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;border-radius:5px;margin-bottom:15px}.panel-content{color:#cccccc;padding:15px 0}.form-group{margin-bottom:15px;text-align:left}label{display:block;margin-bottom:5px;color:white;font-weight:bold}input,textarea{width:100%;padding:10px;border:1px solid darkred;box-shadow:0 0 10px rgba(255,0,0,0.5);border-radius:5px;background-color:#333;color:#fff;box-sizing:border-box;font-size:1em}textarea{resize:vertical;min-height:100px;box-shadow:0 0 10px rgba(255,0,0,0.5)}pre{background-color:#333;padding:10px;width:100%;height:auto;overflow:visible;white-space:pre-wrap;text-align:left;margin:10px 0;color:#fff;border:1px solid darkred;box-shadow:0 0 10px rgba(255,0,0,0.5);border-radius:5px;position:relative;padding-right:40px;line-height:normal}.copy-button{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform 0.2s}.copy-button:hover{color:#ff4d4d;transform:scale(1.1)}.copy-button:disabled{color:#555;cursor:not-allowed}.copy-button svg{width:20px;height:20px;fill:currentColor}.tooltip{position:absolute;bottom:35px;right:10px;background-color:#555;color:#fff;padding:5px 8px;border-radius:4px;font-size:0.8em;opacity:0;transition:opacity 0.3s;pointer-events:none;z-index:1}.tooltip.show{opacity:1}.button-group{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}button{flex:1 1 48%;background-color:darkred;color:#fff;border:none;padding:10px 20px;cursor:pointer;margin:5px 0;border-radius:5px;transition:background-color 0.3s;font-size:1em}button:hover{background-color:red}@media (max-width:600px){.button-group{flex-direction:column}button{flex:1 1 100%}}[data-theme="light"] body{background-color:#f0f5fa;color:#1f2937}[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3{color:#1f2937!important}[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea,[data-theme="light"] button{background-color:#ffffff;color:#1f2937;border:1px solid #d1d5db}[data-theme="light"] button{background-color:#2563eb;color:#fff}[data-theme="light"] button:hover{background-color:#1d4ed8}