@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;500;700&display=swap");:root{--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-200:#bae6fd;--color-primary-300:#7dd3fc;--color-primary-400:#38bdf8;--color-primary-500:#0ea5e9;--color-primary-600:#0284c7;--color-primary-700:#0369a1;--color-primary-800:#075985;--color-primary-900:#0c4a6e;--color-secondary-50:#fafafa;--color-secondary-100:#f4f4f5;--color-secondary-200:#e4e4e7;--color-secondary-300:#d4d4d8;--color-secondary-400:#a1a1aa;--color-secondary-500:#71717a;--color-secondary-600:#52525b;--color-secondary-700:#3f3f46;--color-secondary-800:#27272a;--color-secondary-900:#18181b;--color-background-primary:#ffffff;--color-background-secondary:#f8fafc;--color-background-tertiary:#f1f5f9;--color-accent-purple:#8b5cf6;--color-accent-blue:#3b82f6;--color-accent-light-blue:#06b6d4;--color-accent-cyan:#06b6d4;--color-accent-green:#10b981;--color-accent-lime:#84cc16;--color-accent-yellow:#eab308;--color-accent-orange-light:#f97316;--color-accent-orange-dark:#ea580c;--color-success-light:#22c55e;--color-success-dark:#16a34a;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-error-light:#ef4444;--color-error-dark:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-warning-yellow:#eab308;--color-warning-yellow-dark:#ca8a04;--color-warning-orange:#f97316;--color-warning-orange-dark:#ea580c;--color-warning-bg:#fffbeb;--color-warning-border:#fed7aa;--color-text-primary:var(--color-secondary-900);--color-text-secondary:var(--color-secondary-700);--color-text-tertiary:var(--color-secondary-500);--color-text-inverse:#ffffff;--color-link-default:var(--color-primary-600);--color-link-hover:var(--color-primary-700);--color-link-visited:#9333ea;--color-border-primary:var(--color-secondary-200);--color-border-secondary:var(--color-secondary-300);--color-border-tertiary:var(--color-secondary-400);--color-focus:var(--color-primary-500);--color-focus-ring:rgba(14,165,233,0.2);--font-family-base:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-family-mono:"Noto Sans Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-heading-xl:700 36px/1.3 var(--font-family-base);--font-heading-lg:700 30px/1.3 var(--font-family-base);--font-heading-md:700 24px/1.4 var(--font-family-base);--font-heading-sm:700 20px/1.4 var(--font-family-base);--font-heading-xs:600 18px/1.4 var(--font-family-base);--font-body-lg:400 18px/1.6 var(--font-family-base);--font-body-md:400 16px/1.6 var(--font-family-base);--font-body-sm:400 14px/1.5 var(--font-family-base);--font-body-xs:400 12px/1.5 var(--font-family-base);--font-body-lg-bold:700 18px/1.6 var(--font-family-base);--font-body-md-bold:700 16px/1.6 var(--font-family-base);--font-body-sm-bold:700 14px/1.5 var(--font-family-base);--font-body-lg-semibold:500 18px/1.6 var(--font-family-base);--font-body-md-semibold:500 16px/1.6 var(--font-family-base);--font-body-sm-semibold:500 14px/1.5 var(--font-family-base);--font-caption:400 12px/1.4 var(--font-family-base);--font-caption-bold:700 12px/1.4 var(--font-family-base);--font-label:500 14px/1.4 var(--font-family-base);--font-label-sm:500 12px/1.4 var(--font-family-base);--font-code-lg:400 18px/1.6 var(--font-family-mono);--font-code-md:400 16px/1.6 var(--font-family-mono);--font-code-sm:400 14px/1.5 var(--font-family-mono);--font-code-xs:400 12px/1.5 var(--font-family-mono);--font-link:400 16px/1.6 var(--font-family-base);--font-button:500 16px/1.4 var(--font-family-base);--font-input:400 16px/1.4 var(--font-family-base)}