body{margin:0;min-height:100vh;transition:background-color .5s ease}.dark-theme{background-color:#1e1e1e;color:#e9e8e8}.dark-theme button{background-color:#2d2d2d;color:#d8d7d7;border:1px solid #404040}.dark-theme button:hover{background-color:#404040}.dark-theme .input-box{background-color:#1e1e1e;color:#d8d7d7;border:1px solid #333}.dark-theme pre{background-color:#2d2d2d;color:#d8d7d7}.dark-theme .result-section,.dark-theme .viz-section{background-color:#2d2d2d}.viz-section{position:relative}button{padding:8px 16px;margin:0 4px;border-radius:4px;cursor:pointer;transition:background-color .2s}.input-box{width:100%;padding:8px;border-radius:4px}pre{padding:12px;border-radius:4px;overflow-x:auto}.result-section,.viz-section{margin-top:20px;border-radius:4px}:root{--transition: background-color .5s linear;transition:var(--transition)}.code-editor-container{padding:20px;max-width:800px;margin:0 auto}.cm- *{transition:all .5s linear}.task-id{font-family:monospace;color:#666;align-self:start}.dark-theme .task-id{color:#cacaca}footer{color:#666}.dark-theme footer{color:#cacaca}textarea{padding:0}.code-input{width:100%;height:300px;margin-bottom:20px;font-family:monospace;border:1px solid #ccc}.input-section{margin-bottom:20px}.input-box{width:100%;height:50px;font-family:monospace;border:1px solid #ccc;padding:0;transition:var(--transition)}.button-group{align-self:end;margin-top:10px}.button-group button{margin-left:10px;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:var(--transition)}.btn-play{background-color:#4caf50}.btn-play:hover{background-color:#45a049}.btn-build{background-color:#2196f3}.btn-build:hover{background-color:#1e88e5}.btn-clear{background-color:#f44336}.btn-clear:hover{background-color:#e53935}.btn-viz{background-color:#ff9800}.btn-viz:hover{background-color:#e58e00}.btn-download{background-color:#3b69ff}.btn-download:hover{background-color:#2357ff}.btn-theme{background-color:#5e32da}.result-section{background-color:#f5f5f5;padding:15px;border-radius:4px;margin-bottom:20px}.download-viz{margin-left:0;bottom:10px;right:10px;position:absolute}.download-viz button{background-color:#a7a7a7;margin-left:0;margin-right:10px}.download-viz button:hover{background-color:#8a8989}.dark-theme .download-viz button{background-color:#474747}.dark-theme .download-viz button:hover{background-color:#5f5f5f}.result-section pre{margin:0;white-space:pre-wrap;font-family:monospace}h1,h2,h3,p{font-family:sans-serif}