*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#3b82f6;--purple-bright:#60a5fa;--purple-dim:#3b82f626;--purple-border:#3b82f638;--purple-glow:#3b82f659;--bg:#080d18;--bg2:#0e1525;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff12;--text:#e0e8f8;--text-muted:#c8d7f073;--radius:18px;--sidebar-width:260px;--shadow:0 2px 24px #0006;--shadow-hover:0 8px 40px #3b82f633, 0 2px 8px #0006}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Outfit,Noto Sans JP,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:4px}::selection{color:#fff;background:#3b82f64d}a{color:inherit;text-decoration:none}@keyframes shimmer{0%{opacity:0;left:-100%}40%{opacity:1}to{opacity:0;left:150%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{opacity:.18}50%{opacity:.32}}@media (width<=768px){:root{--radius:14px}[data-card]{padding:1.1rem!important}}