:root{--sp-read-bg:#fcd980;--sp-read-ink:#2b2100;--sp-read-line:#8a6200;--sp-write-bg:#b3261e;--sp-write-ink:#fff;--sp-write-line:#7d1913}@media (prefers-color-scheme:dark){:root{--sp-read-bg:#5b4510;--sp-read-ink:#fff3d1;--sp-read-line:#f0b429;--sp-write-bg:#8f1d17;--sp-write-ink:#fff;--sp-write-line:#ff8a80}}.sp-banner{z-index:40;border-bottom:3px solid;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.sp-banner-read{background:var(--sp-read-bg);color:var(--sp-read-ink);border-color:var(--sp-read-line)}.sp-banner-write{background:var(--sp-write-bg);color:var(--sp-write-ink);border-color:var(--sp-write-line)}.sp-banner .sp-text{flex:22rem;max-width:none;margin:0}.sp-banner .sp-link{color:inherit;font-weight:700}.sp-banner .key{font-size:.9rem}.sp-banner .btn-secondary{background:var(--surface);color:var(--ink)}.sp-count{font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem;font-weight:700}.sp-err{flex-basis:100%;font-weight:700}.sp-banner~.shell .topbar{top:var(--sp-h,0px)}.sp-notice-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.sp-notice-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.6rem .8rem;display:flex}.sp-notice-list li[data-unread=true]{border-left:5px solid var(--lapis)}.sp-pending{border-left:5px solid var(--saffron)}.sp-pending-write{border-left-color:var(--danger)}.sp-ended{text-align:center;place-content:center;min-height:100dvh;padding:1.5rem 1rem;display:grid}.pc-gap-top{margin-top:2rem}.sp-notice-list li[data-unread=true]{font-weight:600}.sp-notice-open{all:unset;cursor:pointer;min-height:var(--tap);flex:22rem;align-items:center;gap:.5rem;display:flex}.sp-notice-open:focus-visible{outline:3px solid var(--lapis);outline-offset:2px}.sp-new{background:var(--lapis);color:#fff;border-radius:99px;padding:.05rem .5rem;font-size:.8rem;display:inline-block}.subnav .sp-tab-badge{margin-left:.4rem}.sp-card{padding:1.5rem}.sp-card h1{margin:0 0 .75rem;font-size:1.4rem}.sp-ended .sp-card{text-align:left;width:min(32rem,100%)}