:root{color-scheme:light;--bg: #f3f7fc;--panel: #ffffff;--line: #d5deeb;--text: #1d2a44;--muted: #6a7891;--accent: #fb8500}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6;word-break:auto-phrase}.page{max-width:560px;margin:0 auto;padding:28px 16px 48px}h1{margin:0;font-size:1.8rem}.sub{margin:4px 0 20px;color:var(--muted);font-size:.95rem}.modes{display:grid;gap:14px}.mode-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;text-decoration:none;color:inherit;background:var(--panel);box-shadow:0 0 0 1px var(--line),0 6px 18px #1d2a4414}.mode-card:active{transform:scale(.98)}.mode-card svg{width:100%;height:auto;display:block;border-radius:10px}.mode-card b{display:block;font-size:1.1rem}.mode-card span{display:block;color:var(--muted);font-size:.85rem}.mode-card.dark{background:#0d1630;color:#e6e8ef;box-shadow:0 6px 18px #0d163040}.mode-card.dark span{color:#9aa3b2}.links{margin:20px 0 0;text-align:center}.links a{color:var(--accent);font-weight:700}