*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#a78bfa;--purple-bright:#c4b5fd;--purple-dim:#a78bfa26;--purple-border:#a78bfa38;--purple-glow:#a78bfa59;--bg:#0f0d17;--bg2:#13111e;--surface:#ffffff0b;--surface-hover:#ffffff13;--border:#ffffff14;--text:#ece8ff;--text-muted:#ece8ff80;--radius:18px;--sidebar-width:260px;--shadow:0 2px 24px #0006;--shadow-hover:0 8px 40px #a78bfa33, 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:#a78bfa66;border-radius:4px}::selection{color:#fff;background:#a78bfa4d}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}}