#totp-qr canvas{display:block;max-width:100%;height:auto;width:280px;background:#fff}
.setup-secret{font:700 19px/1.8 monospace;overflow-wrap:anywhere;user-select:all}
.recovery-codes{font:600 17px/1.9 monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5ef;padding:18px;border-radius:12px;user-select:all}
.chalkboard{background:#173c35;color:#fff;border:2px solid #6e9b5b;padding:24px;line-height:1.7;min-height:400px;resize:vertical}
.color-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;border-bottom:1px solid #d9e2d8;padding:12px 0}
.color-row>label:first-of-type{min-width:150px}.color-row input[type=color]{height:45px;width:90px;padding:4px}
header nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}header nav a{font-size:15px;font-weight:650}
.check input[type=checkbox]{flex-basis:76px;width:76px;height:32px;border-color:#87928b;background:#c7cfca}
.check input[type=checkbox]::after{width:24px;height:24px;left:2px;top:2px}
.check input[type=checkbox]::before{content:'OFF';position:absolute;right:6px;top:3px;font:700 12px/22px system-ui;color:#384b40}
.check input[type=checkbox]:checked{background:#26963e;border-color:#17752c}
.check input[type=checkbox]:checked::after{transform:translateX(44px)}
.check input[type=checkbox]:checked::before{content:'ON';right:auto;left:9px;color:#fff}
@media(forced-colors:active){.check input[type=checkbox]{appearance:auto}.check input[type=checkbox]::before,.check input[type=checkbox]::after{display:none}}
.calendar-header{margin:0 0 2rem}.live-clock{display:block;font-weight:700;margin-bottom:1rem}.vat-countdown{max-width:42rem;padding:1rem 1.25rem;border:1px solid #bccbbd;border-radius:16px;background:#fff;color:#173d33}.vat-countdown p{margin:.5rem 0;font-size:.9rem}.vat-meter{display:block;appearance:none;width:100%;height:22px;margin:.8rem 0 .4rem;border:2px solid #315e48;border-radius:12px;overflow:hidden;background:#e3e8e3}.vat-meter::-webkit-meter-bar{background:#e3e8e3;border:0;border-radius:8px;height:18px;box-shadow:none}.vat-meter::-webkit-meter-optimum-value{background:#2d9845;border-radius:7px;transition:width 1s}.vat-meter::-moz-meter-bar{background:#2d9845}.vat-ends{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;margin-bottom:.6rem}

.color-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.color-row>label:first-of-type{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;min-width:0}.color-row>button{justify-self:end}.vat-meter:focus-visible{outline:3px solid #627ff0;outline-offset:3px}

.calendar-topline{display:flex;align-items:center;gap:24px;margin-bottom:20px}.calendar-topline .live-clock{margin:0;flex:0 0 auto}.vat-accrual{background:#fff2cd;border:2px solid #d1ad4e;border-radius:14px;padding:12px 16px;color:#4b3a13;max-width:420px;min-width:0;flex:0 1 420px;overflow-wrap:anywhere}.vat-accrual-label{font-weight:750;font-size:13px;letter-spacing:.04em}.vat-accrual-amount{display:block;font-size:30px;line-height:1.25;letter-spacing:-.5px;margin:2px 0}.vat-accrual small{display:block;font-size:12px;line-height:1.4;margin-top:4px}.vat-accrual p{margin:4px 0}.vat-accrual a{color:#49370c}.vat-accrual-pending{font-weight:700}.vat-refresh-status{opacity:.85}@media(max-width:600px){.calendar-topline{gap:12px;align-items:flex-start}.calendar-topline .live-clock{font-size:13px;max-width:140px;padding-top:12px}.vat-accrual{padding:10px;flex:1}.vat-accrual-amount{font-size:24px}.vat-accrual small{font-size:11px}}
