:root{--background:#000000;--foreground:#ffffff;--accent:#ffffff;--accent-hover:#cccccc;--card-bg:rgba(0,0,0,0.8);--border:rgba(255,255,255,0.3);--turquoise-light:#ffffff;--turquoise-dark:#ffffff;--green-dark:#ffffff}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:#04000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}section{border:1px solid var(--border);border-radius:12px;padding:2%;background:var(--card-bg);margin:0;width:100%;text-align:left;box-shadow:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -2px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}section h2{color:var(--accent);margin-bottom:12px;font-size:1.1em}button{padding:10px 20px;background:#ffffff;color:#000000;border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin:5px;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}button:hover{background:#cccccc;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);border-color:#ffffff}button:active{transform:translateY(0)}pre{white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;line-height:1.6;color:var(--foreground)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:rgba(255,255,255,.3);border-radius:5px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ffffff;cursor:pointer;-webkit-transition:transform .2s;transition:transform .2s;box-shadow:0 2px 4px rgba(0,0,0,.3)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffffff;cursor:pointer;border:none;-moz-transition:transform .2s;transition:transform .2s;box-shadow:0 2px 4px rgba(0,0,0,.3)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}