body {
            font-family: 'Inter', sans-serif;
            background-color: #020617;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .control-panel {
            background-color: rgba(15, 23, 42, 0.8);
            backdrop-filter: blur(8px);
        }
        .control-panel::-webkit-scrollbar { width: 6px; }
        .control-panel::-webkit-scrollbar-track { background: transparent; }
        .control-panel::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 3px; }
        
        .checkbox-label { position: relative; cursor: pointer; user-select: none; padding-left: 30px; }
        .checkbox-label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
        .checkmark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background-color: #334155; border: 1px solid #475569; border-radius: 4px; transition: background-color: 0.2s; }
        .checkbox-label:hover input ~ .checkmark { background-color: #475569; }
        .checkbox-label input:checked ~ .checkmark { background-color: #4f46e5; }
        .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); }
        .checkbox-label input:checked ~ .checkmark:after { display: block; }

        input[type="range"] {
            -webkit-appearance: none; appearance: none;
            width: 100%; height: 8px;
            background: #334155; border-radius: 5px; outline: none;
        }
        input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none; appearance: none;
            width: 20px; height: 20px;
            background: #a5b4fc; cursor: pointer; border-radius: 50%;
            border: 2px solid #4f46e5;
        }
        input[type="range"]:disabled::-webkit-slider-thumb {
            background: #64748b;
            border-color: #475569;
            cursor: not-allowed;
        }
        
        #info-hud {
            padding: 0.5rem 1rem;
            gap: 0.5rem;
            background-color: rgba(15, 23, 42, 0.8);
            backdrop-filter: blur(4px);
        }
        #info-hud > div {
             font-size: 0.7rem; 
        }
        #info-hud > div > span:first-child {
            font-size: 0.65rem; 
        }
        #info-hud > div > span:last-child {
            font-size: 0.8rem; 
        }
        .control-card {
            background-color: rgba(18, 28, 48, 0.6);
            padding: 1rem;
            border-radius: 0.5rem;
        }
        #graph-tooltip {
            position: fixed;
            display: none;
            background-color: rgba(15, 23, 42, 0.8);
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 0.75rem;
            pointer-events: none; 
            white-space: pre;
            backdrop-filter: blur(4px);
            border: 1px solid #334155;
            z-index: 100;
        }
        #formula-panel {
             background-color: rgba(18, 28, 48, 0.6);
        }
         #guide-modal-bg {
             transition: opacity 0.3s ease-in-out;
         }
         #guide-modal-content {
             transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
             max-height: 80vh;
         }
         #guide-modal-content::-webkit-scrollbar { width: 6px; }
         #guide-modal-content::-webkit-scrollbar-track { background: #1e293b; }
         #guide-modal-content::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 3px; }