:root{--primary:#0891b2;--primary-dark:#0e7490;--primary-light:#22d3ee;--bg:#f0fdfa;--bg-card:#ffffff;--bg-dark:#0f172a;--bg-card-dark:#1e293b;--text:#0f172a;--text-dark:#f1f5f9;--text-muted:#64748b;--border:#e2e8f0;--border-dark:#334155;--success:#10b981;--danger:#ef4444;--danger-hover:#dc2626;--radius:12px;--radius-lg:16px;--shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--shadow-lg:0 10px 25px rgba(0,0,0,0.1),0 4px 10px rgba(0,0,0,0.05);--transition:200ms ease}@media (prefers-color-scheme:dark){:root{--bg:var(--bg-dark);--bg-card:var(--bg-card-dark);--text:var(--text-dark);--border:var(--border-dark)}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Noto Sans JP,Hiragino Sans,Meiryo,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-dark)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}