@font-face{font-family:Inter;src:url('fonts/inter-google-variable.woff2?v=4.001') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html{font-optical-sizing:auto}
/* Shared visual identity for the public page and account portal. */
:root{--brand-white:#fff;--brand-ink:#17191b;--brand-muted:#60676d;--brand-quiet:#767d83;--brand-surface:#f5f6f7;--brand-line:#e5e7e9;--brand-accent:#ead600;--brand-soft:#f6f5e6;--brand-focus:#847500;--brand-font:Inter,'Noto Sans CJK TC','PingFang TC','Microsoft JhengHei',sans-serif;--brand-ease:cubic-bezier(.22,.68,0,1.02)}
/* Original flashlight-carrying Pip artwork, shared by the front page and portal. */
.link-mascot{position:relative;display:inline-block;width:52px;height:52px;flex-shrink:0;transform:rotate(-3deg)}
.mascot-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}

/* Inter lining figures keep prices and dashboard counts calm and consistent. */
.price,.price strong,.value-price>strong,.value-counts strong,.stat-value,.chart-meta strong,.metrics strong,.workspace-plan-price,#checkout-total,.checkout-line.total strong{font-family:var(--brand-font);font-variant-numeric:lining-nums tabular-nums;font-synthesis:none}