.math-graph-calculator{font-family:Roboto,Segoe UI,sans-serif;max-width:1200px;margin:0 auto;padding:20px;transition:all .3s ease}.math-graph-calculator.light-theme{background-color:#f8f9fa;color:#333}.math-graph-calculator.dark-theme{background-color:#222;color:#f1f1f1}.math-graph-calculator.dark-theme button,.math-graph-calculator.dark-theme input,.math-graph-calculator.dark-theme select,.math-graph-calculator.dark-theme textarea{background-color:#333;color:#f1f1f1;border-color:#444}.math-graph-calculator.dark-theme .control-panel{background-color:#2d2d2d}.math-graph-calculator.dark-theme .chart-buttons button{background-color:#444}.math-graph-calculator.dark-theme .chart-buttons button.active{background-color:#8884d8}.math-graph-calculator.dark-theme .tab-selector button{background-color:#444}.math-graph-calculator.dark-theme .generate-btn,.math-graph-calculator.dark-theme .tab-selector button.active{background-color:#8884d8}.math-graph-calculator.dark-theme .data-table{background-color:#2d2d2d}.math-graph-calculator.dark-theme .data-table table th{background-color:#444}.math-graph-calculator.dark-theme .data-table table tr:nth-child(2n){background-color:#3a3a3a}.math-graph-calculator .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.math-graph-calculator .header h1{font-size:32px;margin:0}.math-graph-calculator .header .theme-toggle{background:none;border:none;font-size:24px;cursor:pointer;padding:5px 10px;border-radius:50%;transition:background-color .3s}.math-graph-calculator .header .theme-toggle:hover{background-color:rgba(0,0,0,.1)}.math-graph-calculator .control-panel{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px}.math-graph-calculator .tab-selector{display:flex;margin-bottom:20px}.math-graph-calculator .tab-selector button{flex:1;padding:10px;border:none;background-color:#f1f1f1;cursor:pointer;transition:all .3s}.math-graph-calculator .tab-selector button:first-child{border-radius:4px 0 0 4px}.math-graph-calculator .tab-selector button:last-child{border-radius:0 4px 4px 0}.math-graph-calculator .tab-selector button.active{background-color:#8884d8;color:#fff}.math-graph-calculator .form-group{margin-bottom:15px}.math-graph-calculator .form-group label{display:block;margin-bottom:5px;font-weight:500}.math-graph-calculator .form-group input,.math-graph-calculator .form-group select,.math-graph-calculator .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s}.math-graph-calculator .form-group input:focus,.math-graph-calculator .form-group select:focus,.math-graph-calculator .form-group textarea:focus{outline:none;border-color:#8884d8}.math-graph-calculator .form-group textarea{resize:vertical}.math-graph-calculator .range-controls{display:flex;flex-wrap:wrap;gap:15px}.math-graph-calculator .range-controls .form-group{flex:1;min-width:100px}.math-graph-calculator .chart-type-selector{margin:20px 0}.math-graph-calculator .chart-type-selector label{display:block;margin-bottom:10px;font-weight:500}.math-graph-calculator .chart-type-selector .chart-buttons{display:flex;flex-wrap:wrap;gap:10px}.math-graph-calculator .chart-type-selector .chart-buttons button{flex:1;min-width:80px;padding:10px;border:none;background-color:#f1f1f1;cursor:pointer;border-radius:4px;transition:all .3s}.math-graph-calculator .chart-type-selector .chart-buttons button.active{background-color:#8884d8;color:#fff}.math-graph-calculator .generate-btn{width:100%;padding:12px;background-color:#8884d8;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.math-graph-calculator .generate-btn:hover{background-color:#7673c0}.math-graph-calculator .error-message{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:20px;font-weight:500}.math-graph-calculator .graph-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;height:500px}.math-graph-calculator .graph-container .no-data{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#999}.math-graph-calculator .data-table{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px}.math-graph-calculator .data-table h3{margin-top:0;margin-bottom:15px}.math-graph-calculator .data-table .table-container{max-height:300px;overflow-y:auto}.math-graph-calculator .data-table table{width:100%;border-collapse:collapse}.math-graph-calculator .data-table table td,.math-graph-calculator .data-table table th{padding:10px;text-align:left;border-bottom:1px solid #ddd}.math-graph-calculator .data-table table th{background-color:#f9f9f9;position:sticky;top:0}.math-graph-calculator .data-table table tr:nth-child(2n){background-color:#f9f9f9}.math-graph-calculator .data-table table .more-data{text-align:center;font-style:italic;color:#888}.math-graph-calculator .instructions{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.math-graph-calculator .instructions h3{margin-top:0}.math-graph-calculator .instructions ul{padding-left:20px}.math-graph-calculator .instructions ul li{margin-bottom:8px}.math-graph-calculator .instructions .supported-functions{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.math-graph-calculator .instructions .supported-functions h4{margin-top:0;margin-bottom:10px}.math-graph-calculator .instructions .supported-functions p{margin:0;font-family:monospace;background-color:#f9f9f9;padding:10px;border-radius:4px}@media(max-width:768px){.math-graph-calculator{padding:15px}.math-graph-calculator .range-controls{flex-direction:column;gap:10px}.math-graph-calculator .range-controls .form-group{width:100%}.math-graph-calculator .chart-type-selector .chart-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.math-graph-calculator .graph-container{height:400px}}@media(max-width:480px){.math-graph-calculator{padding:10px}.math-graph-calculator .header h1{font-size:24px}.math-graph-calculator .control-panel{padding:15px}.math-graph-calculator .chart-type-selector .chart-buttons{grid-template-columns:1fr}.math-graph-calculator .graph-container{height:300px}}