:root{--bg: #faf9f5;--surface: #ffffff;--text: #1f1e1d;--muted: #5e5d59;--border: #e3e1d9;--accent: #b8532f;--on-accent: #ffffff;--ok: #2f7a3d;--ok-bg: #e8f3ea;--ng: #b3261e;--ng-bg: #fbeaea;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #1c1b19;--surface: #262522;--text: #ecebe6;--muted: #a8a69e;--border: #3a3935;--accent: #e0835f;--on-accent: #1c1b19;--ok: #7cc58a;--ok-bg: #1f3324;--ng: #f08a80;--ng-bg: #3a2220}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;line-height:1.7}a{color:var(--accent)}app-root{display:flex;flex-direction:column;min-height:100vh;max-width:44rem;margin:0 auto;padding:0 16px}main{flex:1;min-width:0}.tabs{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr 1fr;margin:0 -16px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--border)}.tabs button{padding:.7rem .5rem;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.layout{flex:1;display:flex;flex-direction:column}.layout aside{padding:1.25rem 0}.layout[data-tab=app] aside,.layout[data-tab=intro] main{display:none}@media(min-width:768px){app-root{max-width:72rem;padding:0 24px}.tabs{display:none}.layout{display:grid;grid-template-columns:minmax(0,44rem) minmax(16rem,22rem);justify-content:center;align-items:start;gap:2rem}.layout[data-tab] main,.layout[data-tab] aside{display:block}.layout aside{position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:1.25rem 0 1.25rem 2rem;border-left:1px solid var(--border)}}.site-header{display:flex;flex-wrap:wrap;gap:.25rem 1rem;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.site-header nav{display:flex;align-items:center;gap:1rem}.site-header .lang{padding:.15rem .6rem;border:1px solid var(--border);border-radius:999px;background:none;color:var(--text);font:inherit;cursor:pointer}.site-header .brand{font-weight:700;color:var(--text);text-decoration:none}.site-footer{padding:1.5rem 0;color:var(--muted);font-size:.8rem;text-align:center}.primary{display:inline-block;justify-self:start;padding:.6rem 1.2rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}