:root{--ubc-blue: #002145;--ubc-blue-500: #0055B8;--ubc-blue-300: #4DA3FF;--ubc-gold: #F2C100;--bg-0: #000914;--bg-1: #031328;--panel: rgba(6, 18, 40, .66);--card: rgba(8, 26, 54, .78);--border: rgba(255,255,255,.1);--text: #F6F9FF;--muted: #A9BED6;--good: #2ED29A;--warn: #FDD663;--danger: #FF6B6B;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 22px;--space-6: 28px;--shadow-1: 0 6px 24px rgba(0,0,0,.32);--shadow-2: 0 2px 8px rgba(0,0,0,.25);--focus: var(--ubc-gold)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 500px at 20% -10%,rgba(0,85,184,.18),transparent 55%),radial-gradient(1000px 420px at 100% -10%,rgba(242,193,0,.1),transparent 52%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--transition: .16s cubic-bezier(.2,.7,.2,1)}@media(prefers-reduced-motion:reduce){:root{--transition: 0ms}}.app{min-height:100%;display:flex;flex-direction:column}.container{width:min(1000px,92%);margin:0 auto;padding:var(--space-4) 0 var(--space-6)}.nav{position:sticky;top:0;z-index:50;background:var(--panel);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:min(1000px,92%);margin:0 auto;height:60px}.brand{font-weight:800;letter-spacing:.2px;color:#fff;text-decoration:none}.h1{font-size:24px;font-weight:750;margin:12px 0 10px}.h2{font-size:16px;font-weight:700;color:var(--muted);margin:12px 0 8px}p{line-height:1.6}.card{background:#0d1d3ad9;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 4px 12px #0003;transition:all .2s ease-out}.card:hover{box-shadow:0 12px 32px #00000073;background:#122444f2;transform:translateY(-3px) scale(1.005);border-color:var(--ubc-blue-300)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-2)}.btn{appearance:none;border:none;cursor:pointer;border-radius:var(--radius-md);padding:11px 14px;font-weight:750;transition:transform 60ms ease,opacity var(--transition),background var(--transition),box-shadow var(--transition)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--ubc-blue-500),#0B67D1);color:#001225;box-shadow:0 6px 18px #0055b859}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:#ffffff08;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:#ffffff0d}.btn[disabled]{opacity:.55;cursor:default;box-shadow:none}.btn-accent{background:linear-gradient(180deg,var(--ubc-gold),#E0B600);color:#1a1200;box-shadow:0 8px 18px #f2c10040}.btn.disabled{opacity:.5;pointer-events:none}a{color:var(--text);text-decoration:none}a.link{color:var(--ubc-blue-300)}a.link:hover{text-decoration:underline}.chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.chip:hover{background:#ffffff0f}.chip.active{background:linear-gradient(180deg,#0055b859,#0055b838);border-color:#4da3ff80;box-shadow:inset 0 0 0 1px #4da3ff40}.badge{display:inline-block;font-size:12px;padding:4px 10px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);color:var(--muted)}.input,.textarea{width:100%;background:#08142ce6;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 12px;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input::placeholder,.textarea::placeholder{color:#89a1bb;opacity:.8}.input:hover,.textarea:hover{background:#0a1834f5}.textarea{min-height:110px;resize:vertical}.searchbar{position:relative;min-width:280px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.7;pointer-events:none}.search-input{padding-left:34px}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.muted{color:var(--muted)}.space-top{margin-top:var(--space-4)}.space-bottom{margin-bottom:var(--space-4)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:8px;box-shadow:0 0 0 2px #f2c1002e}.card,.chip,.btn{will-change:transform,box-shadow}.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.trend-row{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.trend-row::-webkit-scrollbar{height:8px}.trend-row::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.trend-card{min-width:260px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-2);position:relative;scroll-snap-align:start;transition:transform var(--transition),box-shadow var(--transition)}.trend-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0006}.trend-rank{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;background:#ffffff14;border:1px solid var(--border)}.trend-title{font-weight:750;margin:8px 0 4px}.trend-meta{font-size:12px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:24px;z-index:1000}.modal-panel{width:min(720px,96vw);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000073;animation:popIn .12s ease-out;display:flex;flex-direction:column;max-height:90vh}.modal-panel.wide{width:min(900px,96vw)}.modal-title{font-weight:800;padding:16px 18px 6px}.modal-body{padding:0 18px 6px;overflow:auto}.modal-footer{padding:12px 18px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.modal-actions .btn{margin-left:6px}@keyframes popIn{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.toast-viewport{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:2000}.toast{min-width:280px;max-width:360px;background:var(--card);border:1px solid var(--border);border-left:4px solid var(--ubc-blue-500);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:12px 10px 12px 14px;display:flex;align-items:flex-start;gap:10px;animation:toastIn .14s ease-out}.toast.success{border-left-color:var(--good)}.toast.danger{border-left-color:var(--danger)}.toast.warn{border-left-color:var(--warn)}.toast.info{border-left-color:var(--ubc-blue-500)}.toast-title{font-weight:800;margin-bottom:2px}.toast-message{color:var(--text)}.toast-close{margin-left:auto;background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer}.toast-close:hover{color:var(--text)}@keyframes toastIn{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:420px){.nav-inner{height:64px}.h1{font-size:22px}.modal-panel{width:96vw}}