*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;background:#f5f6fa;color:#222}button{font-family:inherit;font-size:1rem;transition:background .2s}#root{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.app-container{width:75%;min-width:350px;margin:0 auto;padding:20px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.app-header h1{font-size:clamp(1.2rem,5vw,1.5rem);margin:0}.header-controls{display:flex;align-items:center;gap:12px}.theme-toggle-btn{border:none;outline:none;cursor:pointer;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.85rem;box-shadow:0 2px 4px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.theme-toggle-btn:active{transform:translateY(0)}.controls-row{display:flex;align-items:center}.segment-group{display:flex;padding:4px;border-radius:12px;gap:4px;width:auto;transition:background-color .3s ease}.segment-btn{flex:0 0 auto;border:none;background:transparent;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;opacity:.75;color:inherit;transition:all .25s ease;position:relative}.segment-btn:hover{opacity:1;background-color:#7f7f7f1a}.segment-btn.active{opacity:1;box-shadow:0 2px 8px #0000001f;transform:scale(1.02)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stat-card{padding:12px 5px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d}.stat-label{font-size:.8rem;opacity:.7;margin-bottom:4px}.stat-value{font-size:1.1rem;font-weight:700}.chart-container{width:100%;height:400px}.page-container{font-family:Segoe UI,Arial,sans-serif;line-height:1.6;max-width:800px;margin:0 auto;padding:20px;color:inherit;text-align:left}.page-backLink{display:inline-block;margin-bottom:20px;color:#5470c6;text-decoration:none;cursor:pointer;font-weight:700}.page-backLink:hover{text-decoration:underline}.page-h1{border-bottom:2px solid rgba(127,127,127,.25);padding-bottom:10px}.page-h2{margin-top:26px;color:inherit;opacity:.9}.page-section{margin-bottom:20px}.page-ul{padding-left:20px;margin-bottom:10px}.page-inlineLink{color:#5470c6;text-decoration:underline}.page-inlineLink:hover{text-decoration-thickness:2px}.page-muted{opacity:.8;margin-top:8px}@media (max-width: 768px){.app-container{width:98%;padding:8px}.stats-grid{display:none}.app-header{flex-wrap:wrap;gap:10px}.app-header h1{margin-right:auto}.header-controls{display:contents}.controls-row{width:100%;order:3;margin-top:5px}.segment-group{flex:1;width:100%}.segment-btn{flex:1;padding:8px 0!important;font-size:.8rem}.chart-container{height:350px}}