*,:before,:after{box-sizing:border-box}:root{--bg-page:#f4f4f3;--bg-panel:#f8f8f7;--bg-surface:#fbfbfb;--bg-topbar:#fafafa;--text:#171717;--border:#171717;--muted-border:#5f5f5f;--chart-grid:#e7e7e7;--chart-axis:#4b4b4b;--chart-text:#111;--chart-bar-stroke:#6a6a6a;--chart-bar-fill:#f5f5f5;--trend-band-1:#dcdcdc;--trend-band-2:#cfcfcf;--trend-band-3:#a8a8a8;--trend-band-4:#c7c7c7;--trend-band-5:#d6d6d6;color:var(--text);background:var(--bg-page);font-family:Roboto Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}:root[data-theme=dark]{--bg-page:#0e1116;--bg-panel:#121720;--bg-surface:#151b25;--bg-topbar:#131a24;--text:#edf2ff;--border:#4a556a;--muted-border:#58657b;--chart-grid:#39455c;--chart-axis:#c2d0e6;--chart-text:#f4f8ff;--chart-bar-stroke:#c8d6ef;--chart-bar-fill:#0f1520;--trend-band-1:#6a7790;--trend-band-2:#7886a3;--trend-band-3:#9baacf;--trend-band-4:#8290ad;--trend-band-5:#707d99}body{background:var(--bg-page);min-height:100vh;color:var(--text);margin:0}button:focus,select:focus,input:focus,a:focus{outline:none}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--border);outline-offset:1px}#root{max-width:1200px;margin:0 auto;padding:18px}.dashboard{border:1px solid var(--border);background:var(--bg-panel);padding:10px}.topbar{border:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.topbar h1{letter-spacing:-.01em;margin:0;font-size:clamp(22px,3vw,30px);font-weight:300}.page-nav{align-items:center;gap:26px;display:inline-flex}.page-button{appearance:none;color:var(--text);font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;padding:0;font-size:13px;font-weight:300}.page-button.is-active{text-underline-offset:3px;font-weight:400;text-decoration:underline}.login-button{appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;padding:4px 9px;font-size:12px;font-weight:400}.auth-panel{gap:14px;padding:10px;display:grid}.auth-block{border:1px solid var(--border);gap:8px;padding:10px;display:grid}.auth-section-title{text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:12px;font-weight:400}.accounts-panel{margin-bottom:10px}.accounts-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.accounts-panel-header .chart-title{padding-left:0}.accounts-close{appearance:none;border:1px solid var(--border);color:var(--text);font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;padding:3px 8px;font-size:11px}.auth-form{gap:8px;padding:4px 0;display:grid}.auth-form input{appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);font:inherit;padding:8px 10px;font-size:13px}.auth-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.auth-switch{text-transform:none;letter-spacing:0}.auth-error{color:#c74f4f;margin:0;font-size:12px}:root[data-theme=dark] .auth-error{color:#ff8f8f}.auth-info{margin:0;font-size:12px;line-height:1.45}.copy-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.copy-text-button{appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;justify-content:center;align-items:center;padding:3px 8px;font-family:inherit;font-size:11px;transition:background .12s,transform .12s;display:inline-flex}.copy-text-button:hover{background:var(--bg-surface)}.copy-text-button:active{transform:translateY(1px)}.copy-text-button:disabled{opacity:.45;cursor:not-allowed}.copy-text-button.is-copied{background:var(--bg-surface)}.copy-feedback{text-transform:uppercase;font-size:11px}.account-steps{gap:5px;margin:0;padding-left:18px;font-size:13px;line-height:1.45;display:grid}.myapp-setup{gap:8px;padding:4px 10px 10px;display:grid}.about-panel{border:1px solid var(--muted-border);background:var(--bg-surface);padding:18px 20px}.about-content{gap:12px;max-width:78ch;display:grid}.about-panel h2{text-transform:none;margin:14px 0 0;font-size:18px;font-weight:300;line-height:1.25}.about-panel p{margin:0;font-size:15px;font-weight:300;line-height:1.65}.about-cta{border:1px solid var(--muted-border);background:var(--bg-panel);color:var(--text);font:inherit;cursor:pointer;justify-self:start;margin-top:10px;padding:8px 12px;font-size:14px;font-weight:300}.contribute-steps{counter-reset:step;gap:4px;margin:2px 0 0;padding:0;font-size:15px;font-weight:300;line-height:1.55;list-style:none;display:grid}.contribute-steps li{counter-increment:step}.contribute-steps li:before{content:counter(step) ". ";width:1.6em;display:inline-block}.contribute-steps a{color:inherit}.seg-button,.tab-button,select{appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);font:inherit;cursor:pointer;padding:8px 11px;font-size:14px}.seg-button.is-active,.tab-button.is-active{background:var(--bg-panel);color:var(--text);font-weight:400}.seg-button.is-active{border-width:1px;padding:8px 11px}.select-wrap{border:1px solid var(--border);background:var(--bg-panel);align-items:center;gap:8px;padding:5px 8px;display:inline-flex}.select-wrap span{text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:400}.tabs{border:1px solid var(--border);background:var(--bg-surface);border-bottom:0;gap:0;margin-bottom:0;display:flex}.tab-button{border-width:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex:1;padding-block:10px;font-size:14px;font-weight:300}.tab-button.is-active{background:var(--bg-surface);border-bottom:0;font-weight:400}.tab-button:last-child{border-right:0}.tab-panel{gap:10px;display:grid}.overview-range-wrap{background:0 0;border:0;gap:8px;padding:0}.overview-range-wrap span{font-size:11px}.overview-range-wrap select{padding:4px 8px;font-size:13px}.tab-panel>.chart-frame:first-child{border-top:0}.chart-frame{border:1px solid var(--border);background:var(--bg-surface)}.chart-head{justify-content:space-between;align-items:center;padding:6px 8px 0;display:flex}.chart-head .chart-title{padding:0}.chart-control{display:inline-flex}.chart-title{text-transform:uppercase;letter-spacing:.03em;border-bottom:0;margin:0;padding:9px 10px;font-size:12px}.chart-wrap{width:100%;height:320px;padding:4px 8px 8px;position:relative}.dummy-watermark{pointer-events:none;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb, var(--text) 18%, transparent);z-index:2;justify-content:center;align-items:center;font-size:clamp(24px,6vw,42px);display:flex;position:absolute;inset:0}.chart-scroll-shell{grid-template-rows:auto 1fr;gap:6px;height:100%;display:grid}.chart-scroll-controls{justify-content:flex-end;gap:6px;display:flex}.chart-scroll-button{appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);width:24px;height:24px;font:inherit;cursor:pointer;font-size:12px;line-height:1}.chart-scroll-track{cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;height:100%;overflow:auto hidden}.chart-scroll-track.is-dragging{cursor:grabbing}.chart-scroll-inner{height:100%}.trends-wrap{overflow:hidden}.myapp-wrap{min-height:300px;position:relative}.myapp-empty{appearance:none;border:1px solid var(--border);color:var(--text);background:var(--bg-panel);cursor:pointer;padding:10px 14px;font-family:inherit;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.myapp-empty:hover{background:var(--bg-surface)}.trends-tooltip{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.4}.trends-tooltip-title{margin-bottom:4px;font-weight:400}.trends-tooltip-divider{height:8px}.recharts-default-tooltip .recharts-tooltip-label,.recharts-default-tooltip .recharts-tooltip-item{color:var(--text)!important}.stats-bar{border:1px solid var(--border);background:var(--bg-surface);flex-wrap:wrap;display:flex}.stats-item{border-right:1px solid var(--border);text-transform:uppercase;letter-spacing:.02em;border-top:0;padding:9px 10px;font-size:11px;font-weight:400}.stats-item:last-child{border-right:0}@media (width<=760px){#root,.dashboard{padding:8px}.stats-bar{grid-template-columns:1fr 1fr;display:grid}.stats-item{border-top:1px solid var(--border);border-right:1px solid var(--border)}.stats-item:nth-child(2n){border-right:0}.stats-item:last-child{border-right:0;grid-column:1/-1}}
