body{margin:0;background:#f3f4f6;color:#111827;font-family:Arial,sans-serif}body.dark{background:#0f172a;color:#f8fafc}.container{max-width:1200px;margin:auto;padding:20px}.theme-wrap{display:flex;justify-content:flex-end;padding:20px 20px 0}button{border:none;background:#b91c1c;color:white;padding:12px 18px;border-radius:12px;font-weight:bold;cursor:pointer}header{text-align:center}.top-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.timer-card,.reading-log{background:white;border-radius:20px;padding:20px;margin-top:20px;box-shadow:0 4px 15px rgba(0,0,0,0.08)}body.dark .timer-card,body.dark .reading-log{background:#1e293b}.timer-controls,.timer-buttons,.preset-buttons{display:flex;justify-content:center;gap:10px;margin-top:15px;flex-wrap:wrap}#timerDisplay{text-align:center;font-size:4rem;font-weight:bold;margin-top:20px}.top-fields,.goal-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:20px}label{display:flex;flex-direction:column;gap:6px;font-weight:bold}input,select{padding:10px;border-radius:10px;border:1px solid #d1d5db}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid #d1d5db;padding:12px;text-align:center}.table-input{width:100%;border:none;background:transparent;text-align:center;outline:none}.signature-preview{width:90px;height:40px;object-fit:contain}.signature-modal{position:fixed;inset:0;background:rgba(0,0,0,0.65);display:flex;align-items:center;justify-content:center}.hidden{display:none}.signature-box{background:white;padding:20px;border-radius:20px;width:100%;max-width:400px}#signatureCanvas{width:100%;border:2px solid #d1d5db;border-radius:12px;touch-action:none}.signature-actions{display:flex;justify-content:center;gap:10px;margin-top:15px;flex-wrap:wrap}.legend{margin-top:15px}@media(max-width:768px){#timerDisplay{font-size:2.5rem}button{width:100%}}