@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,Helvetica,sans-serif;background-color:#f4f6fa;color:#1f2933;display:flex;justify-content:center;margin:0;min-height:100vh;padding:6vh 0 4vh}#app{width:100%;max-width:780px;margin:0 24px}#schoolchange{display:flex;align-items:baseline;gap:16px;margin-top:16px}#schoolchange h1{font-size:24px;line-height:1.2}.change-school{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;text-decoration:underline}.change-school:hover{color:#111827}.college-selector{display:flex;flex-direction:column;gap:16px;width:100%;padding:24px;background-color:#fff;border-radius:16px;box-shadow:0 12px 40px #0f172a14}.college-filter{width:100%}.search-input{flex:1;border:none;outline:none;font-size:16px;background-color:transparent}.college-buttons{display:flex;flex-wrap:wrap;gap:12px}.college-btn{border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 12px 30px #0f172a1a}.college-btn:hover{transform:translateY(-1px);box-shadow:0 16px 40px #0f172a29}.search-bar{margin:32px 0 12px}.search-wrapper{display:flex;align-items:center;gap:8px;border:1px solid #d1d5db;border-radius:14px;padding:6px 12px;background-color:#fff;box-shadow:0 8px 24px #0f172a14}.search-icon{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:6px;border-radius:999px}.search-icon:disabled{cursor:not-allowed;opacity:.5}.search-icon:not(:disabled):hover{background-color:#94a3b829}.default-message,.loading,.error,.empty-state{margin-top:24px;background-color:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px #0f172a14;color:#4b5563;line-height:1.6}.default-message p+p{margin-top:8px}.loading{color:#2563eb}.error{border-left:4px solid #ef4444}.error-detail{margin-top:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:14px;color:#b91c1c}.example{font-weight:600;color:#111827}.empty-state{color:#6b7280;text-align:center}#searchResults{display:flex;flex-direction:column;gap:16px}.course{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 12px 32px #0f172a1a;border:1px solid #e5e7eb}.course-header{display:flex;flex-wrap:nowrap;align-items:baseline;gap:12px;margin-bottom:12px}.course-title{margin-bottom:8px;color:#111827;flex:1;min-width:0}.school-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background-color:#9ca3af33;white-space:nowrap;flex-shrink:0}.course p+p{margin-top:8px}.course-meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:baseline}.meta{font-size:14px;color:#6b7280}.meta-muted{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.misspelled{text-decoration:underline;text-decoration-color:#cd2828}@media (max-width: 600px){body{padding-top:4vh}#app{margin:0 16px}#schoolchange{flex-direction:column;align-items:flex-start;gap:8px}.college-selector{padding:20px}.college-buttons{justify-content:center}.search-wrapper{gap:6px}}@media screen and (max-width: 768px){.container{padding:10px}body{margin-top:5vh}.header h1{font-size:20px}.search-bar{margin-top:10px;margin-bottom:10px}.course{padding:12px}}