:root{--bg:#f6f7f9;--surface:#fff;--text:#16181d;--muted:#5f6672;--border:#dfe2e7;--field:#f3f4f6;--accent:#2f6fd6;--accent-text:#fff;--accent-soft:#e3ecfa;--danger:#c2413b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111317;--surface:#1a1d23;--text:#eef0f3;--muted:#a3a9b4;--border:#2d3139;--field:#22262d;--accent:#5b93ea;--accent-text:#0d1117;--accent-soft:#1f2d44;--danger:#ec7a74;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}main{max-width:760px;margin:0 auto;padding:32px 16px 48px}h1{letter-spacing:-.02em;margin:0;font-size:1.9rem}p{margin:4px 0 0}a{color:var(--accent)}.muted{color:var(--muted)}input,select,button{font:inherit;color:inherit}input,select{border:1px solid var(--border);background:var(--field);border-radius:8px;width:100%;min-width:0;padding:8px 10px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{cursor:pointer}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.scale{color:var(--muted);gap:4px;font-size:.85rem;display:grid}.scale select{width:auto;color:var(--text)}.summary,.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:20px}.headline{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.label{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.big{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700;line-height:1}.bar{background:var(--accent-soft);border-radius:3px;height:6px;margin:16px 0;overflow:hidden}.bar>div{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.stats dt{color:var(--muted);font-size:.8rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.2rem;font-weight:600}.card-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.semester-name{background:0 0;border-color:#0000;flex:1;margin-left:-8px;padding:4px 8px;font-size:1.15rem;font-weight:600}.semester-name:hover{border-color:var(--border)}.semester-gpa{white-space:nowrap;font-variant-numeric:tabular-nums}.semester-gpa strong{font-size:1.15rem}.row{grid-template-columns:1fr 5rem 5.5rem 2rem;align-items:center;gap:8px;margin-bottom:8px;display:grid}.row.header{color:var(--muted);margin-bottom:4px;font-size:.8rem}.icon{width:2rem;height:2rem;color:var(--muted);background:0 0;border:none;border-radius:8px;font-size:1.2rem;line-height:1}.icon:hover{background:var(--field);color:var(--danger)}.link{color:var(--accent);background:0 0;border:none;padding:4px 0;font-weight:600}.actions{justify-content:space-between;gap:8px;display:flex}.primary,.ghost{border-radius:10px;padding:10px 16px;font-weight:600}.primary{background:var(--accent);color:var(--accent-text);border:none}.ghost{border:1px solid var(--border);background:var(--surface);color:var(--muted)}footer{text-align:center;margin-top:32px;font-size:.85rem}@media (width<=480px){main{padding:24px 12px 40px}h1{font-size:1.6rem}.big{font-size:2.5rem}.summary,.card{padding:14px}.card-head{grid-template-columns:1fr auto;grid-template-areas:"name remove""gpa gpa";gap:2px 8px;display:grid}.semester-name{grid-area:name}.semester-gpa{grid-area:gpa}.card-head .icon{grid-area:remove}.row{grid-template-columns:1fr 3.25rem 4.5rem 1.75rem;gap:4px}.row input,.row select{padding:8px 6px}.icon{width:1.75rem}}