:root{--sc-bg: #fffef5;--sc-ink: #111;--sc-pixel: 3px;--sc-accent: #ff5c1a}body{font-family:Cabin,sans-serif;background:var(--sc-bg);color:var(--sc-ink);min-height:100vh;display:flex;flex-direction:column}.sc-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;min-height:100vh}.sc-back{position:fixed;top:20px;left:20px;font-family:Space Mono,monospace;font-size:13px;color:var(--sc-ink);text-decoration:none;opacity:.6;transition:opacity .2s}.sc-back:hover{opacity:1}.sc-card{border:var(--sc-pixel) solid var(--sc-ink);box-shadow:4px 4px 0 var(--sc-ink);background:#fff;padding:48px 64px;text-align:center;max-width:480px;width:100%}.sc-number{font-family:Permanent Marker,cursive;font-size:clamp(72px,20vw,160px);line-height:1;color:var(--sc-ink);margin-bottom:8px}.sc-today{font-size:clamp(32px,8vw,56px);color:var(--sc-accent)}.sc-label{font-family:Space Mono,monospace;font-size:clamp(14px,3vw,18px);letter-spacing:.05em;text-transform:lowercase;opacity:.7}.sc-meta{font-family:Space Mono,monospace;font-size:12px;margin-top:24px;opacity:.4}.sc-error{font-family:Space Mono,monospace;font-size:clamp(16px,4vw,22px);color:var(--sc-accent);margin-bottom:8px}.sc-wrap{display:flex;flex-direction:column;gap:16px;max-width:480px;width:100%}.sc-what-shipped{border:var(--sc-pixel) solid var(--sc-ink);box-shadow:4px 4px 0 var(--sc-ink);background:#fff;padding:20px 24px}.sc-section-label{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--sc-ink);opacity:.35;margin-bottom:10px}.sc-shipped-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.sc-project-badge{font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.05em;background:var(--sc-accent);color:#fff;padding:2px 8px;white-space:nowrap}.sc-shipped-summary{font-family:Cabin,sans-serif;font-size:15px;font-weight:600;color:var(--sc-ink)}.sc-shipped-meta{display:flex;gap:12px;font-family:Space Mono,monospace;font-size:11px;opacity:.4}.sc-history{border:var(--sc-pixel) solid var(--sc-ink);box-shadow:4px 4px 0 var(--sc-ink);background:#fff;padding:20px 24px}.sc-history-list{display:flex;flex-direction:column;gap:0}.sc-history-row{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}.sc-history-row:last-child{border-bottom:none;padding-bottom:0}.sc-history-row:first-child{padding-top:0}.sc-history-dot{width:6px;height:6px;border-radius:50%;background:var(--sc-ink);opacity:.25;flex-shrink:0;margin-top:6px}.sc-history-body{display:flex;flex-direction:column;gap:2px;min-width:0}.sc-history-msg{font-family:Cabin,sans-serif;font-size:13px;color:var(--sc-ink);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-history-time{font-family:Space Mono,monospace;font-size:10px;color:var(--sc-ink);opacity:.35}.sc-history-sha{opacity:.6}.sc-status{font-family:Space Mono,monospace;font-size:clamp(11px,2.5vw,13px);letter-spacing:.08em;text-transform:lowercase;margin-top:6px;opacity:.75}.sc-status--hot{color:var(--sc-accent)}.sc-status--good{color:#22c55e}.sc-status--warn{color:#f59e0b}.sc-status--bad{color:#ef4444}.sc-activity{border:var(--sc-pixel) solid var(--sc-ink);box-shadow:4px 4px 0 var(--sc-ink);background:#fff;padding:16px 20px}.sc-dots{display:grid;grid-template-columns:repeat(28,1fr);gap:3px;margin-top:8px}.sc-dot{aspect-ratio:1;border-radius:2px;background:#e5e5e5}.sc-dot--active{background:var(--sc-ink)}.sc-stats{border:var(--sc-pixel) solid var(--sc-ink);box-shadow:4px 4px 0 var(--sc-ink);background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.sc-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.sc-stat-num{font-family:Permanent Marker,cursive;font-size:clamp(22px,5vw,32px);line-height:1;color:var(--sc-ink)}.sc-stat-label{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:lowercase;opacity:.5;white-space:nowrap}.sc-stat-divider{width:1px;height:36px;background:var(--sc-ink);opacity:.12}@media(max-width:480px){.sc-card{padding:32px 24px}.sc-what-shipped,.sc-history,.sc-activity,.sc-stats{padding:14px 16px}.sc-dots{gap:2px}}
