:root{--font-display: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;--font-body: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--danger: #EF4444;--warning: #F59E0B}:root,[data-mode=light]{--bg-base: #F2F4F7;--bg-surface: #FFFFFF;--bg-surface-hover: #F7F8FA;--border-subtle: rgba(14, 165, 233, .06);--border-default: #E2E8F0;--text-primary: #1A202C;--text-secondary: #4A5568;--text-muted: #A0AEC0;--accent: #0EA5E9;--accent-glow: rgba(14, 165, 233, .12);--accent-lime: #65A30D;--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--shadow-heavy: 0 4px 24px rgba(0, 0, 0, .1);--overlay-bg: rgba(0, 0, 0, .35);--dot-color: rgba(14, 165, 233, .06);--input-bg: #FFFFFF;--input-edit-bg: rgba(255, 255, 255, .97)}[data-mode=dark]{--bg-base: #0B0F19;--bg-surface: #151B2B;--bg-surface-hover: #1C2438;--border-subtle: rgba(56, 189, 248, .1);--border-default: #1E2A3A;--text-primary: #E2E8F0;--text-secondary: #94A3B8;--text-muted: #64748B;--accent: #38BDF8;--accent-glow: rgba(56, 189, 248, .25);--accent-lime: #A3E635;--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-heavy: 0 4px 32px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .7);--dot-color: rgba(56, 189, 248, .04);--input-bg: #0B0F19;--input-edit-bg: rgba(255, 255, 255, .95)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px);background-size:24px 24px;transition:background-color .3s,color .3s}#root{min-height:100vh}html,body{overscroll-behavior:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:#fff}[data-mode=light] ::selection{color:#fff}@media(max-width:600px){.icon-dialog-overlay{align-items:flex-end!important}.icon-dialog{width:100%!important;max-width:100%!important;max-height:85vh!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.icon-dialog-grid{grid-template-columns:repeat(4,1fr)!important}}