*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;min-height:100vh}body{background:linear-gradient(135deg,#0d1117,#161b22 50%,#21262d)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#616161}.monaco-editor{border-radius:0 0 12px 12px}.monaco-editor .margin{background:transparent!important}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.code-line-highlight{background-color:rgba(25,118,210,.1)}.code-error-highlight{background-color:rgba(211,47,47,.2);-webkit-text-decoration:wavy underline red;text-decoration:wavy underline red}.spectrum-canvas{image-rendering:pixelated;image-rendering:crisp-edges}.video-controls{transition:opacity .3s ease}.video-container:hover .video-controls{opacity:1}.loading-shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.main-content{padding:8px}.editor-container{height:40vh}.visualizer-container{height:30vh}}@media print{body{background:#fff}.no-print{display:none!important}}