:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; background: #151310; color: #eee9e2; }
main { max-width: 720px; margin: 0 auto; padding: 56px 20px; }
.badge { display: inline-block; margin: 0; padding: 3px 6px; border: 1px solid #8c6d39; color: #d6b16c; font-size: 11px; letter-spacing: 1px; }
h1 { margin: 14px 0 8px; font-size: 26px; font-weight: 600; }
.lead { margin: 0 0 24px; color: #a79e96; font-size: 14px; line-height: 1.6; }
.apps { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.apps a { display: grid; gap: 6px; padding: 18px 20px; border: 1px solid #38322d; background: #211f1d; color: inherit; text-decoration: none; }
.apps a:hover, .apps a:focus-visible { border-color: #9b6e43; outline: none; }
.apps strong { font-size: 17px; }
.apps span { color: #a79e96; font-size: 13px; line-height: 1.5; }