:root{--heat-bg:#1a1a1a;--heat-fg:#f5f5f5;--heat-primary:#ff4500;--heat-secondary:orange;--heat-cool:#00bfff;--heat-danger:red}.keyboard-heat-theme{background-color:var(--heat-bg);color:var(--heat-fg);font-family:var(--font-jetbrains)}.key-container{grid-template-columns:repeat(10,1fr);gap:8px;max-width:800px;margin:0 auto;padding:20px;display:grid}.key{background:#2a2a2a;border:2px solid #333;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;transition:all .1s;display:flex;position:relative;overflow:hidden}.key.active{border-color:var(--heat-fg);transform:scale(.95)}.key-heat-overlay{background:linear-gradient(to top,var(--heat-primary),transparent);opacity:.7;width:100%;transition:height .2s;position:absolute;bottom:0;left:0}.key.overheated{border-color:var(--heat-danger);background:#300;animation:.5s infinite shake}.key.locked{opacity:.5;cursor:not-allowed;background:#111;border-color:#444}.heat-meter-container{background:#333;border:1px solid #555;border-radius:10px;width:100%;max-width:600px;height:20px;margin:20px auto;overflow:hidden}.heat-meter-bar{background:linear-gradient(to right,var(--heat-cool),var(--heat-secondary),var(--heat-danger));height:100%;transition:width .3s}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.particles-container{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}