:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--sumi-900:#231a17;--sumi-800:#2b2725;--sumi-700:#4a4340;--sumi-500:#6b625c;--sumi-400:#8a7f79;--sumi-300:#a39990;--kami-300:#e4e0da;--kami-200:#efece7;--kami-100:#f5f3ef;--kami-50:#fffcf6;--kami-0:#fff;--midori-700:#5c8050;--midori-500:#45b968;--midori-400:#7fc06a;--ao-500:#2b4ee6;--kaki-400:#ff7a3d;--sakura-200:#f7b8e0;--sora-200:#9fd3ff;--hiwa-200:#d7f26b;--seiji-300:#4fd39a;--fuji-200:#c9b8ff;--yamabuki-300:#ffd23f;--bg-page:var(--kami-100);--bg-paper-warm:var(--kami-50);--bg-surface:var(--kami-0);--bg-subtle:var(--kami-200);--text-strong:var(--sumi-900);--text-body:var(--sumi-700);--text-muted:var(--sumi-500);--text-on-ink:var(--kami-100);--line-default:var(--kami-300);--line-strong:#cfc8bf;--action-primary:var(--sumi-800);--action-primary-hover:var(--sumi-900);--ai-accent:var(--ao-500);--ai-soft:#eceffd;--status-live:var(--midori-500);--mascot-fill:var(--midori-400);--bg:var(--bg-page);--bg-2:var(--bg-subtle);--panel:var(--bg-surface);--panel-2:var(--bg-paper-warm);--sunk:var(--bg-subtle);--ink:var(--text-strong);--body:var(--text-body);--dim:var(--text-muted);--faint:var(--sumi-300);--rule:var(--line-default);--rule-2:var(--line-strong);--accent:var(--action-primary);--accent-deep:var(--action-primary-hover);--accent-soft:var(--bg-subtle);--accent-ink:var(--text-strong);--on-fill:var(--text-on-ink);--ok:var(--midori-700);--ok-soft:#e3f5e8;--warn:#b4691a;--warn-soft:#fbeedc;--bad:#c2412d;--bad-soft:#fbe5df;--meter:var(--midori-500);--meter-track:var(--kami-300);--vendor-claude:#d97757;--vendor-openai:#10a37f;--vendor-gemini:#4e8cf5;--vendor-cursor:#231a17;--vendor-http:#8a7f79;l:#dbd6d0;--scene-ink:#16171a;--scene-body:#3f4147;--scene-dim:#6f727a;--scene-paper:#f4f2ee;--scene-panel:#fff;--scene-rule:#e3e1dc;--scene-shadow:0 1px 2px #1414190a, 0 12px 32px #14141914;--scene-accent:#2b4ee6;--scene-accent-deep:#1d3bc4;--code-bg:var(--sumi-900);--code-ink:var(--kami-100);--code-dim:var(--sumi-300);--code-key:#9fd3ff;--code-str:#ffd23f;--code-ok:#7fc06a;--code-del:#ff9a6b;--cv-ink:var(--sumi-900);--cv-text:var(--sumi-700);--cv-sub:var(--sumi-500);--cv-dim:var(--sumi-500);--cv-faint:var(--sumi-300);--cv-line:var(--kami-300);--cv-line-2:#d9d3cc;--cv-paper:#fff;--cv-bg:var(--kami-50);--cv-soft:var(--kami-100);--cv-soft-2:var(--kami-200);--cv-sk:var(--kami-200);--cv-sk-2:var(--kami-100);--cv-accent:var(--sumi-800);--cv-accent-hover:var(--sumi-900);--cv-accent-text:var(--sumi-900);--cv-accent-soft:var(--kami-200);--cv-accent-ink:var(--sumi-900);--cv-accent-off:#cfc8bf;--cv-solid:var(--sumi-800);--cv-on-solid:var(--kami-100);--cv-toast:var(--sumi-900);--cv-ok:var(--midori-700);--cv-ok-soft:#e3f5e8;--cv-bad:#c2412d;--cv-cool-1:#f3f5fd;--cv-cool-2:#eceff8;--cv-cool-3:#e4e8f3;--cv-warm-1:var(--kami-50);--cv-warm-2:var(--kami-100);--cv-warm-3:var(--kami-200);--cv-green-1:#f1f8ee;--cv-green-2:#e8f2e3;--cv-green-3:#dfebd9;--shadow-soft:0 1px 2px #221a180a, 0 6px 16px -4px #221a180f;--shadow-card:0 2px 6px #221a180d, 0 24px 64px -8px #221a181a;--shadow-float:0 2px 6px #221a180d, 0 40px 90px -10px #221a1838;--shadow-hard:0 4px 0 var(--sumi-900);--shadow-accent:0 10px 24px #4a434038;--radius-sm:4px;--radius-md:10px;--radius-lg:14px;--radius-xl:28px;--radius-pill:999px;--r-card:var(--radius-lg);--r-panel:var(--radius-xl);--r-inner:var(--radius-md);--r-input:var(--radius-md);--r-chip:var(--radius-sm);--r-pill:var(--radius-pill);--font-display:"Narrative Sans JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;--font-body:"Narrative Sans JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;--font-en:"Rethink Sans", "Narrative Sans JP", system-ui, sans-serif;--font-mono:"M PLUS 1 Code", ui-monospace, SFMono-Regular, Menlo, monospace;--font-logo:"Poppins", "Noto Sans JP", system-ui, sans-serif;--fs-display:88px;--fs-hero:clamp(44px, 5.4vw, 72px);--fs-h2:clamp(32px, 4vw, 48px);--fs-h3:24px;--fs-lead:16px;--fs-body:16px;--fs-ui:14px;--fs-small:12px;--fs-mono:14px;--fs-label:12px;--lh-body:1.7;--lh-ui:1.6;--lh-head:1.3;--track-display:-.02em;--track-label:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-14:56px;--sp-16:64px;--sp-20:80px;--sp-30:120px;--wrap:1280px;--gutter:28px;--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--dur-fast:.12s;--dur-ui:.2s;--dur:.28s;--dur-slow:.5s;--z-nav:30;--z-fab:25;--z-modal:50;--z-toast:60}:root[data-theme=dark]{--sumi-dark-900:#171311;--sumi-dark-800:#1e1916;--sumi-dark-700:#26201d;--sumi-dark-600:#2f2825;--sumi-dark-500:#3b3330;--bg-page:var(--sumi-dark-800);--bg-paper-warm:var(--sumi-dark-700);--bg-surface:var(--sumi-dark-700);--bg-subtle:var(--sumi-dark-600);--text-strong:var(--kami-100);--text-body:var(--kami-300);--text-muted:var(--sumi-300);--text-on-ink:var(--sumi-900);--line-default:var(--sumi-dark-600);--line-strong:var(--sumi-dark-500);--action-primary:var(--kami-100);--action-primary-hover:var(--kami-0);--ai-accent:#7a93ff;--ai-soft:#7a93ff24;--faint:var(--sumi-500);--ok:var(--midori-400);--ok-soft:#7fc06a24;--warn:#e0a44a;--warn-soft:#e0a44a24;--bad:#ef7a70;--bad-soft:#ef7a7024;--meter-track:var(--sumi-dark-600);--vendor-cursor:#f5f3ef;--code-bg:var(--sumi-dark-900);--shadow-soft:0 1px 2px #0000004d, 0 6px 16px -4px #0000004d;--shadow-card:0 2px 6px #00000059, 0 24px 64px -8px #0006;--shadow-float:0 2px 6px #0006, 0 40px 90px -10px #0009;--shadow-hard:0 4px 0 #000;--shadow-accent:0 10px 24px #0006;--cv-ink:var(--kami-100);--cv-text:var(--kami-300);--cv-sub:var(--sumi-300);--cv-dim:var(--sumi-300);--cv-faint:var(--sumi-500);--cv-line:var(--sumi-dark-600);--cv-line-2:var(--sumi-dark-500);--cv-paper:var(--sumi-dark-700);--cv-bg:var(--sumi-dark-800);--cv-soft:var(--sumi-dark-600);--cv-soft-2:var(--sumi-dark-500);--cv-sk:var(--sumi-dark-600);--cv-sk-2:var(--sumi-dark-500);--cv-accent:var(--kami-100);--cv-accent-hover:var(--kami-0);--cv-accent-text:var(--kami-100);--cv-accent-soft:var(--sumi-dark-600);--cv-accent-ink:var(--kami-100);--cv-accent-off:var(--sumi-dark-500);--cv-solid:var(--kami-100);--cv-on-solid:var(--sumi-900);--cv-toast:var(--sumi-dark-500);--cv-ok:var(--midori-400);--cv-ok-soft:#7fc06a29;--cv-bad:#ef7a70;--cv-cool-1:#262836;--cv-cool-2:#21232e;--cv-cool-3:#1c1e27;--cv-warm-1:var(--sumi-dark-700);--cv-warm-2:var(--sumi-dark-800);--cv-warm-3:var(--sumi-dark-900);--cv-green-1:#232a22;--cv-green-2:#1e241d;--cv-green-3:#191e18}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--body);font:var(--fs-body) / var(--lh-body) var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:not(:has(.story)){font-feature-settings:"palt" 1}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%}p{margin:0}h1,h2,h3,h4{color:var(--ink);font-family:var(--font-display);letter-spacing:var(--track-display);text-wrap:balance;margin:0}h1{font-size:var(--fs-hero);font-weight:900;line-height:1.2}h2{font-size:var(--fs-h2);font-weight:900;line-height:1.25}h3{font-size:var(--fs-h3);line-height:var(--lh-head);letter-spacing:0;font-weight:700}code,kbd,.mono{font-family:var(--font-mono);font-feature-settings:normal;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-chip)}.num{font-variant-numeric:tabular-nums}.wrap{max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}[id]{scroll-margin-top:96px}@media (max-width:640px){:root{--gutter:16px}[id]{scroll-margin-top:76px}}.btn{border-radius:var(--r-pill);font-family:var(--font-body);font-weight:700;font-size:var(--fs-ui);letter-spacing:0;border:1px solid var(--rule);color:var(--ink);background:var(--panel);box-shadow:var(--shadow-soft);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast), opacity var(--dur-fast), background-color var(--dur-fast), border-color var(--dur-fast);align-items:center;gap:10px;padding:15px 24px;display:inline-flex}.btn:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.btn:active{transition-duration:60ms;transform:translateY(0)scale(.98)}.btn.dark{background:var(--action-primary);border-color:var(--action-primary);color:var(--text-on-ink)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-fill);box-shadow:var(--shadow-accent)}.btn.sm{font-size:var(--fs-ui);box-shadow:none;padding:9px 14px}.btn.ghost{box-shadow:none;color:var(--dim);background:0 0;border-color:#0000}.btn.danger{color:var(--bad);border-color:var(--bad);box-shadow:none}.btn[disabled]{opacity:.5;pointer-events:none}.btn.en,.en{font-family:var(--font-en)}.eyebrow{font-family:var(--font-body);font-size:var(--fs-small);letter-spacing:0;color:var(--text-strong);background:var(--bg-subtle);border:1px solid var(--line-default);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:6px 12px;font-weight:700;display:inline-flex}.eyebrow i{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.cmd{background:var(--code-bg);color:var(--code-ink);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--fs-mono);box-shadow:var(--shadow-card);align-items:center;gap:14px;padding:14px 16px 14px 20px;display:flex}.cmd .d{color:var(--code-dim)}.cmd .c{white-space:nowrap;scrollbar-width:none;flex:1;overflow-x:auto}.cmd button{color:var(--code-ink);font:12px var(--font-body);letter-spacing:0;border-radius:8px;flex:none;align-items:center;gap:8px;padding:6px 8px;display:inline-flex}.cmd button:hover{background:#ffffff14}.toast{background:var(--text-strong);color:var(--bg);border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-ui);opacity:0;pointer-events:none;z-index:var(--z-toast);transition:opacity var(--dur-fast) var(--ease-in), transform var(--dur-fast) var(--ease-in);padding:10px 18px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(8px)scale(.98)}.toast.show{opacity:1;transition:opacity var(--dur-fast), transform var(--dur) var(--ease-out);transform:translate(-50%)}.toast.has-action{align-items:center;gap:14px;padding-right:8px;display:flex}.toast.has-action.show{pointer-events:auto}.toast-act{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;opacity:.9;background:0 0;border:0;border-radius:6px;padding:4px 10px;text-decoration:underline}.toast-act:hover{opacity:1;background:color-mix(in srgb, var(--bg) 14%, transparent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}