.main-container{max-width:1400px;margin:0 auto;padding:40px 20px 60px}.page-header{margin-bottom:1.5rem}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .4rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}.page-subtitle{color:var(--calc-text-faded);margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.action-bar{flex-wrap:wrap;gap:8px;margin-bottom:1.25rem;display:flex}.action-btn{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);cursor:pointer;padding:6px 14px;font-size:.82rem;transition:border-color .15s,color .15s}.action-btn:hover{border-color:var(--calc-cyan);color:var(--calc-cyan)}.action-btn--reset:hover{border-color:var(--calc-rose);color:var(--calc-rose)}.tab-nav{border-bottom:1px solid var(--calc-border-subtle);flex-wrap:wrap;gap:4px;margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--calc-text-faded);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-size:.9rem;font-weight:600;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--calc-text-primary)}.tab-btn.active{border-bottom-color:var(--calc-cyan);color:var(--calc-cyan)}.calc-grid{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.input-card,.result-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.card-title{font-family:var(--calc-font-headline);letter-spacing:.08em;text-transform:uppercase;color:var(--calc-text-faded);margin:0 0 1rem;font-size:.8rem;font-weight:700}.course-list-header{border-bottom:1px solid var(--calc-border-subtle);grid-template-columns:2fr 1fr .7fr 1fr 36px;gap:8px;margin-bottom:8px;padding:0 0 6px;display:grid}.col-label{text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-dim);font-size:.72rem;font-weight:700}#course-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.course-row{grid-template-columns:2fr 1fr .7fr 1fr 36px;align-items:center;gap:8px;display:grid}.glass-input,.glass-select{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);font-family:var(--calc-font-mono);width:100%;padding:7px 10px;font-size:.88rem;transition:border-color .15s}.glass-input:focus,.glass-select:focus{border-color:var(--calc-cyan);outline:none}.glass-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238888aa' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.remove-btn{border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);cursor:pointer;background:0 0;width:36px;height:34px;padding:0;font-size:1.1rem;line-height:1;transition:border-color .15s,color .15s}.remove-btn:hover{border-color:var(--calc-rose);color:var(--calc-rose)}.add-course-btn{border:1px dashed var(--calc-border-default);border-radius:var(--calc-radius-md);color:var(--calc-cyan);cursor:pointer;background:0 0;width:100%;padding:9px 16px;font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s}.add-course-btn:hover{border-color:var(--calc-cyan);background:#22d3ee0f}.result-card{text-align:center}.result-value{font-family:var(--calc-font-mono);color:var(--calc-cyan);margin-bottom:6px;font-size:clamp(2.4rem,6vw,3.2rem);font-weight:700;line-height:1}.result-detail{color:var(--calc-text-faded);margin-bottom:12px;font-size:.88rem}.gpa-excellent{color:var(--calc-indigo)}.gpa-good{color:var(--calc-emerald)}.gpa-fair{color:var(--calc-amber)}.gpa-warn{color:var(--calc-rose)}.chart-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.chart-card h3{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 1rem;font-size:1rem;font-weight:700}.breakdown-table{border-collapse:collapse;width:100%;margin-top:1.25rem;font-size:.88rem}.breakdown-table th{background:var(--calc-bg-glass);border-bottom:1px solid var(--calc-border-default);color:var(--calc-text-dim);letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:8px 12px;font-size:.75rem;font-weight:700}.breakdown-table td{border-bottom:1px solid var(--calc-border-subtle);color:var(--calc-text-primary);padding:9px 12px}.breakdown-table tr:hover td{background:var(--calc-bg-glass)}.compare-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1rem;display:grid}.compare-cell{background:var(--calc-bg-glass);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);text-align:center;padding:16px}.compare-label{color:var(--calc-text-dim);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700}.compare-num{font-family:var(--calc-font-mono);color:var(--calc-cyan);font-size:1.8rem;font-weight:700}.compare-delta{text-align:center;color:var(--calc-text-faded);margin-bottom:1rem;font-size:.9rem;font-weight:600}.compare-note{color:var(--calc-text-faded);border-top:1px solid var(--calc-border-subtle);margin:0;padding-top:1rem;font-size:.85rem;line-height:1.6}.page-sections-outer{max-width:1400px;margin:0 auto;padding:0 1.5rem 3rem}@media (width<=1024px){.calc-grid{grid-template-columns:1fr}}@media (width<=768px){.main-container{padding:24px 16px 48px}.course-row,.course-list-header{grid-template-columns:1fr 80px 60px 80px 32px;gap:6px}.compare-grid{grid-template-columns:1fr}}@media (width<=480px){.course-row,.course-list-header{grid-template-columns:1fr;gap:5px}.course-list-header{display:none}}[data-theme=light] .input-card,[data-theme=light] .result-card,[data-theme=light] .chart-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .glass-input,[data-theme=light] .glass-select{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .glass-input:focus,[data-theme=light] .glass-select:focus{border-color:#0891b2}[data-theme=light] .glass-input::placeholder{color:#00000059}[data-theme=light] .glass-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23475569' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")}[data-theme=light] .remove-btn{color:#64748b;border-color:#0000001f}[data-theme=light] .remove-btn:hover{color:#e11d48;border-color:#e11d48}[data-theme=light] .add-course-btn{color:#0891b2;border-color:#00000026}[data-theme=light] .add-course-btn:hover{background:#0891b20f;border-color:#0891b2}[data-theme=light] .tab-btn{color:#64748b}[data-theme=light] .tab-btn:hover{color:#0f172a}[data-theme=light] .tab-btn.active{color:#0891b2;border-bottom-color:#0891b2}[data-theme=light] .action-btn{color:#475569;background:#fff;border-color:#0000001f}[data-theme=light] .action-btn:hover{color:#0891b2;border-color:#0891b2}[data-theme=light] .action-btn--reset:hover{color:#e11d48;border-color:#e11d48}[data-theme=light] .result-value,[data-theme=light] .compare-num{color:#0891b2}[data-theme=light] .gpa-excellent{color:#4f46e5}[data-theme=light] .gpa-good{color:#047857}[data-theme=light] .gpa-fair{color:#b45309}[data-theme=light] .gpa-warn{color:#e11d48}[data-theme=light] .breakdown-table th{color:#475569;background:#f0f4f9}[data-theme=light] .breakdown-table td{color:#0f172a;border-bottom-color:#00000012}[data-theme=light] .breakdown-table tr:hover td{background:#f8fafc}[data-theme=light] .compare-cell{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .compare-note{border-top-color:#0000001a}[data-theme=light] .col-label{color:#475569}[data-theme=light] .tab-nav{border-bottom-color:#0000001a}