:root{--color-primary:#4f7018;--color-primary-hover:#3f5c10;--color-primary-soft:#e9f2c8;--color-primary-soft-hover:#def0b3;--color-primary-tint:#f4f8e3;--color-on-primary:#fff;--color-danger:#ad3a22;--color-danger-bg:#f5cdb2;--color-danger-hover:#8f2f1b;--color-success:#468530;--color-success-bg:#ddedbb;--color-warning:#a36e08;--color-warning-bg:#f8e3ae;--color-info:#65821f;--color-info-bg:#e4f0b9;--color-info-border:#65821f;--color-info-text:#3a4c1a;--color-accent:#9e5008;--color-accent-hover:#8a4506;--color-danger-soft:#f8ddc9;--color-danger-strong:#7a3320;--color-success-soft:#e7f3cf;--color-success-strong:#2d4d2b;--color-warning-soft:#fcecc3;--color-warning-strong:#6e4810;--color-info-soft:#ecf2d8;--color-info-strong:#3a4c1a;--color-accent-soft:#fbe3c8;--color-accent-strong:#6f3a05;--color-text:#3a2418;--color-text-muted:#6b4a32;--color-text-subtle:#9a7e63;--color-text-meta:#6a4f3a;--color-bg-base:#fff;--color-bg-surface:#faf6ee;--color-bg-inset:#f2e8d5;--color-bg-overlay:#2b1c1280;--color-border:#d8cfbf;--color-border-strong:#cdbf9f;--color-border-stronger:#8a6f44;--color-info-border-strong:#65821f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-sans:"Noto Sans JP", "Noto Sans JP Fallback", "Hiragino Sans", "Yu Gothic UI", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--text-xs:14px;--text-sm:16px;--text-base:16px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-display:clamp(32px, 5vw, 56px);--text-headline:clamp(24px, 3vw, 32px);--text-title:20px;--text-body:var(--text-base);--text-caption:var(--text-sm);--line-height-tight:1.2;--line-height-snug:1.4;--line-height-normal:1.6;--line-height-relaxed:1.7;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.01em;--shadow-sm:0 1px 2px #3a24180f;--shadow-md:0 2px 6px #3a241814;--shadow-lg:0 12px 28px #3a24181f;--shadow-inset-subtle:inset 0 1px 3px #3a24180f;--shadow-soft-lift:0 6px 14px #3a241814, 0 1px 2px #3a24180d;--shadow-hero:0 2px 4px #3a24182e, 0 1px 2px #3a24181f;--shadow-hero-hover:0 4px 10px #3a24183d;--shadow-hero-band:0 3px 8px #3a24184d;--transition-fast:.14s cubic-bezier(.16, 1, .3, 1);--transition-normal:.22s cubic-bezier(.16, 1, .3, 1);--scale-pressed:.98}