*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}.app{max-width:720px;margin:0 auto;padding:1.5rem 1rem}h1{text-align:center;font-size:1.5rem;margin-bottom:1.5rem;color:#fff}.timer-display{text-align:center;padding:2rem 1rem;border-radius:12px;margin-bottom:1.5rem;background:#2a2a4a;transition:background .3s}.timer-display.timer-green{background:#1b5e20}.timer-display.timer-yellow{background:#f57f17}.timer-display.timer-red{background:#b71c1c}.timer-time{font-size:4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.05em}.timer-status{font-size:1.1rem;margin-top:.25rem;opacity:.9}.timer-resuming{font-size:.85rem;margin-top:.25rem;opacity:.7;font-style:italic}.name-input{width:100%;padding:.65rem 1rem;margin-bottom:.5rem;border-radius:8px;border:2px solid rgba(255,255,255,.1);background:#2a2a4a;color:#e0e0e0;font-size:1rem;font-family:inherit;transition:border-color .15s}.name-input:focus{outline:none;border-color:#ffffff59}.name-input::placeholder{color:#ffffff4d}.entry-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.name-edit-input{background:#ffffff14;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#e0e0e0;font-size:.9rem;font-family:inherit;padding:2px 6px;width:120px;outline:none}.no-name{opacity:.3}.controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.controls-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid transparent;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s;color:#fff;background:#3a3a5a}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-flinta{background:#7b1fa2}.btn-flinta.active{background:#9c27b0;border-color:#ce93d8;box-shadow:0 0 12px #9c27b080}.btn-nonflinta{background:#0277bd}.btn-nonflinta.active{background:#0288d1;border-color:#81d4fa;box-shadow:0 0 12px #0288d180}.btn-pause{background:#455a64}.btn-pause.paused{background:#e65100;animation:pulse 1.5s infinite}.btn-finish{background:#2e7d32}.btn-small{padding:.4rem .75rem;font-size:.85rem}.btn-danger{background:#c62828}kbd{display:inline-block;padding:.1em .4em;font-size:.75em;font-family:inherit;background:#ffffff26;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.summary-card{padding:1rem;border-radius:8px;text-align:center}.summary-card.flinta{background:#7b1fa24d;border:1px solid rgba(123,31,162,.5)}.summary-card.nonflinta{background:#0277bd4d;border:1px solid rgba(2,119,189,.5)}.summary-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.summary-time{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;margin:.25rem 0}.summary-count{font-size:.8rem;opacity:.7}.panel{background:#2a2a4a;border-radius:10px;padding:1rem;margin-bottom:1rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.panel-header h2{font-size:1.1rem}.panel-actions{display:flex;gap:.5rem}.empty{text-align:center;padding:2rem;opacity:.6}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;border-bottom:1px solid rgba(255,255,255,.1)}td{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}tr{cursor:pointer;transition:background .1s}tr:hover{background:#ffffff0d}tr.selected{background:#ffffff1f;outline:2px solid rgba(255,255,255,.3);outline-offset:-2px;border-radius:4px}tr.resuming{background:#2e7d3240}.row-flinta td:first-child{border-left:3px solid #9c27b0}.row-nonflinta td:first-child{border-left:3px solid #0288d1}td.timer-green{color:#66bb6a}td.timer-yellow{color:#ffa726}td.timer-red{color:#ef5350}.btn-delete{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:.9rem;padding:.2rem .4rem;border-radius:4px}.btn-delete:hover{color:#ef5350;background:#ef535026}.shortcuts-help{text-align:center;padding:1rem;font-size:.8rem;opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}