.brand { text-decoration: none; color: var(--ink); }
.auth { max-width: 440px; margin: 8vh auto; display: flex; flex-direction: column; gap: 10px; }
.auth input, .auth select { width: 100%; }
.auth h1 { margin-bottom: 4px; }
.cards3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-bottom: 16px; }
.big { font-size: 26px; font-weight: 700; }
.meter { height: 8px; border-radius: 4px; background: var(--line); overflow: hidden; margin-top: 6px; }
.meter i { display: block; height: 100%; background: var(--accent); }
.st { font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 10px; white-space: nowrap; }
.st-live { background: var(--good-bg); color: var(--good); }
.st-planned, .st-writing { background: var(--info-bg); color: var(--info); }
.st-link_missing, .st-page_down { background: var(--bad-bg); color: var(--bad); }
.plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.plan.on { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent) inset; }
.plan ul { padding-left: 18px; margin: 8px 0; font-size: 14px; }
.copy { font-family: ui-monospace, Menlo, monospace; font-size: 13px; overflow-wrap: anywhere; background: var(--bg); padding: 8px; border-radius: 8px; }
.tblwrap { overflow-x: auto; }
.tbl td a { overflow-wrap: anywhere; }
.form { display: flex; flex-direction: column; gap: 8px; max-width: 640px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }