.hint,.run{color:#fff}.footer,header{text-align:center}body{margin:0;font-family:'Segoe UI',sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f1f5f9}.editor-box,textarea{font-family:monospace}header{padding:25px;background:rgba(0,0,0,.4);backdrop-filter:blur(10px)}header h1{margin:0;font-size:30px;color:#38bdf8}header p{color:#cbd5f5}.container{max-width:1000px;margin:auto;padding:20px}.editor{background:rgba(0,0,0,.6);border-radius:12px;padding:15px;box-shadow:0 0 25px rgba(0,0,0,.5)}textarea{width:100%;height:220px;border-radius:8px;border:none;outline:0;padding:12px;font-size:15px;background:#020617;color:#38bdf8}.buttons{margin-top:12px}button{padding:10px 18px;margin-right:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s}.run{background:#22c55e}.hint{background:#6366f1}button:hover{transform:translateY(-2px);opacity:.9}.output{margin-top:20px;padding:15px;border-radius:12px;background:rgba(0,0,0,.6);border:1px solid #1e293b;min-height:120px;white-space:pre-wrap}.footer{margin:30px 0;color:#cbd5f5}.footer a{color:#38bdf8;text-decoration:none}.editor-box{background:#1e1e2e;padding:15px;border-radius:10px;min-height:220px;overflow-x:auto;font-size:14px}.editor-box code{outline:0;display:block;white-space:pre}.copy-btn{margin-top:10px;background:#f59e0b;color:#000}