:root{--bg: #060d1c;--panel: rgba(15, 28, 55, .98);--panel-border: rgba(60, 120, 200, .45);--text: #dde4ef;--muted: #8aa8c8;--accent: #f0a500;--accent-2: #0ea5e9;--positive: #22d3a5;--negative: #f87171;--shadow: 0 4px 24px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(100, 160, 255, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(ellipse at top left,rgba(14,165,233,.08) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(240,165,0,.06) 0%,transparent 38%),linear-gradient(180deg,#07101f 0%,var(--bg) 100%)}button,input,textarea,select{font:inherit}#root{min-height:100vh}.page-shell{width:min(1440px,calc(100vw - 32px));margin:0 auto;padding:28px 0 40px}.hero,.summary-grid,.chart-grid,.smile-grid{margin-bottom:20px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.28em}h1{margin:0;font-size:clamp(28px,4vw,48px);line-height:1.05;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#e8f0ff 0%,#a8c4e8 60%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.meta{margin:10px 0 0;color:var(--muted);font-size:12px;font-family:IBM Plex Mono,Fira Code,monospace;letter-spacing:.01em}.hero-actions{display:flex;align-items:center;gap:12px}button{border:1px solid rgba(240,165,0,.35);border-radius:6px;padding:10px 18px;color:var(--accent);background:#f0a50014;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.04em;transition:background .15s,border-color .15s}button:hover{background:#f0a50029;border-color:#f0a500a6}.status-pill{display:inline-flex;align-items:center;gap:7px;min-height:36px;border-radius:6px;padding:0 14px;color:var(--positive);background:#22d3a514;border:1px solid rgba(34,211,165,.25);font-size:12px;font-weight:600;letter-spacing:.06em}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--positive);box-shadow:0 0 6px var(--positive)}.status-pill.error{color:var(--negative);background:#f8717114;border-color:#f8717140}.status-pill.error:before{background:var(--negative);box-shadow:0 0 6px var(--negative)}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chart-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:12px}.smile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.panel{padding:16px 18px 18px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.page-shell>.panel+.panel{margin-top:20px}.panel-title{margin-bottom:12px;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.chart-panel{overflow:hidden}.surface-panel .chart{height:520px}.smile-panel .chart{height:320px}.term-panel .chart{height:260px}.term-panel{margin-bottom:20px}.chart{width:100%;height:460px}.summary-list{display:flex;flex-wrap:wrap;gap:8px}.summary-item{padding:8px 12px;border-radius:6px;background:#0ea5e90f;border:1px solid rgba(14,165,233,.12);font-size:12px;font-family:IBM Plex Mono,Fira Code,monospace}.summary-item strong{margin-right:6px;color:var(--muted);font-weight:500}.empty,.empty-block,.empty-cell{color:var(--muted)}.empty-block{min-height:220px;display:grid;place-items:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;font-family:IBM Plex Mono,Fira Code,monospace}thead th{padding:10px;text-align:center;color:#c8dff2;background:#14376ed9;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(60,140,230,.45)}tbody td{padding:9px 10px;text-align:center;border-bottom:1px solid rgba(20,60,110,.25);color:var(--text)}tbody tr:hover{background:#0ea5e90d}tbody tr:nth-child(2n){background:#0ea5e908}.empty-cell{padding:24px}@media(max-width:1100px){.summary-grid,.chart-grid{grid-template-columns:1fr}}@media(max-width:720px){.page-shell{width:min(100vw - 20px,1440px);padding-top:20px}.hero{flex-direction:column;align-items:flex-start}.chart,.surface-panel .chart{height:360px}}.donation-section{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:32px 24px;margin:24px auto;max-width:480px;box-shadow:var(--shadow);position:relative;overflow:hidden;text-align:center}.donation-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f7931a,#f0a500,#f7931a);border-radius:16px 16px 0 0}.donation-header{margin-bottom:24px}.bitcoin-icon{width:56px;height:56px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7931a,#e67e00);border-radius:50%;box-shadow:0 6px 24px #f7931a59;transition:transform .3s ease,box-shadow .3s ease}.bitcoin-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 32px #f7931a80}.bitcoin-svg{width:32px;height:32px}.donation-title{color:var(--accent);font-size:1.5rem;margin:0;font-weight:700;letter-spacing:.02em}.donation-content{text-align:center}.qr-container{display:flex;justify-content:center}.qr-wrapper{position:relative;display:inline-block}.qr-code{width:180px;height:180px;border-radius:12px;border:3px solid rgba(247,147,26,.25);background:#fff;padding:8px;box-shadow:0 8px 32px #0006;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.qr-code:hover{transform:scale(1.05);box-shadow:0 16px 48px #f7931a4d;border-color:#f7931a8c}.qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:12px;overflow:hidden}.qr-scan-line-vertical{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#f7931a,#f0a500,#f7931a,transparent);box-shadow:0 0 8px #f7931acc;animation:qrScan 2.5s ease-in-out infinite}@keyframes qrScan{0%{transform:translateY(0);opacity:0}15%{opacity:1}50%{transform:translateY(180px);opacity:1}85%{opacity:1}to{transform:translateY(0);opacity:0}}.site-footer{margin-top:32px;padding:24px 20px 16px;border-top:1px solid var(--panel-border)}.site-footer-content{text-align:center;max-width:1440px;margin:0 auto}.site-footer-info{color:var(--muted);font-size:.85rem;margin:0 0 12px}.site-copyright{padding-top:12px;border-top:1px solid rgba(60,120,200,.2)}.site-copyright p{margin:0;color:var(--muted);font-size:.85rem}.site-copyright a{color:var(--accent);text-decoration:none;transition:color .2s ease}.site-copyright a:hover{color:#ffbe30}