:root{--bg:#fdfaf3;--surface:#fff;--text:#1f2a37;--muted:#5b6675;--line:#e3dccb;--primary:#2b4c7e;--primary-text:#fff;--pos:#1d7a3e;--neg:#b4232f;--warn-bg:#fff4d6;--error-bg:#fde8e8;--info-bg:#e8f0fb;--ok-bg:#e6f5ea;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.55}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{margin:0 0 .5rem;line-height:1.3}h2{font-size:1.15rem}code{font-family:ui-monospace,SF Mono,Menlo,monospace}button{font:inherit;border:1px solid var(--primary);background:var(--primary);min-height:44px;color:var(--primary-text);cursor:pointer;border-radius:10px;padding:.45rem 1rem}button.secondary{color:var(--primary);background:0 0}button.link{color:var(--primary);background:0 0;border:none;min-height:auto;padding:.2rem .4rem;text-decoration:underline}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f5c84c}input,select{font:inherit;border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;width:100%;padding:.4rem .6rem}label{flex-direction:column;gap:.25rem;font-weight:500;display:flex}fieldset{border:none;margin:0;padding:0}legend{margin-bottom:.25rem;font-weight:500}table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.5rem .6rem}th{color:var(--muted);font-size:.85rem;font-weight:600}tr.dim td{opacity:.55}tr.highlight td{background:#fff8e1}.center{flex-direction:column;gap:1rem;max-width:480px;margin:0 auto;padding:2rem 16px;display:flex}.content{max-width:1100px;margin:0 auto;padding:1rem 16px 3rem}.stack{flex-direction:column;gap:1.25rem;display:flex}.row{align-items:flex-end;gap:.75rem;display:flex}.row.wrap{flex-wrap:wrap;align-items:center}.grow{flex:1}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.form{flex-direction:column;gap:.75rem;display:flex}.muted{color:var(--muted)}.small{font-size:.85rem}.pos{color:var(--pos)}.neg{color:var(--neg)}.big-number{font-size:2rem;font-weight:700}.tag{background:var(--info-bg);border-radius:6px;margin-right:.3rem;padding:0 .4rem;font-size:.75rem;display:inline-block}.tag.warn{background:var(--warn-bg)}.credential{letter-spacing:.08em;background:var(--bg);border-radius:6px;padding:.1rem .4rem;font-size:1.4rem}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 16px;display:flex}.tabs{gap:.25rem;display:flex;overflow-x:auto}.tabs.wide{max-width:1100px;margin:0 auto;padding:.5rem 16px 0}.tabs button{color:var(--text);white-space:nowrap;background:0 0;border-color:#0000}.tabs button[aria-selected=true]{background:var(--primary);color:var(--primary-text)}.notice{border-radius:10px;padding:.7rem .9rem}.notice.error{background:var(--error-bg)}.notice.warn{background:var(--warn-bg)}.notice.info{background:var(--info-bg)}.notice.ok{background:var(--ok-bg)}.offline-banner,.update-banner{z-index:20;text-align:center;padding:.6rem 16px;position:sticky;top:0}.offline-banner{color:#fff;background:#3b3b3b}.update-banner{background:var(--primary);color:#fff;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:auto 0 0}.update-banner button{color:var(--primary);background:#fff}.modal-backdrop{z-index:30;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:.75rem;width:min(480px,100%);max-height:90vh;padding:1.25rem;display:flex;overflow:auto}.house-badge{background:var(--surface);border:2px solid;border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .6rem;font-weight:600;display:inline-flex}.house-badge.large{padding:.3rem 1rem;font-size:1.4rem}.house-shape{font-size:.9em}.house-card{border-top:6px solid}.house-picker{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.house-picker button{background:var(--surface);color:var(--text);border-color:var(--line);flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.house-picker button.picked{border:3px solid var(--primary);background:var(--info-bg)}.segmented{display:flex}.segmented button{background:var(--surface);color:var(--text);border-color:var(--line);border-radius:0}.segmented button:first-child{border-radius:10px 0 0 10px}.segmented button:last-child{border-radius:0 10px 10px 0}.segmented button.picked.pos{background:var(--pos);color:#fff;border-color:var(--pos)}.segmented button.picked.neg{background:var(--neg);color:#fff;border-color:var(--neg)}.student{background:linear-gradient(180deg, #e9f1ff 0%, var(--bg) 280px);min-height:100vh}.student .card{border-radius:18px}.my-house{text-align:center;border-width:3px}.login h1{font-size:1.6rem}@media (width<=640px){.row{flex-direction:column;align-items:stretch}table{font-size:.9rem}th,td{padding:.4rem}.content{overflow-x:hidden}.content table{display:block;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.champions{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.champions li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.champion-month{min-width:7.5rem;font-weight:600}.row>select{width:auto;max-width:100%}.row>h2{margin:0}