:root{--color-bg: #f7f6f3;--color-surface: #faf9f6;--color-text: #2b2b2b;--color-text-muted: #8a8a8a;--color-text-faint: #b0aa9f;--color-border: #e6e2da;--color-accent: #4a5568;--color-on-accent: #ffffff;--color-danger: #c0564f;--color-code-bg: #f0eee9;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans Mono CJK SC", monospace;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}[lang=ja]{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans Mono CJK JP", monospace}[lang=ko]{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans Mono CJK KR", monospace}:root{--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--container-max: 672px;--tap-target: 44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}button,a,select,input,[role=button],summary{min-height:var(--tap-target)}a{color:var(--color-accent)}.container{max-width:var(--container-max);margin-inline:auto;padding:40px 20px 24px}.site-header{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-start;justify-content:space-between}.title{margin:0;font-size:1.5rem;line-height:1.3}.subtitle{margin:8px 0 0;font-size:.8125rem;color:var(--color-text-muted)}.lang-switch select{font-family:inherit;font-size:1rem;min-height:var(--tap-target);padding:0 12px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.section{margin-top:24px}.card{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card p{margin:0 0 12px}.card p:last-child{margin-bottom:0}.card details{margin-top:12px}.card .btn{margin-top:12px}.user-id{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);margin:4px 0 12px}.grid-demo{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media(min-width:768px){.grid-demo{grid-template-columns:1fr 1fr}}.btn{font-size:.9375rem;padding:10px 16px;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;transition:opacity var(--motion-fast) var(--ease-standard)}.btn:hover{opacity:.88}.pre{font-family:var(--font-mono);font-size:.75rem;line-height:1.6;background:var(--color-code-bg);padding:12px;border-radius:var(--radius-md);overflow-x:auto;margin:12px 0 0}.error{font-size:.8125rem;color:var(--color-danger);margin:12px 0 0}.loading{margin-top:24px;color:var(--color-text-muted)}.footer{margin-top:40px;font-size:.75rem;color:var(--color-text-faint)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}