#sgpa-calculator-root{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:1080px;transition:border-color var(--motion-normal);margin:0 auto;padding:1.75rem}.card-header{margin-bottom:1.5rem}.card-title{color:var(--color-text-main);margin:0 0 .35rem;font-size:1.625rem;font-weight:700;line-height:1.25}.card-subtitle{color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.5}.restored-banner{background:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);color:var(--color-primary);justify-content:space-between;align-items:center;margin-top:1rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.banner-content{align-items:center;gap:.5rem;display:flex}.btn-text-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:600;text-decoration:underline}.calc-config-bar{background:var(--color-surface-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;display:grid}.config-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.mode-pills{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);gap:.5rem;padding:.25rem;display:flex}.mode-pill{color:var(--color-text-muted);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:all var(--motion-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;display:flex}.mode-pill.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-xs)}.pill-dot{opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.config-helper{color:var(--color-text-subtle);margin:.4rem 0 0;font-size:.75rem;line-height:1.4}.select-wrapper{position:relative}.calc-select{appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-main);cursor:pointer;padding:.575rem 2.25rem .575rem .875rem;font-size:.875rem;font-weight:500}.calc-select:focus{border-color:var(--color-border-focus);outline:none}.select-arrow{pointer-events:none;color:var(--color-text-subtle);position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.univ-badge-container{margin-top:.45rem}.univ-verified-tag{color:var(--color-success);background:var(--color-success-bg);border-radius:var(--radius-sm);border:1px solid var(--color-success-border);align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.calc-layout-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:1.75rem;display:grid}.calc-input-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-title{color:var(--color-text-main);font-size:1rem;font-weight:700}.panel-scale-badge{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem;font-weight:600}.semester-table-header{text-transform:uppercase;color:var(--color-text-subtle);border-bottom:1px solid var(--color-border);grid-template-columns:80px 1fr 1fr 36px;align-items:center;gap:.75rem;margin-bottom:.625rem;padding:.5rem .25rem;font-size:.75rem;font-weight:700;display:grid}.semesters-list{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;gap:.625rem;max-height:480px;padding-right:.35rem;display:flex;overflow-y:auto}.semester-row{box-sizing:border-box;grid-template-columns:80px 1fr 1fr 36px;align-items:center;gap:.75rem;display:grid}.row-sem-col,.row-sgpa-col,.row-credits-col,.row-action-col{box-sizing:border-box;align-items:center;width:100%;display:flex}.sem-badge{color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;width:100%;height:42px;font-size:.8125rem;font-weight:700;display:flex}.calc-input{width:100%;height:42px;color:var(--color-text-main);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;transition:all var(--motion-fast);padding:.5rem .75rem;font-size:.9375rem;font-weight:600}.calc-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.btn-remove-row{background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text-subtle);cursor:pointer;border-radius:var(--radius-sm);box-sizing:border-box;width:36px;height:42px;transition:all var(--motion-fast);justify-content:center;align-items:center;display:flex}.btn-remove-row:hover{color:var(--color-error);background:var(--color-error-bg);border-color:var(--color-error-border)}.semester-action-buttons{border-top:1px solid var(--color-border);gap:.625rem;margin-top:1rem;padding-top:.875rem;display:flex}.btn-action-outline{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast);align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-action-outline:hover{background:var(--color-primary-light)}.btn-action-ghost{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast);background:0 0;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-action-ghost:hover{background:var(--color-surface-subtle);color:var(--color-text-main)}.reset-btn{margin-left:auto}.calc-result-panel{background:var(--color-surface);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem}.result-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.result-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);font-size:.75rem;font-weight:700}.result-mode-tag{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem;font-weight:600}.result-metrics-grid{grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:1.25rem;display:grid}.metric-block{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.875rem}.metric-block.primary-metric{border-color:var(--color-primary-border);background:linear-gradient(135deg, var(--color-surface-subtle) 0%, var(--color-primary-light) 100%)}.metric-label{color:var(--color-text-subtle);margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.metric-value-row{align-items:baseline;gap:.3rem;display:flex}.metric-number{color:var(--color-text-main);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1}.primary-metric .metric-number{color:var(--color-primary)}.metric-scale{color:var(--color-text-subtle);font-size:.875rem;font-weight:600}.formula-pill{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;margin-top:.45rem;padding:.15rem .4rem;font-size:.6875rem;font-weight:600;display:inline-block}.secondary-stats-row{background:var(--color-surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem;padding:.75rem;display:grid}.stat-item{flex-direction:column;gap:.2rem;display:flex}.stat-label{color:var(--color-text-subtle);font-size:.6875rem;font-weight:500}.stat-value{color:var(--color-text-main);font-size:.9375rem;font-weight:700}.breakdown-collapsible{margin-bottom:1.25rem}.breakdown-summary{color:var(--color-text-muted);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.8125rem;font-weight:600;display:flex}.breakdown-summary::-webkit-details-marker{display:none}.breakdown-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:200px;margin-top:.5rem;overflow-y:auto}.breakdown-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.breakdown-table th{background:var(--color-surface-subtle);color:var(--color-text-subtle);border-bottom:1px solid var(--color-border);padding:.45rem .6rem;font-size:.6875rem;font-weight:700}.breakdown-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);padding:.45rem .6rem}.breakdown-table tfoot td{background:var(--color-surface-subtle);font-weight:700}.empty-breakdown{text-align:center;color:var(--color-text-subtle);padding:1rem!important}.formula-citation-box{background:var(--color-surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-bottom:1.25rem;padding:.75rem}.citation-title{color:var(--color-text-main);align-items:center;gap:.35rem;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:flex}.citation-desc{color:var(--color-text-muted);margin:0 0 .35rem;font-size:.75rem;line-height:1.4}.citation-link{color:var(--color-primary);font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.citation-link:hover{text-decoration:underline}.result-action-bar{gap:.5rem;display:flex}.btn-export{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-fast);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-export:hover{background:var(--color-primary-hover)}.btn-share-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast);align-items:center;gap:.35rem;padding:.65rem .875rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-share-secondary:hover{background:var(--color-surface-subtle);border-color:var(--color-border-hover)}.calc-toast{color:#f8fafc;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;background:#0f172a;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;animation:.2s ease-out toast-in;position:fixed;bottom:2rem;right:2rem}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.calc-config-bar,.calc-layout-grid{grid-template-columns:1fr}.sgpa-calc-card{padding:1.25rem}.semester-table-header,.semester-row{grid-template-columns:65px 1fr 1fr 32px;gap:.5rem}}@media (width<=480px){.secondary-stats-row,.result-metrics-grid{grid-template-columns:1fr}.result-action-bar{flex-direction:column}}