*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05050f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-size:16px;line-height:1.6}#root{text-align:left;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}a{color:inherit}button{cursor:pointer}:root{--bg:#05050f;--surface:#0a0a1c;--surface-2:#0f0f25;--border:#1a1a3a;--red:#dc2626;--red-light:#ef4444;--red-glow:#dc262633;--gold:#f59e0b;--blue:#3b82f6;--purple:#8b5cf6;--text:#e2e8f0;--muted:#64748b}.app{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.site-header{background:var(--surface);border-bottom:2px solid var(--red);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.penny-logo{color:#fff;background:#0047ab;border:2px solid #dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;font-weight:900;display:flex;box-shadow:0 2px 8px #0006}.site-title{letter-spacing:.12em;color:#fff;margin:0;font-size:1.6rem;font-weight:800}.site-subtitle{color:var(--muted);letter-spacing:.05em;margin:.15rem 0 0;font-size:.75rem}.last-updated{color:var(--muted);border:1px solid var(--border);background:var(--surface-2);white-space:nowrap;border-radius:6px;padding:.35rem .75rem;font-size:.78rem}.hero-section{text-align:center;background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);padding:3rem 2rem 2.5rem}.hero-label{letter-spacing:.35em;color:var(--gold);margin:0 0 1.5rem;font-size:.8rem;font-weight:700}.clock-display{color:var(--red-light);text-shadow:0 0 12px var(--red-glow), 0 0 40px var(--red-glow), 0 0 80px #dc262614;letter-spacing:.03em;background:var(--surface-2);border:1px solid var(--border);border-top:3px solid var(--red);border-radius:12px;max-width:100%;padding:1.25rem 2rem;font-family:Courier New,Courier,monospace;font-size:clamp(1.6rem,6vw,4.5rem);font-weight:900;line-height:1.1;display:inline-block}.digit{text-align:center;min-width:.58em;display:inline-block}.separator{color:#ef444473;margin:0 .02em;display:inline-block}.hero-footnote{color:var(--muted);margin:1.25rem 0 0;font-size:.78rem}.stats-section{padding:2.5rem 2rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1200px;margin:0 auto;display:grid}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:border-color .2s,box-shadow .2s;display:flex}.stat-card:hover{border-color:#dc262666;box-shadow:0 0 20px #dc26260d}.stat-card.highlight{background:linear-gradient(135deg, var(--surface), #120e00);border-color:#f59e0b66}.stat-card.highlight:hover{border-color:var(--gold);box-shadow:0 0 20px #f59e0b14}.stat-label{letter-spacing:.2em;color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.stat-value{color:var(--text);font-family:Courier New,Courier,monospace;font-size:1.7rem;font-weight:700;line-height:1}.stat-value.red{color:var(--red-light);text-shadow:0 0 10px var(--red-glow)}.stat-note{color:var(--muted);font-size:.76rem}.breakdown-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.5rem 2rem}.section-title{letter-spacing:.25em;color:var(--gold);text-transform:uppercase;max-width:1200px;margin:0 auto 1.5rem;font-size:.8rem;font-weight:700}.breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.breakdown-item{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.breakdown-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.breakdown-label{color:var(--text);font-size:.875rem;font-weight:600}.breakdown-amount{color:var(--gold);font-family:Courier New,Courier,monospace;font-size:1.15rem;font-weight:700}.breakdown-bar-bg{background:var(--border);border-radius:4px;height:10px;overflow:hidden}.breakdown-bar{border-radius:4px;height:100%;transition:width 1.2s}.breakdown-bar.public{background:linear-gradient(90deg, var(--blue), #60a5fa)}.breakdown-bar.intra{background:linear-gradient(90deg, var(--purple), #a78bfa)}.breakdown-pct{color:var(--muted);font-size:.78rem}.breakdown-desc{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.chart-section{padding:2.5rem 2rem}.chart-section.alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bar-charts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:1.5rem auto 0;display:grid}.bar-chart-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1rem 1rem}.bar-chart-title{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:0 0 1rem .5rem;font-size:.75rem;font-weight:700}@media (width<=768px){.bar-charts-grid{grid-template-columns:1fr}}.chart-section .section-title{text-align:left;max-width:1200px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.chart-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:1200px;margin:0 auto;padding:1.5rem 1rem 1rem}.range-selector{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.range-btn{border:1px solid var(--border);color:var(--muted);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.range-btn:hover{border-color:var(--red-light);color:var(--text)}.range-btn.active{background:var(--red);border-color:var(--red);color:#fff}.range-btn.loading{opacity:.35;cursor:not-allowed}.chart-tooltip{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem}.tooltip-date{color:var(--muted);margin:0 0 .2rem;font-size:.75rem}.tooltip-value{color:var(--red-light);margin:0;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700}.site-footer{background:var(--surface);border-top:1px solid var(--border);text-align:center;margin-top:auto;padding:2rem}.site-footer p{color:var(--muted);margin:.25rem 0;font-size:.78rem}.footer-row{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .1rem;font-size:.78rem;display:flex}.footer-item{white-space:nowrap}.site-footer a{color:var(--gold);text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-sep{color:var(--border);margin:0 .6em}.loading-screen,.error-screen{background:var(--bg);min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.site-header{flex-direction:column;align-items:flex-start}.site-title{font-size:1.15rem}.stats-section,.breakdown-section,.chart-section{padding:1.75rem 1rem}.hero-section{padding:2rem 1rem 1.75rem}.footer-row{flex-direction:column;gap:.4rem}.footer-sep{display:none}}
