:root{--ink:#1b3432;--muted:#74817e;--green:#25695b;--line:#e3e8e4;--paper:#f7f8f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d8dfda;border-radius:9px;background:white;color:var(--ink);padding:10px 15px;transition:.15s}button:hover{background:#eef3ef;border-color:#9ab4a7}button:focus-visible,summary:focus-visible{outline:3px solid #9ac9b8;outline-offset:3px}button.primary{background:var(--green);border-color:var(--green);color:#fff}.app{max-width:1320px;margin:auto;padding:0 44px}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:17px;font-weight:650}.brand-icon{background:var(--ink);color:#fff;padding:8px 10px;border-radius:11px;font-family:Georgia,serif;font-size:24px}.brand small{display:block;font-size:9px;letter-spacing:2.8px;color:var(--muted);margin-top:5px}.tools{display:flex;align-items:center;gap:10px}.local{font-size:12px;color:var(--muted);margin-right:16px}.local i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55977d;margin-right:5px}main{padding-top:43px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--green);font-weight:600}h1{font-size:34px;font-weight:600;letter-spacing:-1px;margin:12px 0 10px}.intro p{color:var(--muted);margin:0 0 30px}.overview{display:flex;border:1px solid #d7e3da;border-radius:17px;background:linear-gradient(110deg,#e7eee4,#eff4ed);margin-bottom:30px;padding:28px 34px;align-items:center}.forecast{width:36%;border-right:1px solid #cfdbd0;padding-right:28px}.overline{font-size:12px;color:#536e62}.big{font-size:64px;font-family:Georgia,serif;letter-spacing:-3px;line-height:1.3;font-variant-numeric:tabular-nums}.big small{font:13px -apple-system,sans-serif;color:#819080;letter-spacing:0;margin-left:12px}.change{font-size:11px;display:inline-block;color:#386b54;background:#dce8d8;border-radius:6px;padding:6px 9px}.change.down{color:#9b6247;background:#eee4d5}.metrics{display:flex;flex:1;justify-content:space-around;gap:16px;padding-left:26px}.metrics>div{display:flex;flex-direction:column;gap:12px}.metrics span{font-size:12px;color:#65766a}.metrics strong{font-family:Georgia,serif;font-size:30px;font-weight:400;font-variant-numeric:tabular-nums}.metrics small{font-size:11px;color:#7c887b}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px}.courses{display:flex;flex-direction:column;gap:22px}.card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.card-head{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-head h2{display:inline;font-size:17px;font-weight:600}.step{font-family:Georgia,serif;color:#8ca294;font-size:17px;margin-right:10px}.card-head p{color:var(--muted);font-size:12px;margin:9px 0 0}.card-head button{font-size:12px;white-space:nowrap}.table-head,.course-row{display:grid;grid-template-columns:minmax(100px,1fr) 90px minmax(145px,190px) 30px;gap:12px;align-items:center;padding:0 24px}.table-head{padding-top:11px;padding-bottom:11px;background:#f8faf8;color:#84908a;font-size:11px;border-block:1px solid #edf0ed}.course-row{padding-top:12px;padding-bottom:12px;border-bottom:1px solid #f1f3f0}.course-row input,.course-row select{width:100%;min-width:0;border:1px solid #dfe5df;border-radius:7px;padding:9px 8px;background:#fff;color:var(--ink);height:37px}.course-row input:focus,.course-row select:focus{outline:2px solid #aacdba;border-color:var(--green)}.course-row input::placeholder{color:#a2aaa5}.grade-input{display:flex;gap:5px;min-width:0}.grade-input:has(input) select{width:56%}.grade-input input{width:44%}.remove{border:0;padding:5px;background:none;font-size:20px;color:#a2ada6}.remove:hover{color:#a24d43;background:#f9edeb}.invalid input{border-color:#bc6553;background:#fff6f3}.subtotal{padding:14px 24px;font-size:11px;color:#758379;background:#fcfdfb;line-height:1.6}.empty{padding:24px;color:var(--muted);font-size:13px;text-align:center}aside{display:flex;flex-direction:column;gap:20px}.note{padding:25px 23px;background:#eef1eb;border:1px solid #e1e5db;border-radius:14px}.note h3{font-size:18px;line-height:1.6;font-weight:550;margin:15px 0}.note p,.file-note p{font-size:12px;line-height:1.9;color:#7b857c}.weight{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid #dae1d6;padding:10px 0 18px}.weight b{font-family:Georgia,serif;color:#66845e;font-size:20px;font-weight:400}.formula{font-size:11px;line-height:2;color:#7a887a;padding:12px 0}.formula strong{font-weight:500;font-size:12px;color:#42673d}details{margin-top:10px;border-top:1px solid #dae1d6;padding-top:17px}summary{cursor:pointer;font-size:12px;color:#55734d}.grade-key{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:11px;color:#667d60}.hint{margin-bottom:0}.file-note{padding:3px 12px}.file-note b{font-size:12px;font-weight:550}.text-button{padding:4px 0;background:none;border:0;border-radius:0;font-size:12px;color:#819080;text-decoration:underline;text-underline-offset:4px}footer{padding:34px 0;display:flex;justify-content:space-between;gap:20px;color:#99a098;font-size:10px;letter-spacing:.5px}.dot{margin:0 9px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#203d35;color:white;border-radius:10px;padding:14px 22px;box-shadow:0 5px 25px #0002;opacity:0;pointer-events:none;transition:.2s;max-width:90%;font-size:13px}.toast.show{opacity:1}.overview.incomplete{border-color:#d7b582}.overview.incomplete .overline{color:#916239}@media(min-width:1450px){main{padding-top:50px}.overview{padding-block:34px}}@media(max-width:1050px){.app{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.table-head,.course-row{gap:8px;padding-inline:16px;grid-template-columns:minmax(80px,1fr) 75px minmax(125px,155px) 25px}.card-head{padding:20px 16px}.overview{padding:24px}.local{display:none}}@media(max-width:800px){.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr}.forecast{width:42%}.metrics{padding-left:18px;gap:10px;flex-wrap:wrap}.metrics strong{font-size:25px}.metrics small{font-size:10px}.metrics>div{gap:8px}.big{font-size:53px}}@media(max-width:540px){.app{padding:0 15px}header{height:84px;gap:10px}.brand{font-size:14px;gap:8px}.brand-icon{font-size:20px}.brand small{font-size:8px;letter-spacing:1px}.tools{gap:6px}.tools button{padding:9px;font-size:11px}main{padding-top:30px}h1{font-size:27px}.intro p{font-size:12px}.overview{display:block;padding:22px}.forecast{width:100%;border:0;padding:0}.metrics{border-top:1px solid #cfdbd0;margin-top:20px;padding:18px 0 0;justify-content:space-between}.metrics span{font-size:10px}.metrics strong{font-size:24px}.metrics small{font-size:9px}aside{grid-template-columns:1fr}.card-head{padding:20px 12px}.card-head h2{font-size:15px}.card-head p{font-size:10px}.card-head button{font-size:11px;padding:8px}.table-head,.course-row{padding-inline:10px;gap:6px;grid-template-columns:minmax(65px,1fr) 63px minmax(125px,1.2fr) 22px}.course-row input,.course-row select{font-size:12px;padding-inline:5px}.subtotal{padding-inline:12px}footer{flex-direction:column;gap:8px}.note h3{font-size:17px}}