Spaces:
Running
Running
| :root { | |
| color-scheme: light dark; | |
| --fg: #1f2328; | |
| --muted: #6b7280; | |
| --border: #d0d7de; | |
| --bg: #ffffff; | |
| --link: #1a56db; | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| :root { | |
| --fg: #e6edf3; | |
| --muted: #9198a1; | |
| --border: #30363d; | |
| --bg: #0d1117; | |
| --link: #58a6ff; | |
| } | |
| } | |
| * { box-sizing: border-box; } | |
| body { | |
| margin: 0; | |
| padding: 1.5rem; | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", Arial, sans-serif; | |
| color: var(--fg); | |
| background: var(--bg); | |
| } | |
| .card { | |
| max-width: 760px; | |
| margin: 0 auto; | |
| padding: 20px 24px; | |
| border: 1px solid var(--border); | |
| border-radius: 16px; | |
| } | |
| .brand { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 4px; } | |
| .brand .emoji { font-size: 28px; line-height: 1; } | |
| h1 { font-size: 18px; margin: 0 0 4px; } | |
| h1 code { font-size: 15px; font-weight: 400; color: var(--muted); } | |
| h2 { font-size: 15px; margin: 18px 0 6px; } | |
| .tagline { margin: 0; font-size: 13px; color: var(--muted); } | |
| p { font-size: 14px; line-height: 1.6; margin: 8px 0; } | |
| ul { margin: 6px 0; padding-left: 20px; font-size: 14px; line-height: 1.6; } | |
| ul.links { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; } | |
| a { color: var(--link); text-decoration: none; } | |
| a:hover { text-decoration: underline; } | |
| hr { border: none; border-top: 1px solid var(--border); margin: 16px 0; } | |
| .fine-print { font-size: 12px; color: var(--muted); margin-top: 16px; } | |