*,*::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.1em;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}#preview{width:100%;min-height:150px;padding:15px;border:1px solid darkred;border-radius:5px;background-color:#121212;color:#fff;box-shadow:0 0 10px rgba(255,0,0,0.5)}#preview h1,#preview h2,#preview h3{border-bottom:1px solid #444;padding-bottom:5px}#preview a{color:#ff4d4d}#preview code{background-color:#333;padding:2px 4px;border-radius:3px}#preview pre{background-color:#000;padding:10px;border-radius:5px;overflow-x:auto}#preview blockquote{border-left:4px solid #555;padding-left:10px;color:#aaa;margin-left:0}#preview table{width:100%;border-collapse:collapse}#preview th,#preview td{border:1px solid #555;padding:8px}#preview th{background-color:#333}[data-theme="light"] body{background-color:#f0f5fa!important;color:#1f2937!important}[data-theme="light"] main{background-color:#e3e9f0!important}[data-theme="light"] .container{background-color:#ffffff!important;box-shadow:0 0 10px rgba(37,99,235,0.3)!important}[data-theme="light"] h2{color:#2563eb!important}[data-theme="light"] .description{color:#4b5563!important}[data-theme="light"] .accordion{background-color:#f3f4f6!important;color:#1f2937!important}[data-theme="light"] .accordion:hover,[data-theme="light"] .accordion.active{background-color:#2563eb!important;color:#ffffff!important}[data-theme="light"] .panel{background-color:#f9fafb!important}[data-theme="light"] .panel-content{color:#1f2937!important}[data-theme="light"] #preview{background-color:#f9fafb!important;color:#1f2937!important;border-color:#2563eb!important;box-shadow:0 0 10px rgba(37,99,235,0.3)!important}[data-theme="light"] #preview h1,[data-theme="light"] #preview h2,[data-theme="light"] #preview h3{border-bottom-color:#d1d5db!important;color:#2563eb!important}[data-theme="light"] #preview a{color:#2563eb!important}[data-theme="light"] #preview code{background-color:#e5e7eb!important;color:#059669!important}[data-theme="light"] #preview pre{background-color:#1f2937!important;color:#93c5fd!important}[data-theme="light"] #preview blockquote{border-left-color:#2563eb!important;color:#6b7280!important}[data-theme="light"] #preview th,[data-theme="light"] #preview td{border-color:#d1d5db!important}[data-theme="light"] #preview th{background-color:#f3f4f6!important;color:#2563eb!important}