:root{font-family:monospace}body{background-color:#222;color:#ddd}.mjnn-page{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#1a1a1a}.mjnn-page svg{display:block;width:100%;height:100%;background-color:#222}.controls{position:fixed;top:20px;z-index:10;background-color:#323232d9;padding:12px;border-radius:6px;box-shadow:0 4px 12px #0006}.feature-controls{left:20px;display:grid;grid-template-columns:repeat(2,auto);gap:8px 12px}.feature-controls button{padding:6px 12px;font-size:13px;font-family:sans-serif;background-color:#4a4a4a;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease-out,transform .1s ease;text-transform:capitalize;min-width:80px;text-align:center}.feature-controls button:hover{background-color:#5a5a5a}.feature-controls button:active{background-color:#7a7a7a;transform:scale(.97)}.feature-controls button.active{background-color:#007bff;color:#fff;font-weight:500;box-shadow:0 0 5px #007bff80}.feature-controls button.active:hover{background-color:#0069d9}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-modal{background-color:#333;padding:30px 40px;border-radius:8px;box-shadow:0 5px 15px #00000080;text-align:center}.loading-text{font-family:monospace;font-size:1.5em;color:#e0e0e0;margin-bottom:20px}.progress-bar-container{width:200px;height:10px;background-color:#555;border-radius:5px;overflow:hidden;margin:0 auto}.progress-bar{height:100%;background:#007bff;border-radius:5px;transition:width .1s linear}.progress-bar.indeterminate{width:100%;background:linear-gradient(90deg,#007bff,#00bfff,#007bff);background-size:200% 100%;animation:progress-animation 2s linear infinite;transition:none}@keyframes progress-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.corner-button{position:fixed;width:40px;height:40px;border-radius:50%;background-color:#323232d9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:900;box-shadow:0 2px 5px #0000004d;padding:8px;transition:background-color .2s ease}.corner-button:hover{background-color:#464646f2}.corner-button img{width:24px;height:24px}.info-button-corner{bottom:20px;left:20px}.random-button-corner{top:20px;right:20px}.info-modal-container{position:fixed;bottom:70px;left:70px;z-index:1000;max-width:500px;width:calc(100% - 100px)}.info-modal{background-color:#333;color:#e0e0e0;padding:0;border-radius:12px 12px 12px 0;box-shadow:0 5px 15px #00000080;position:relative;max-height:70vh;display:flex;flex-direction:column}.info-modal-header{position:relative;padding:15px 20px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center;background-color:#333;border-radius:12px 12px 0 0}.info-modal-header h2{margin:0;font-size:1.5em;color:#fff}.close-button{background-color:transparent;border:none;font-size:24px;cursor:pointer;color:#e0e0e0;transition:color .2s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.close-button:hover{color:#fff;background-color:#444}.info-modal-content{padding:20px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.info-modal-content>p{font-family:Helvetica,sans-serif;font-size:14px}.info-modal-content::-webkit-scrollbar{display:none}.info-modal-content p{line-height:1.5;margin-bottom:15px}.feature-label{display:inline-block;padding:4px 10px;background-color:#4a4a4a;color:#e0e0e0;border-radius:4px;margin-bottom:5px;font-family:Helvetica,sans-serif;font-size:.9em}.feature-item{margin-bottom:16px}.feature-description{font-family:Helvetica,sans-serif;font-size:14px;padding-left:2px;line-height:1.4}