:root{--ink:#0c131b;--ink-2:#111c26;--ink-3:#16232f;--rule:#22323f;--rule-soft:#1a2833;--paper:#ece7da;--paper-dim:#a9b5bf;--muted:#6f808e;--sepia:#c89b5a;--azure:#7fa8c9;--redink:#c4453c;--card-w:178px;--card-h:78px;--col:222px;--row:200px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:Newsreader,Georgia,serif;-webkit-font-smoothing:antialiased}.label{font-family:Barlow Condensed,Haettenschweiler,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-weight:600}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}a{color:var(--sepia)}.panel{max-width:380px;margin:12vh auto 0;padding:28px 30px 30px;background:var(--ink-2);border:1px solid var(--rule);border-top:3px solid var(--sepia)}.panel h1{font-size:22px;font-weight:500;margin:0 0 4px}.panel p.hint{color:var(--muted);font-size:13.5px;margin:0 0 20px}.field{margin-bottom:14px}.field label{display:block;font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted);margin-bottom:5px}.field input{width:100%;padding:9px 11px;background:var(--ink);border:1px solid var(--rule);color:var(--paper);font:inherit;font-size:15px}.field input:focus{outline:2px solid var(--sepia);outline-offset:1px}.btn{display:inline-block;padding:9px 18px;background:var(--sepia);color:var(--ink);border:none;font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-weight:600;font-size:13px;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--paper-dim);border:1px solid var(--rule)}.err{color:var(--redink);font-size:13.5px;margin-top:10px}.card{position:absolute;width:var(--card-w);min-height:var(--card-h);background:var(--ink-2);border:1px solid var(--rule);border-left:3px solid var(--muted);padding:9px 11px 10px;text-align:left;color:inherit;font:inherit;cursor:pointer;display:block;text-decoration:none}.card:hover{background:var(--ink-3);border-color:var(--sepia)}.card .nm{font-size:15px;line-height:1.15;color:var(--paper)}.card .sub{font-size:11.5px;font-style:italic;line-height:1.25;margin-top:1px}.card .sub,.card .yr{color:var(--paper-dim)}.card .yr{font-family:IBM Plex Mono,monospace;font-size:10.5px;margin-top:5px}.card .pl{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:9.5px;color:var(--muted);margin-top:3px;font-weight:500}.card .gr{top:7px;font-weight:600;letter-spacing:.1em;color:var(--muted)}.card .gr,.card .mem{position:absolute;right:8px;font-family:Barlow Condensed,sans-serif;font-size:10px}.card .mem{bottom:6px;letter-spacing:.08em;color:var(--azure)}.card[data-grade=A]{border-left-color:var(--sepia)}.card[data-grade=A] .gr{color:var(--sepia)}.card[data-grade=B]{border-left-color:var(--azure)}.card[data-grade=B] .gr{color:var(--azure)}.card[data-grade=C]{border-left-color:var(--redink)}.card[data-grade=C] .gr{color:var(--redink)}.card.gap{border:1px dashed var(--redink);border-left:3px solid var(--redink);background:rgba(196,69,60,.07)}.card.gap .nm{color:#e8837b;font-style:italic}.card.subject{border-left-color:var(--paper);background:#1b2836}.lk{fill:none;stroke:#3c5163;stroke-width:1.4}.lk.dash{stroke:var(--redink);stroke-dasharray:5 5;opacity:.85}.lk.weak{stroke-dasharray:3 4;opacity:.75}.stage.dim .card:not(.on){opacity:.16}.stage.dim .lk{opacity:.1}.card.on,.lk.on{opacity:1}.lk.on{stroke:var(--sepia);stroke-width:2}.search{width:250px;background:var(--ink-2);border:1px solid var(--rule);color:var(--paper);padding:7px 10px;font:12px/1.2 IBM Plex Mono,monospace;border-radius:0}.search:focus{outline:none;border-color:var(--sepia)}@media (max-width:720px){.search{width:150px}}