:root{--bg-color: #f3f6fa;--card-bg: #fff;--text-color: #000;--primary-color: #4f8cff;--border-color: #e1e5e9;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;background:var(--bg-color);color:var(--text-color);transition:background .3s,color .3s;min-height:100vh}body.dark{--bg-color: #1e1e1e;--card-bg: #2b2b2b;--text-color: #f5f5f5;--primary-color: #6ea8fe;--border-color: #404040}.container{width:100%;max-width:600px;margin:2rem auto;padding:3rem;border-radius:40px;background:var(--card-bg);box-shadow:0 2px 12px #0001;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:system-ui,sans-serif}@media (max-width: 600px){.container{padding:1.5rem;border-radius:20px}}.log-item{animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.onboarding-content{background:var(--card-bg);color:var(--text-color);padding:2rem;border-radius:12px;max-width:90%;text-align:center;box-shadow:0 2px 12px #0006}.toggle-btn{position:absolute;top:1rem;right:1rem;background:var(--card-bg);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;color:var(--text-color);box-shadow:0 2px 5px #0002}.container{max-width:800px}.recharts-wrapper{background:var(--card-bg)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-color)}.recharts-text{fill:var(--text-color)}@media (max-width: 768px){.container{max-width:95%;padding:1rem}}