:root{--text:#4a3728;--text-h:#1a0f0a;--bg:#f0ede6;--border:#c9c3b8;--accent:#b5451b;--accent-bg:#b5451b14;--card-bg:#e8e4db;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:"Special Elite", "Courier New", monospace;font:16px/150% var(--mono);letter-spacing:.05em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}#root{width:100%}.app{background:var(--bg);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:2rem 1rem;display:flex}.app-title{font-family:var(--mono);color:var(--text-h);letter-spacing:.05em;margin-bottom:.25rem;font-size:2.5rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:2px;flex:1;padding:2rem 3rem;position:relative}.holes-strip{background:var(--card-bg);border:1px solid var(--border);flex-direction:column;justify-content:space-around;align-items:center;width:24px;padding:1rem 0;display:flex}.hole{background:var(--bg);border:1px solid var(--border);border-radius:50%;width:10px;height:10px}.card-wrapper{flex-direction:row;align-items:stretch;width:100%;max-width:500px;margin:0 auto;display:flex}.divider{border:none;border-top:1px dashed var(--border);margin:1.5rem 0}.timer{text-align:center;padding:1rem 0}.timer-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text);margin:1rem;font-size:.7rem}.timer-display{letter-spacing:.1em;color:var(--text-h);margin:.5rem 0 1.5rem;font-size:3.5rem}.btn-primary{border:2px solid var(--accent);color:var(--accent);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;width:100%;padding:.75rem 2rem;font-size:.85rem;transition:all .15s}.btn-primary:hover{background:var(--accent);color:var(--bg)}.manual-entry{padding:1rem 0}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text);margin-bottom:1rem;font-size:.7rem}.entry-fields{gap:1rem;margin-bottom:1rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.field label{letter-spacing:.15em;text-transform:uppercase;font-size:.65rem}.field input{background:var(--bg);border:1px solid var(--border);color:var(--text-h);font-family:var(--mono);text-align:center;width:70px;padding:.5rem;font-size:1rem}.message{text-align:center;color:var(--text);padding:.5rem 0;font-size:.9rem;font-style:italic}.punch-log{text-align:center;color:var(--text);padding:1rem 0;font-size:.85rem;font-style:italic}.log-entry{border-bottom:1px dashed var(--border);padding:.35rem 0}