.TypeSelect{display:flex;width:400px}@media screen and (max-width:500px){.TypeSelect{width:100%}}.TypeSelect button{background:#0000;border:2px solid #ccc;border-right:0;color:#999;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;outline:0;padding:10px;transition:all .3s}.TypeSelect button:first-child{border-radius:5px 0 0 5px}.TypeSelect button:last-child{border-radius:0 5px 5px 0;border-right:2px solid #ccc}.TypeSelect button.active{background:#fff;box-shadow:0 3px 10px #0000001f;color:#d9534f}.TimeDisplay{position:relative}.TimeDisplay svg{max-width:300px}.TimeDisplay circle{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1s}.TimeDisplay>div{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-32px)}.TimeDisplay h1{color:#d9534f;font-size:52px;font-weight:300;letter-spacing:2px;margin:0}.TimeDisplay p{color:#bbb;font-size:14px;letter-spacing:3px;margin:10px 0 0;text-transform:uppercase}.Controls,.Controls div{display:flex;justify-content:center;width:250px}.Controls button{border:0;border-radius:40px;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;height:40px;letter-spacing:1px;outline:0;padding:0;position:relative;text-transform:uppercase;transition:all .3s}.Controls button.start{background:#d9534f;color:#fff}.Controls button.start:hover{background:#b64441}.Controls button.reset{background:#0000;color:#888;flex:0 1;margin-right:25px}.Controls button.reset:hover{color:#666}.Controls button.pause{background:#eea73c;color:#fff}.Controls button.pause:hover{background:#d3912f}.Controls button.resume{background:#91b62d;color:#fff}.Controls button.resume:hover{background:#7d9e23}.Shortcuts{height:24px;position:absolute;right:70px;top:25px;width:27px}@media screen and (max-width:768px){.Shortcuts{display:none}}.Shortcuts i{color:#666;font-size:24px;opacity:.5;transition:all .3s}.Shortcuts:hover i{opacity:1}.Shortcuts:hover .Shortcuts-box{opacity:1;visibility:visible}.Shortcuts .Shortcuts-box{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 4px #00000012;opacity:0;padding:25px;position:absolute;right:0;top:34px;transition:opacity .3s;visibility:hidden;width:300px}.Shortcuts .Shortcut{align-items:center;border-bottom:1px solid #eee;color:#666;display:flex;font-family:Roboto,sans-serif;font-size:13px;justify-content:space-between;padding:10px 0}.Shortcuts .Shortcut div{white-space:nowrap}.Shortcuts .Shortcut:first-child{padding-top:0}.Shortcuts .Shortcut:last-child{border-bottom:0;padding-bottom:0}.Shortcuts .Shortcut kbd{background-color:#f4f4f4;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 #0000001a,inset 0 0 0 1px #fff;color:#333;display:inline-block;font-family:monospace;font-size:11px;margin:0 .15em;padding:.25em .7em;white-space:nowrap}.ToggleSound{background:#0000;border:0;color:#666;cursor:pointer;font-size:24px;height:24px;opacity:.5;outline:0;padding:0;position:absolute;right:25px;text-align:left;top:25px;transition:all .3s;width:27px}.ToggleSound.active{opacity:1}.ToggleTask{background:#0000;border:0;color:#666;cursor:pointer;font-size:24px;height:24px;opacity:.5;outline:0;padding:0;position:absolute;right:115px;text-align:left;top:25px;transition:all .3s;width:27px}.ToggleTask.active{opacity:1}.Dragging{background-color:#0000001a;border:2px dashed #000;cursor:grabbing;opacity:.5}.Tasks{height:260px;max-width:420px;overflow-y:auto;padding-right:5px;width:100%}.Tasks .Tasks-box{background:#0000;border:none;box-shadow:none}.Task{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:grab;font-family:Roboto,sans-serif;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.Task,.Task-actions{align-items:center;display:flex}.Task-actions{gap:8px}.Task-actions span{border:none;border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;padding:6px 14px;text-align:center;transition:opacity .2s ease-in-out;white-space:nowrap}.Task-actions span:hover{opacity:.85}.Task-status.on-progress{background-color:#f39c12}.Task-status.done{background-color:#27ae60}.Task-delete{background-color:#e74c3c}.AddTask-container{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:default;display:flex;justify-content:space-between;margin-top:16px;padding:6px 6px 6px 16px}.AddTask-container:hover{background-color:#fff}.AddTask-container input{background-color:initial;border:none;font-family:Roboto,sans-serif;font-size:14px;outline:none;width:100%}.AddTask-button{background-color:#d9534f;border:none;border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-weight:500;padding:8px 18px;transition:background-color .2s}.AddTask-button:hover{background-color:#c9302c}:root{--background-color:#f4f4f4;--primary-color:#d9534f;--text-color:#333;--text-light:#888;--panel-background:#fff;--border-color:#e0e0e0;--content-gap:40px}#root,body,html{height:100%}body{background:#f4f4f4;background:var(--background-color);color:#333;color:var(--text-color);font-family:Roboto,sans-serif;margin:0}*,:after,:before{box-sizing:border-box}::selection{background:#d9534f;background:var(--primary-color);color:#fff}.Content{display:flex;flex-direction:row;gap:40px;gap:var(--content-gap);margin:0 auto;max-width:1400px;padding:70px 40px 40px;width:100%}.Pomodoro,.TaskPainel{align-items:center;background:#fff;background:var(--panel-background);border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex:1 1;flex-direction:column;min-width:320px;padding:30px}.Pomodoro{justify-content:space-around;min-height:700px}.Header{text-align:center;width:100%}.Header h1{color:#333;color:var(--text-color);font-size:32px;margin:0}.Header p{color:#888;color:var(--text-light);font-size:16px;margin:5px 0 0}.TimeInputGroup{align-items:center;display:flex;gap:10px;margin:20px 0}.time-input-box{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;font-size:18px;outline:none;padding:10px;text-align:center;transition:border-color .2s;width:80px}.time-input-box:focus{border-color:#d9534f;border-color:var(--primary-color)}.time-input-box:disabled{background:#f8f8f8;cursor:not-allowed}.time-input-separator{color:#888;color:var(--text-light);font-size:24px;font-weight:700}.ControlsContainer{margin-top:20px}.BottomControls{align-items:center;display:flex;gap:20px;justify-content:center;width:100%}@media (max-width:1000px){body{padding:0}.Content{flex-direction:column;gap:30px;padding:20px}.Pomodoro,.TaskPainel{min-height:auto;width:100%}}.TaskPanel-header{border-bottom:1px solid #eee;margin-bottom:15px;padding:0 10px 10px}.TaskPanel-header h2{color:#333;font-size:18px;font-weight:500}.TaskPanel-header{border-bottom:none;margin-bottom:22px;padding-bottom:0;text-align:center}.TaskPanel-header h2{color:#3a3a3a;font-family:Nunito,Roboto,sans-serif;font-size:26px;font-weight:700;margin:0}
/*# sourceMappingURL=main.028e5806.css.map*/