.tt-container{max-width:800px;margin:20px auto;font-family:Arial,sans-serif}.tt-total-time{font-size:24px;font-weight:700;margin-bottom:20px;padding:10px;background:#f0f0f0;border-radius:5px}.tt-total-time span{margin-right:15px}.tt-task{display:flex;align-items:center;margin-bottom:10px;padding:10px;background:#f5f5f5;border-radius:5px;position:relative}.tt-task-content{flex-grow:1;margin-right:15px;font-size:13px;word-break:break-word;line-height:1.5;text-align:justify}.tt-task-content a{color:#007bff;text-decoration:underline}.tt-task-content a:hover{color:#0056b3}.tt-task-controls{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.tt-task-time{min-width:70px;text-align:right;margin-bottom:5px;font-size:12px;color:#747474}.tt-task-status{margin-top:5px;display:block;font-size:12px;color:#666}.tt-button-group{display:flex;gap:5px}.tt-edit-container{margin-bottom:10px;padding:10px;background:#f0f0f0;border-radius:5px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tt-edit-input{flex-grow:1;padding:5px;border:1px solid #ddd;border-radius:3px;height:60px;font-size:13px;resize:vertical;min-width:200px}.tt-edit-time{padding:5px;border:1px solid #ddd;border-radius:3px;width:80px;font-size:13px}.tt-new-task{margin-top:20px;display:flex;gap:10px;align-items:center}.tt-new-input{flex-grow:1;padding:5px;border:1px solid #ddd;border-radius:3px;height:60px;font-size:13px;resize:vertical}button{padding:15px 5px;width:70px;font-size:10px;background:#007bff;color:white;border:none;border-radius:3px;cursor:pointer}button:hover{background:#0056b3}.tt-start.active{background:#28a745}.tt-start.active:hover{background:#218838}.tt-delete{background:#dc3545}.tt-delete:hover{background:#b02a37}@media screen and (max-width:768px){.tt-task{flex-direction:column;align-items:flex-start;text-align:left}.tt-task-content{margin-right:0;margin-bottom:5px;width:100%}.tt-task-controls{align-items:flex-end;width:100%}.tt-task-time{position:initial;bottom:10px;right:10px;margin-bottom:0;font-size:12px}.tt-task-status{position:absolute;bottom:10px;right:10px;margin-top:0;margin-left:80px;font-size:12px;color:#666}.tt-button-group{justify-content:flex-end;width:100%}.tt-edit-container{flex-direction:column;align-items:flex-start}.tt-edit-input,.tt-edit-time{width:100%;margin-bottom:10px}.tt-new-task{flex-direction:column;align-items:flex-start}.tt-new-input{width:100%;margin-bottom:10px}}.tt-task.active{border:2px solid #28a745}.tt-task{transition:border .3s ease;cursor:move}.tt-task-placeholder{height:60px;background:#e0e0e0;border:2px dashed #999;border-radius:5px;margin-bottom:10px}button.tt-clear-all{width:100%!important;margin-bottom:15px!important;height:40px!important;padding:10px;background:#dc3545}.tt-clear-all:hover{background:#b02a37}