:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;background:transparent}body,html{height:100%}.t-button{display:inline-block;padding:10px 20px;z-index:100;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;text-align:center}.t-button:hover{background-color:#0056b3}canvas{height:100%;width:100%;outline:none;background:transparent}h1{font-size:3.2em;line-height:1.1}.temperature-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-width:400px;width:90%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.popup-title{font-size:1.5em;font-weight:600;margin-bottom:12px;color:#333;text-align:center}.popup-description{font-size:1em;color:#666;margin-bottom:15px;line-height:1.5}.popup-input{width:100%;padding:10px;margin-bottom:20px;border:1px solid #cccccc;border-radius:4px;font-size:1em;box-sizing:border-box;transition:border-color .3s ease}.popup-input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5033}.buttons-container{display:flex;justify-content:space-between;gap:10px}.popup-button{flex:1;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .3s ease,transform .1s ease}.popup-button:hover{transform:translateY(-1px)}.popup-button:focus{outline:none;box-shadow:0 0 0 2px #0000001a}.ok-button{background-color:#4caf50;color:#fff}.ok-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#d32f2f}@media (max-width: 400px){.temperature-popup{padding:15px;width:95%}.popup-button{padding:8px;font-size:.9em}}