:root{color-scheme:dark;--bg:#0b0d12;--surface:#121720;--surface2:#171d27;--line:#2b3442;--text:#f6f7f9;--muted:#9ba5b3;--accent:#f2aa00;--blue:#6bb2f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.wrap{width:min(880px,calc(100% - 32px));margin:auto}.top{border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;min-height:72px;color:inherit;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:16px;font-weight:500;letter-spacing:.07em;text-decoration:none}.brand strong{font:inherit}.landing{padding:68px 0}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.12em}h1{margin:0;font-size:clamp(32px,7vw,52px);line-height:1.15;letter-spacing:-.04em}.lead{max-width:620px;margin:14px 0 0;color:#aeb6c2}.identity-note{display:grid;gap:2px;margin:20px 0 0;padding:13px 15px;border:1px solid #37465a;border-radius:13px;background:#111923;color:#b7c7d9;font-size:12px}.identity-note strong{color:#eef5fc}.identity-note a{margin-top:4px;color:var(--blue);font-size:11px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.choice{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:inherit;text-decoration:none}.choice.recommended{border-color:#856216;background:linear-gradient(145deg,#201b10,#121720)}.choice small{color:var(--accent);font-weight:800}.choice h2{margin:5px 0 8px;font-size:25px}.choice p{min-height:78px;margin:0;color:#aab3bf;font-size:14px}.choice b{display:block;margin-top:18px;color:var(--blue);font-size:13px}.page{padding:38px 0 72px}.page h1{font-size:clamp(30px,6vw,44px)}.page-lead{margin:10px 0 0;color:#aeb6c2}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:10px;background:var(--accent);color:#18130a;font-size:13px;font-weight:800;text-decoration:none}.button.secondary{border:1px solid #3c4654;background:#151a23;color:#e4e7eb}.steps{display:grid;gap:11px}.step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.num{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--accent);color:#18130a;font-size:13px;font-weight:900}.step h2{margin:2px 0 5px;font-size:17px}.step p,.step li{color:#b4bcc7;font-size:13px}.step p{margin:0}.step ul,.step ol{margin:8px 0 0;padding-left:1.35em}.step li{margin:4px 0}.note{margin-top:9px;padding:9px 11px;border-left:3px solid var(--accent);background:#201a0e;color:#d8c38f;font-size:12px}.mini{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.mini h2{font-size:19px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-card{padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.mini-card strong{display:block;margin-bottom:4px;font-size:14px}.mini-card p{margin:0;color:#9fa9b6;font-size:12px}.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.links a{color:var(--blue);font-size:12px}.code{padding:2px 6px;border:1px solid #3b4654;border-radius:6px;background:#0d1117;font-family:ui-monospace,monospace;font-size:.9em}@media(max-width:650px){.landing{padding:44px 0}.choice-grid,.mini-grid{grid-template-columns:1fr}.choice p{min-height:0}.step{padding:15px}.brand{min-height:64px}}

/* TKWORKSの会員サイトと揃えた、ガイド専用の明るい表示。 */
:root{color-scheme:light;--bg:#f5f5f1;--surface:#fff;--surface2:#f0f0ec;--line:#d9dad5;--text:#202124;--muted:#73767b;--accent:#7159e9;--blue:#5543c6}
.top{position:sticky;top:0;z-index:10;background:rgba(248,248,245,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.lead,.page-lead,.back{color:#666a70}
.identity-note{border-color:#d9dad5;background:#fff;color:#666a70}
.identity-note strong{color:#303236}
.choice{border-radius:12px;box-shadow:0 1px 2px rgba(23,25,27,.025)}
.choice.recommended{border-color:#cfc8fa;background:#f4f1ff}
.choice p,.step p,.step li,.mini-card p{color:#666a70}
.button{background:#202124;color:#fff}
.button.secondary{border-color:#d5d6d2;background:#fff;color:#36383c}
.num{background:#202124;color:#fff}
.note{border-left-color:#7159e9;background:#f0edff;color:#554b84}
.code{border-color:#d5d6d2;background:#f0f0ec;color:#303236}