@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";
:root{--purple:#51247a;--purple-light:#704590;--purple-bright:#8052a1;--background:#11021b;--header:#1c0c2b;--panel:#241132;--panel-hover:#2b153a;--border:#5c4768;--border-soft:#382542;--text:#fff;--text-soft:#c8bdcd;--text-muted:#97899e;--blue:#1684d6;--blue-dark:#126eae;--red:#d65c6d;--green:#54c788}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Gotham,Montserrat,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.site{grid-template-rows:58px 1fr auto;height:100dvh;display:grid;overflow:hidden}.header{background:var(--header)}.header-inner{align-items:center;width:min(1380px,100% - 50px);height:100%;margin:0 auto;display:flex}.brand{color:var(--purple-bright);letter-spacing:.3px;font-size:23px;font-weight:800}.main-content{align-self:center;width:min(1100px,100% - 42px);margin:0 auto}.main-content h1{text-align:center;color:var(--purple-bright);letter-spacing:-1px;margin:0 0 34px;font-size:clamp(30px,3vw,42px);font-weight:800}.add-row{grid-template-columns:1fr 1fr 175px;gap:7px;margin-bottom:14px;display:grid}.semester-select{height:50px;position:relative}.small-label{z-index:1;color:var(--text-muted);font-size:9px;position:absolute;top:6px;left:14px}.semester-select select{color:#fff;background:#2a1738;border:0;outline:none;width:100%;height:50px;padding:16px 38px 3px 14px;font-size:12px}.course-input{color:#fff;text-transform:uppercase;background:#2a1738;border:0;outline:none;height:50px;padding:0 14px;font-size:13px;font-weight:500}.course-input::placeholder{color:#887b8e}.add-button{color:#fff;background:var(--purple-light);letter-spacing:.4px;border:0;height:50px;font-size:15px;font-weight:500}.add-button:hover:not(:disabled){background:var(--purple-bright)}.add-button:disabled{opacity:.55;cursor:default}.error-message{color:#e58793;margin-bottom:14px;font-size:10px}.semester-heading{color:#bfb1c6;letter-spacing:1.6px;margin:22px 0 14px;font-size:10px;font-weight:800}.course-list{flex-direction:column;gap:8px;max-height:250px;display:flex;overflow-y:auto}.course-card{border:1px solid var(--border);background:var(--panel);border-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;min-height:62px;padding:0 16px;display:flex}.course-card:hover{background:var(--panel-hover)}.course-details{min-width:0}.course-name{color:#fff;margin-right:12px;font-size:16px;font-weight:800}.course-semester{color:#fff;font-size:9px}.course-title{color:var(--purple-bright);margin-top:2px;font-size:14px;font-weight:700;line-height:1.2}.remove-button{color:#c8bdcd;background:0 0;border:0;flex-shrink:0;width:32px;height:32px;font-size:25px;font-weight:300;line-height:1}.remove-button:hover{color:var(--red)}.empty-state{border:1px dashed var(--border);height:90px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex}.generate-row{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.course-count{color:var(--text-muted);font-size:10px}.generate-button{color:#fff;background:var(--blue);border:0;border-radius:3px;min-width:230px;height:46px;padding:0 24px;font-size:11px;font-weight:700}.generate-button:hover:not(:disabled){background:var(--blue-dark)}.generate-button:disabled{cursor:default;opacity:.35}.subscription-panel{border:1px solid var(--border);background:var(--panel);border-radius:6px;margin-top:18px;padding:16px}.subscription-heading{color:var(--purple-bright);font-size:15px;font-weight:800}.subscription-description{color:var(--text-soft);margin-top:4px;font-size:9px}.subscription-url-row{grid-template-columns:1fr 130px;gap:7px;margin-top:13px;display:grid}.subscription-url{border:1px solid var(--border-soft);width:100%;height:39px;color:var(--text-soft);background:#190923;outline:none;padding:0 11px;font-size:9px}.subscription-url:focus{border-color:var(--purple-bright)}.copy-button{color:#fff;background:var(--purple-light);border:0;height:39px;font-size:9px;font-weight:700}.copy-button:hover{background:var(--purple-bright)}.subscription-actions{justify-content:space-between;align-items:center;margin-top:11px;display:flex}.download-button{border:1px solid var(--border);height:34px;color:var(--text-soft);background:0 0;border-radius:3px;padding:0 17px;font-size:8px;font-weight:700}.download-button:hover{color:#fff;background:var(--panel-hover)}.footer{text-align:center;color:#746879;padding:10px 20px 13px;font-size:7px;line-height:1.6}@media (max-width:600px){.site{grid-template-rows:50px 1fr auto}.header-inner{width:calc(100% - 22px)}.brand{font-size:18px}.main-content{width:calc(100% - 20px)}.main-content h1{margin-bottom:15px;font-size:22px}.add-row{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.semester-select,.semester-select select,.course-input{height:42px}.semester-select select{padding-top:14px;font-size:9px}.small-label{font-size:7px;top:5px}.course-input{font-size:10px}.add-button{grid-column:1/-1;height:38px;font-size:11px}.semester-heading{margin:12px 0 8px;font-size:8px}.course-list{gap:5px;max-height:180px}.course-card{min-height:52px;padding:0 11px}.course-name{font-size:12px}.course-semester{font-size:7px}.course-title{margin-top:1px;font-size:10px}.remove-button{width:26px;height:26px;font-size:20px}.empty-state{height:60px;font-size:9px}.generate-row{margin-top:10px}.course-count{font-size:7px}.generate-button{min-width:155px;height:38px;padding:0 10px;font-size:8px}.subscription-panel{margin-top:10px;padding:11px}.subscription-heading{font-size:12px}.subscription-description{font-size:7px}.subscription-url-row{grid-template-columns:1fr 85px;gap:5px;margin-top:8px}.subscription-url{height:32px;font-size:6px}.copy-button{height:32px;font-size:7px}.subscription-actions{margin-top:7px}.download-button{height:28px;padding:0 9px;font-size:6px}.footer{padding:5px 10px 7px;font-size:5.5px}}@media (max-height:650px) and (min-width:601px){.main-content h1{margin-bottom:18px;font-size:30px}.semester-heading{margin-top:12px}.course-list{max-height:170px}.course-card{min-height:50px}.course-title{font-size:12px}.generate-row{margin-top:10px}.subscription-panel{margin-top:10px;padding:12px}}