:root{color-scheme:light dark;--page-bg: #eef2ff;--page-bg-dark: #151c28;--panel-bg: rgba(255, 255, 255, .88);--panel-border: rgba(148, 163, 184, .2);--shadow-soft: 0 24px 60px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,Noto Sans JP,sans-serif;background:radial-gradient(circle at top left,rgba(99,102,241,.14),transparent 32%),linear-gradient(180deg,#f8fafc,#eef2ff 45%,#f8fafc)}.dark body{background:radial-gradient(circle at top left,rgba(99,102,241,.16),transparent 28%),linear-gradient(180deg,#151c28,#1a2433 42%,#151c28)}#root{min-height:100vh}.surface-header{background-color:#ffffffe0}.dark .surface-header{background-color:#151c28e0}.surface-panel{background-color:#ffffffeb}.dark .surface-panel{background-color:#151c28f0}.surface-toolbar{background-color:#fffffff2}.dark .surface-toolbar{background-color:#151c28eb}.surface-popover{background-color:#fffffff5}.dark .surface-popover{background-color:#151c28f5}.surface-subtle{background-color:#f8fafccc}.dark .surface-subtle{background-color:#151c28c7}button,input,select,textarea{font:inherit}.color-input-reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;padding:0;border:0;border-radius:var(--color-input-radius, 1rem);background:transparent;display:block;overflow:hidden}.color-input-reset::-webkit-color-swatch-wrapper{padding:0;border:0;border-radius:inherit;background:transparent}.color-input-reset::-webkit-color-swatch{padding:0;border:0;border-radius:inherit}.color-input-reset::-moz-color-swatch{padding:0;border:0;border-radius:inherit}.color-input-reset::-moz-focus-inner{padding:0;border:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#94a3b83d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:999px;background:#4f46e5;border:3px solid #ffffff;box-shadow:0 6px 16px #4f46e540;margin-top:-6px}input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:#94a3b83d}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:999px;background:#4f46e5;border:3px solid #ffffff;box-shadow:0 6px 16px #4f46e540}input.mobile-range::-webkit-slider-runnable-track{height:12px;background:#94a3b84d}input.mobile-range::-webkit-slider-thumb{width:28px;height:28px;border:4px solid #ffffff;box-shadow:0 8px 18px #4f46e547;margin-top:-8px}input.mobile-range::-moz-range-track{height:12px;background:#94a3b84d}input.mobile-range::-moz-range-thumb{width:28px;height:28px;border:4px solid #ffffff;box-shadow:0 8px 18px #4f46e547}