:root{--color-primary:#4caf50;--color-primary-dark:#388e3c;--color-primary-light:#c8e6c9;--color-error:#d32f2f;--color-warning:#ffa000;--color-background:#fff;--color-surface:#f5f5f5;--color-text:#212121;--color-text-secondary:#757575;--color-border:#e0e0e0;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--touch-target-min:44px;--border-radius:12px;--border-radius-sm:8px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}[data-theme=dark]{--color-background:#121212;--color-surface:#1e1e1e;--color-text:#eee;--color-text-secondary:#bdbdbd;--color-border:#333;--color-primary-light:#1b5e20}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-background:#121212;--color-surface:#1e1e1e;--color-text:#eee;--color-text-secondary:#bdbdbd;--color-border:#333}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root{height:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}