:root { color-scheme: light dark; --bg: var(--tg-theme-secondary-bg-color, #f2f4f7); --surface: var(--tg-theme-bg-color, #fff); --text: var(--tg-theme-text-color, #18222d); --muted: var(--tg-theme-hint-color, #6d7883); --accent: var(--tg-theme-link-color, #3390ec); --border: color-mix(in srgb, var(--muted) 22%, transparent); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--text); background: var(--bg); font-size: 15px; line-height: 1.55; }
header { padding: max(12px, env(safe-area-inset-top)) 16px 12px; position: sticky; top: 0; background: color-mix(in srgb, var(--surface) 94%, transparent); border-bottom: 1px solid var(--border); backdrop-filter: blur(16px); }
header a { min-height: 44px; display: inline-flex; align-items: center; color: var(--accent); text-decoration: none; font-weight: 700; }
main { width: min(760px, 100%); margin: 0 auto; padding: 22px 16px 48px; }
article { padding: 20px; background: var(--surface); border: 1px solid var(--border); border-radius: 18px; }
h1 { margin: 0 0 6px; font-size: 25px; line-height: 1.2; }
h2 { margin: 24px 0 8px; font-size: 17px; }
p, li { color: var(--muted); }
strong { color: var(--text); }
a { color: var(--accent); }
.version { margin: 0 0 20px; font-size: 12px; }
.notice { padding: 12px; color: #855700; background: #fff4d6; border: 1px solid #edc96d; border-radius: 12px; }
.legal-list { display: grid; gap: 10px; padding: 0; list-style: none; }
.legal-list a { min-height: 52px; padding: 12px; display: flex; align-items: center; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; font-weight: 700; }
@media (prefers-color-scheme: dark) { .notice { color: #ffd67b; background: #3b301c; border-color: #6a5429; } }