body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0d1117;--surface:#161b22;--card:#1c2333;--card-border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--accent:#58a6ff;--accent-hover:#79baff;--green:#3fb950;--green-hover:#56d364;--red:#f85149;--red-hover:#ff7b72;--yellow:#d29922;--radius:8px;--font-mono:"Courier New",Courier,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0d1117;background-color:var(--bg);color:#e6edf3;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}nav{background-color:#161b22;background-color:var(--surface);border-bottom:1px solid #30363d;border-bottom:1px solid var(--card-border);padding:0 24px}ul{align-items:center;display:flex;gap:4px;height:56px;list-style:none;margin:0;padding:0}li a{border-radius:8px;border-radius:var(--radius);color:#8b949e;color:var(--text-muted);display:block;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:color .15s,background .15s}li a:hover{background-color:#ffffff0f;color:#e6edf3;color:var(--text)}.nav{color:#8b949e;color:var(--text-muted);padding:6px 12px;text-decoration:none}.nav,button{font-size:14px}button{background-color:#30363d;background-color:var(--card-border);border:none;border-radius:8px;border-radius:var(--radius);color:#e6edf3;color:var(--text);cursor:pointer;font-weight:500;padding:8px 18px;transition:background .15s,opacity .15s}button:hover{opacity:.85}button.btn-start{background-color:#3fb950;background-color:var(--green);color:#0d1117}button.btn-start:hover{background-color:#56d364;background-color:var(--green-hover)}button.btn-stop{background-color:#d29922;background-color:var(--yellow);color:#0d1117}button.btn-stop:hover{background-color:#e3a820}button.btn-remove{background-color:#f85149;background-color:var(--red);color:#fff}button.btn-remove:hover{background-color:#ff7b72;background-color:var(--red-hover)}button.btn-add{background-color:#58a6ff;background-color:var(--accent);color:#0d1117;padding:8px 24px}button.btn-add:hover{background-color:#79baff;background-color:var(--accent-hover)}.drag-handle{align-items:center;border-radius:8px 8px 0 0;color:#8b949e;color:var(--text-muted);cursor:grab;display:grid;grid-template-columns:1fr auto 1fr;margin:-4px -4px 0;padding:2px 4px 4px;transition:color .15s,background .15s}.drag-handle:active{cursor:grabbing}.drag-handle:hover{background:#58a6ff0f;color:#58a6ff;color:var(--accent)}.drag-dots{font-size:18px;justify-self:start;line-height:1;-webkit-user-select:none;user-select:none}.drag-title{color:#e6edf3;color:var(--text);font-size:13px;font-weight:700;justify-self:center;letter-spacing:.02em;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-grid-layout .react-grid-item.react-grid-placeholder{background:#58a6ff26;border:1px dashed #58a6ff;border:1px dashed var(--accent);border-radius:12px;opacity:1}.Countdown{background-color:#1c2333;background-color:var(--card);border:1px solid #30363d;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;gap:6px;padding:10px 14px 12px;position:relative;width:100%}.btn-close{background:none;border:none;border-radius:4px;color:#8b949e;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:2px 6px;position:absolute;right:8px;top:8px;transition:color .15s,background .15s}.btn-close:hover{background:#f851491f;color:#f85149;color:var(--red);opacity:1}.Stopwatch-header{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.stopLabel{background-color:#58a6ff1f;border-radius:4px;color:#58a6ff;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.04em;max-width:100%;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.Countdown-display{align-items:center;display:flex;flex-direction:column;gap:4px}.Countdown-label{color:#8b949e;color:var(--text-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.Countdown-time{color:#e6edf3;color:var(--text);font-family:Courier New,Courier,monospace;font-family:var(--font-mono);font-size:32px;font-weight:700;letter-spacing:.05em;line-height:1}.adjust-row{display:flex;gap:6px;justify-content:center}.btn-adjust{background:none;border:1px solid #30363d;border:1px solid var(--card-border);border-radius:6px;color:#8b949e;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 10px;transition:border-color .15s,color .15s}.btn-adjust:hover{border-color:#58a6ff;border-color:var(--accent);color:#58a6ff;color:var(--accent);opacity:1}.timer-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.btn-notify-off,.btn-notify-on{background:none;border:1px solid #30363d;border:1px solid var(--card-border);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:16px;padding:6px 10px;transition:border-color .15s,background .15s}.btn-notify-on{background:#58a6ff1a;border-color:#58a6ff;border-color:var(--accent)}.btn-notify-off:hover,.btn-notify-on:hover{border-color:#58a6ff;border-color:var(--accent);opacity:1}.timerApp{display:block;height:100%}.fab{align-items:center;background-color:#58a6ff;background-color:var(--accent);border-radius:50%;bottom:28px;box-shadow:0 4px 16px #00000080;color:#0d1117;display:flex;font-size:28px;font-weight:300;height:52px;justify-content:center;line-height:1;padding:0;position:fixed;right:28px;transition:background .15s,transform .15s;width:52px;z-index:100}.fab:hover{background-color:#79baff;background-color:var(--accent-hover);opacity:1;transform:scale(1.08)}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal{background-color:#161b22;background-color:var(--surface);border:1px solid #30363d;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;width:340px}.modal-header{align-items:center;border-bottom:1px solid #30363d;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:16px 20px 12px}.modal-title{color:#e6edf3;color:var(--text);font-size:16px;font-weight:700}.modal-close{font-size:14px;position:static}.modal-body{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.modal-label{color:#8b949e;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.06em;margin-top:4px;text-transform:uppercase}.modal-input{background-color:#1c2333;background-color:var(--card);border:1px solid #30363d;border:1px solid var(--card-border);border-radius:8px;border-radius:var(--radius);color:#e6edf3;color:var(--text);font-size:14px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.modal-input:focus{border-color:#58a6ff;border-color:var(--accent)}.modal-input::placeholder{color:#8b949e;color:var(--text-muted)}.modal-input.input-time{-moz-appearance:textfield;text-align:center;width:64px}.modal-input.input-time::-webkit-inner-spin-button,.modal-input.input-time::-webkit-outer-spin-button{-webkit-appearance:none}.modal-footer{border-top:1px solid #30363d;border-top:1px solid var(--card-border);display:flex;justify-content:flex-end;padding:12px 20px 16px}.delay-input{align-items:center;display:flex;gap:6px}.delay-label{font-size:13px;white-space:nowrap}.delay-colon,.delay-label{color:#8b949e;color:var(--text-muted)}.delay-colon{font-size:16px;font-weight:700;line-height:1}.notify-label{align-items:center;color:#8b949e;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;gap:6px;-webkit-user-select:none;user-select:none}.notify-label input[type=checkbox]{accent-color:#58a6ff;accent-color:var(--accent);cursor:pointer;height:16px;width:16px}.App{background-color:#0d1117;background-color:var(--bg);min-height:100vh;text-align:center}.App-title{font-size:50px;padding:25px 0}.active{background-color:#58a6ff;background-color:var(--accent);color:#0d1117}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.timerApp{display:inline-block}
/*# sourceMappingURL=main.39c91f38.css.map*/