.grade-calculator-wrapper *{margin:0;padding:0;box-sizing:border-box}.grade-calculator-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:transparent!important;color:#2c3e50;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grade-calculator-wrapper.class-grade-calc,.grade-calculator-wrapper.gpa-calc,.grade-calculator-wrapper.final-grade-calc,.grade-calculator-wrapper.simple-gpa-calc,.grade-calculator-wrapper.weighted-grade-calc{background:transparent!important}body.dark-mode .grade-calculator-wrapper{background:transparent!important;color:#ECF0F1}.grade-calculator-wrapper .container{max-width:1000px;width:100%;margin:0 auto;padding:20px;box-sizing:border-box;background:#fff0}.grade-calculator-wrapper .main-grid{display:grid;grid-template-columns:340px 1fr;gap:25px;width:100%}.grade-calculator-wrapper .left-sidebar{background:#fff;border-radius:20px;padding:30px;box-shadow:0 2px 10px rgb(0 0 0 / .08);position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto}body.dark-mode .grade-calculator-wrapper .left-sidebar{background:#252837;color:#ECF0F1}.grade-calculator-wrapper .right-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 2px 10px rgb(0 0 0 / .08);width:100%;box-sizing:border-box}body.dark-mode .grade-calculator-wrapper .right-content{background:#252837;color:#ECF0F1}.grade-calculator-wrapper .heading-xl,.grade-calculator-wrapper .hero-text h2{font-size:42px;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,#6C63FF,#00D9FF);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.grade-calculator-wrapper .heading-md,.grade-calculator-wrapper .hero-text p{font-size:18px;color:#7F8C8D}body.dark-mode .grade-calculator-wrapper .hero-text p{color:#AAB0C0}.grade-calculator-wrapper .hero-text{text-align:center;margin-bottom:30px}.grade-calculator-wrapper .input-group{margin-bottom:25px;width:100%}.grade-calculator-wrapper .input-group label{display:block;margin-bottom:8px;font-weight:700;color:#6C63FF}body.dark-mode .grade-calculator-wrapper .input-group label{color:#00D9FF}.grade-calculator-wrapper .input-group input,.grade-calculator-wrapper .input-group select,.grade-calculator-wrapper .input-group textarea{width:100%;padding:14px;border:2px solid #E0E0E0;border-radius:10px;font-size:16px;transition:0.3s ease;box-sizing:border-box;font-family:inherit}.grade-calculator-wrapper .input-group input:focus,.grade-calculator-wrapper .input-group select:focus,.grade-calculator-wrapper .input-group textarea:focus{outline:none;border-color:#6C63FF;box-shadow:0 0 0 3px rgb(108 99 255 / .15)}body.dark-mode .grade-calculator-wrapper .input-group input,body.dark-mode .grade-calculator-wrapper .input-group select,body.dark-mode .grade-calculator-wrapper .input-group textarea{background:#1a1d2e;color:#ECF0F1;border-color:#3a4050}.grade-calculator-wrapper .btn,.grade-calculator-wrapper .action-btn{padding:12px 18px;border:none;border-radius:10px;cursor:pointer;font-weight:600;color:#fff;transition:0.3s ease;font-size:15px;display:inline-block;text-decoration:none;text-align:center;font-family:inherit}.grade-calculator-wrapper .btn-primary{background:#6C63FF}.grade-calculator-wrapper .btn-secondary{background:#00D9FF}.grade-calculator-wrapper .btn-success{background:#00C48C}.grade-calculator-wrapper .btn-danger{background:#f5576c}.grade-calculator-wrapper .btn-dark{background:linear-gradient(135deg,#667eea,#764ba2)}.grade-calculator-wrapper .action-buttons{display:grid;gap:10px;margin-top:20px}.grade-calculator-wrapper .btn:hover,.grade-calculator-wrapper .action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .25)}.grade-calculator-wrapper .card,.grade-calculator-wrapper .section-box{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 10px rgb(0 0 0 / .08)}body.dark-mode .grade-calculator-wrapper .card,body.dark-mode .grade-calculator-wrapper .section-box{background:#252837;color:#ECF0F1}.grade-calculator-wrapper .result-box{background:linear-gradient(135deg,#6C63FF,#00D9FF);color:#fff;padding:30px;border-radius:16px;text-align:center;box-shadow:0 8px 25px rgb(108 99 255 / .35)}.grade-calculator-wrapper table{width:100%;border-collapse:collapse}.grade-calculator-wrapper table th{padding:12px;background:linear-gradient(135deg,#6C63FF,#00D9FF);color:#fff;font-weight:600;text-align:left}.grade-calculator-wrapper table td{padding:12px;border-bottom:1px solid #E0E0E0}body.dark-mode .grade-calculator-wrapper table td{border-bottom-color:#3a4050}.grade-calculator-wrapper .text-center{text-align:center}.grade-calculator-wrapper .mt-20{margin-top:20px}.grade-calculator-wrapper .mt-30{margin-top:30px}.grade-calculator-wrapper .mb-20{margin-bottom:20px}.grade-calculator-wrapper .mb-30{margin-bottom:30px}.grade-calculator-wrapper .flex{display:flex}.grade-calculator-wrapper .flex-between{display:flex;justify-content:space-between;align-items:center}.grade-calculator-wrapper .flex-center{display:flex;justify-content:center;align-items:center}.grade-calculator-wrapper .rounded-lg{border-radius:20px}.mobile-settings-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);z-index:99999;justify-content:center;align-items:flex-end;backdrop-filter:blur(4px)}.mobile-settings-modal.active{display:flex}.mobile-settings-content{background:#fff;width:100%;max-height:85vh;border-radius:24px 24px 0 0;overflow:hidden;animation:slideUp 0.3s ease}body.dark-mode .mobile-settings-content{background:#252837;color:#ECF0F1}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #E0E0E0;background:linear-gradient(135deg,#6C63FF,#00D9FF);color:#fff}body.dark-mode .mobile-settings-header{border-bottom-color:#3a4050}.mobile-settings-header h3{font-size:20px;font-weight:700;margin:0}.close-settings-btn{background:rgb(255 255 255 / .2);border:none;color:#fff;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.3s}.close-settings-btn:hover{background:rgb(255 255 255 / .3)}.mobile-settings-body{padding:20px;overflow-y:auto;max-height:calc(85vh - 80px)}.mobile-action-buttons{display:grid;gap:10px;margin-top:20px}@media (max-width:968px){.grade-calculator-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.grade-calculator-wrapper .container{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.grade-calculator-wrapper .main-grid{display:block!important;width:100%!important}.grade-calculator-wrapper .left-sidebar{display:none!important}.grade-calculator-wrapper .right-content{width:100%!important;max-width:100%!important;margin:0!important;padding:20px!important;border-radius:0!important;box-sizing:border-box!important}.grade-calculator-wrapper .hero-text h2,.grade-calculator-wrapper .heading-xl{font-size:28px!important}.grade-calculator-wrapper .hero-text p{font-size:16px!important}}@media (max-width:480px){.grade-calculator-wrapper .right-content{padding:15px!important}.grade-calculator-wrapper .hero-text h2,.grade-calculator-wrapper .heading-xl{font-size:24px!important}.grade-calculator-wrapper .result-box{padding:20px!important}}.calculator-with-ads{display:flex;justify-content:center;gap:20px;max-width:1400px;margin:0 auto;padding:20px;background:#fff0}.ad-space-left,.ad-space-right{width:160px;min-width:160px;flex-shrink:0;position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px)}.ad-placeholder{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border:2px dashed #ccc;border-radius:8px;padding:20px 10px;text-align:center;color:#999;font-size:12px;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ad-placeholder::before{content:"📢";font-size:24px;margin-bottom:10px}body.dark-mode .ad-placeholder{background:linear-gradient(135deg,#2a2d3e,#1a1d2e);border-color:#3a4050;color:#666}.calculator-with-ads .grade-calculator-wrapper{flex:1;max-width:1000px;min-width:0}@media (max-width:1200px){.calculator-with-ads{padding:0}.ad-space-left,.ad-space-right{display:none!important}.calculator-with-ads .grade-calculator-wrapper{max-width:100%;width:100%}}.ad-placeholder{display:none!important}