*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Sans,Meiryo,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:24px 16px}header{margin-bottom:24px}header h1{font-size:1.4rem;font-weight:700;color:#f8fafc}header p{font-size:.8rem;color:#94a3b8;margin-top:4px}.controls{flex-wrap:wrap;gap:12px;background:#1e293b;border-radius:10px;padding:14px 18px;margin-bottom:24px}.control-group,.controls{display:flex;align-items:center}.control-group{gap:8px}.control-group label{font-size:.8rem;color:#94a3b8;white-space:nowrap}select{background:#0f172a;color:#e2e8f0;border:1px solid #334155;border-radius:6px;padding:6px 10px;font-size:.85rem;cursor:pointer}select:focus{outline:none;border-color:#3b82f6}.tab-group{display:flex;gap:4px}.tab-btn{background:#1e293b;color:#94a3b8;border:1px solid #334155;border-radius:6px;padding:6px 14px;font-size:.85rem;cursor:pointer;transition:all .15s}.tab-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.chart-section{background:#1e293b;border-radius:12px;padding:20px;margin-bottom:20px}.chart-title{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:6px}.chart-subtitle{font-size:.75rem;color:#64748b;margin-bottom:16px}.loading{color:#64748b}.empty,.loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:.9rem}.empty{color:#475569}.badge{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:999px;font-weight:600}.badge-daily{background:#1d4ed8;color:#bfdbfe}.badge-weekly{background:#7c3aed;color:#ddd6fe}