.online-usage{border:1px solid var(--site-line);background:var(--site-surface);color:var(--site-ink);border-radius:16px;margin:24px 0;padding:24px}.online-usage-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.online-usage h2{margin:0 0 8px;font-size:1.35rem}.online-usage p{overflow-wrap:anywhere;line-height:1.6}.online-usage-heading p{margin:0}.online-usage button{border:1px solid var(--site-line);min-height:44px;color:var(--site-ink);background:var(--site-surface);font:inherit;cursor:pointer;border-radius:10px;padding:10px 16px}.online-usage button:disabled{opacity:.6;cursor:wait}.online-usage-note,.online-usage small{color:var(--site-ink-2);font-size:.875rem}.online-usage-counters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.online-usage-counters>div{background:var(--site-surface-muted);border-radius:12px;padding:16px}.online-usage-counters dt{color:var(--site-ink-2);font-size:.875rem}.online-usage-counters dd{margin:8px 0 0;font-size:1.75rem;font-weight:700}.online-usage-counters dd span{font-size:.95rem;font-weight:400}.online-usage-tables{padding:0;list-style:none}.online-usage-tables li{border-top:1px solid var(--site-line);padding:16px 0}.online-usage-tables li>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.online-usage-tables a{text-underline-offset:4px;min-height:28px;font-weight:700}.online-usage-tables p{margin:8px 0}.online-usage-limit{background:var(--site-surface-muted);border-radius:8px;padding:12px}@media (max-width:480px){.online-usage{padding:16px}.online-usage-counters{gap:8px}.online-usage-counters>div{padding:12px}}