:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.App{display:flex;flex-direction:column;align-items:center;gap:2rem}header{width:100%;display:flex;justify-content:space-between;align-items:center}.logout-btn{background-color:#646cff;color:#fff;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;border-radius:8px}.card{background-color:#1a1a1a;padding:2em;border-radius:8px;display:flex;flex-direction:column;gap:1em;min-width:300px}input{width:100%;padding:.8em;border-radius:8px;border:1px solid transparent;font-size:1em;background-color:#2a2a2a;color:#fff;box-sizing:border-box}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#646cff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.message{margin-top:1em;color:#aaa}.activity-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75em}.activity-item{display:flex;align-items:center;gap:.5em;background-color:#3a3a3a;border:1px solid #555;border-radius:20px;padding:0 4px 0 12px;cursor:pointer;transition:all .2s ease-in-out;color:#f0f0f0}.activity-item:hover{border-color:#646cff}.activity-item.selected{background-color:#646cff;border-color:#646cff;color:#fff}.activity-name{flex-grow:1;padding:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-activity-btn{background:#0003;border-radius:50%;border:none;width:22px;height:22px;padding:0;flex-shrink:0;position:relative;cursor:pointer;transition:background-color .2s}.remove-activity-btn:hover{background:#0006;border-color:transparent}.remove-activity-btn:before,.remove-activity-btn:after{content:"";position:absolute;top:50%;left:50%;width:50%;height:2px;background-color:#ccc;transition:background-color .2s}.activity-item:hover .remove-activity-btn:before,.activity-item:hover .remove-activity-btn:after{background-color:#fff}.activity-item.selected .remove-activity-btn:before,.activity-item.selected .remove-activity-btn:after{background-color:#fff}.remove-activity-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.remove-activity-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.add-activity-form{display:flex;gap:.5em;margin-top:1em}.add-activity-form input{flex-grow:1}.tracking-summary{font-size:1.2em;margin-bottom:1em;color:#ddd}.tracking-details{background-color:#2a2a2a;border-radius:8px;padding:1em;margin-bottom:1.5em;display:flex;flex-direction:column;gap:.5em;text-align:left}.tracking-details p{margin:0;display:flex;justify-content:space-between;font-size:1.1em;color:#bbb}.tracking-details p span{font-weight:700;color:#fff;font-family:Courier New,Courier,monospace}.event-details-form{display:flex;flex-direction:column;gap:.8em;margin-bottom:1.5em;width:100%}.event-details-form input,.event-details-form textarea{width:100%;padding:.8em;border-radius:8px;border:1px solid #444;font-size:1em;background-color:#2a2a2a;color:#fff;box-sizing:border-box;font-family:inherit}.event-details-form textarea{resize:vertical}.input-with-counter{display:flex;flex-direction:column;width:100%;gap:.3em}.input-with-counter small{text-align:right;color:#888;font-size:.8em}.tracking-actions{display:flex;justify-content:space-between;gap:1em;width:100%}.tracking-actions button{flex-grow:1;font-size:1.1em;padding:.8em}.stop-btn{background-color:#646cff}.stop-btn:hover{border-color:#8c92ff}.cancel-btn{background-color:#ff4d4d;border-color:transparent}.cancel-btn:hover{border-color:#ff7979}.color-picker{display:flex;flex-direction:column;gap:.5em;margin-bottom:1em;align-items:flex-start}.color-picker p{margin:0;font-size:.9em;color:#bbb}.color-options{display:flex;flex-wrap:wrap;gap:.5em}.color-box{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;min-width:auto;box-sizing:border-box;flex-shrink:0}.color-box.selected{border-color:#fff;transform:scale(1.1)}.add-activity-form{align-items:center}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#242424;padding:1.5em;border-radius:8px;min-width:320px;display:flex;flex-direction:column;gap:1.5em;border:1px solid #333}.modal-header{display:flex;justify-content:space-between;align-items:center;width:100%}.modal-header h2{margin:0;font-size:1.4em;color:#f0f0f0}.modal-close-btn{background:none;border:none;font-size:1.8em;color:#888;cursor:pointer;line-height:1;padding:.2em}.modal-close-btn:hover{color:#fff}.modal-content .add-activity-form{margin-top:0;flex-direction:column;gap:1em}.modal-content .add-activity-form button[type=submit]{width:100%}.modal-content .color-picker{width:100%;margin-bottom:0}.start-container{display:flex;flex-direction:column;gap:1.5em;width:100%}.activity-header{display:flex;justify-content:space-between;align-items:center}.activity-header h3{margin:0}.add-activity-btn{background:none;border:1px solid #888;color:#888;border-radius:50%;width:32px;height:32px;font-size:1.5em;line-height:1;padding:0}.add-activity-btn:hover{color:#fff;border-color:#fff}.or-divider{color:#888;text-align:center}.manual-input{text-align:center}.start-btn-large{padding:1em;font-size:1.2em;width:100%}.start-btn-large:disabled{background-color:#333;color:#666;cursor:not-allowed;border-color:transparent}