:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e2e8f0;background:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0f172a;--card: #1e293b;--card-border: #334155;--accent: #38bdf8;--accent-strong: #0ea5e9;--text: #e2e8f0;--muted: #94a3b8;--success: #22c55e;--warning: #f59e0b;--error: #ef4444}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,#1e3a5f 0%,transparent 60%),var(--bg);color:var(--text)}a{color:var(--accent)}a:hover{color:var(--accent-strong)}.planner-shell{display:grid;min-height:100vh;gap:1.5rem;padding:2rem 1rem;max-width:960px;margin:0 auto;align-content:start}.planner-shell>header,.planner-shell>main,.planner-shell>section,.planner-shell>div{text-align:left}.planner-shell h1{color:#f8fafc;font-size:clamp(1.8rem,4vw,2.6rem);margin:0;letter-spacing:-.02em}.planner-shell h2{font-size:1.15rem;color:#f1f5f9;margin:0 0 .5rem}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.summary{max-width:48rem;color:var(--muted);line-height:1.6;margin:0}section[aria-label=Curriculum],section[aria-label="Degree progress"],section[aria-label=Requirements],.planner-shell section{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:1.2rem 1.3rem;box-shadow:0 4px 24px #00000040}section[aria-label=Curriculum]{display:grid;gap:1rem}label[for=program-select]{display:block;font-size:.85rem;font-weight:600;color:#cbd5e1;margin-bottom:.35rem}select#program-select,select{width:100%;max-width:320px;padding:.6rem .75rem;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;font-size:.95rem}select:focus{outline:2px solid var(--accent);outline-offset:1px}button{appearance:none;border:1px solid transparent;background:var(--accent);color:#0f172a;font-weight:600;padding:.55rem .95rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .15s,transform .05s}button:hover{background:var(--accent-strong)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button[type=button]:not(:disabled){box-shadow:0 1px 6px #38bdf840}[role=alert]{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fecaca;padding:.7rem .9rem;border-radius:8px;font-size:.9rem}[role=status]{color:var(--muted);font-size:.9rem}section[aria-label="Degree progress"] p[role=status]{font-size:1.05rem;font-weight:700;color:#f8fafc}ul[aria-label=Requirements],ul[aria-label="Recommended courses"]{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}ul[aria-label=Requirements] li,ul[aria-label="Recommended courses"] li{display:flex;justify-content:space-between;align-items:center;padding:.65rem .8rem;background:#0f172a;border:1px solid #283548;border-radius:8px;font-size:.9rem}ul[aria-label=Requirements] li span:last-child{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.progress-bar{height:8px;background:#334155;border-radius:999px;overflow:hidden}.progress-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#22d3ee);border-radius:999px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}