@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color,rgba(255, 255, 255, .87));background-color:var(--bg-color, #242424);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%!important;max-width:100%!important;margin:0!important}[data-theme=dark]{--bg-color: #212121;--text-color: rgba(255, 255, 255, .87);--link-hover-color: #34bfa3;--button-bg: #1e1e1e;--card-bg: #303030;--card-outline: 1.5px solid #2e2e2e;--add-card: #545454;--input-modal-bg: #1f1f1f;--power-button-btn: #17171759;--hover-card-color: #ffffff25;--corner-grab-color: #cdcdcdc7;--section-bg-color: #4141411b}[data-theme=light]{--bg-color: #efefef;--text-color: #213547;--link-hover-color: #34bfa3;--button-bg: #f9f9f9;--card-bg: #fafafa;--card-outline: 1px solid #ddd;--add-card: #c7c7c7;--input-modal-bg: #f4f4f4;--power-button-btn: #d9d9d965;--hover-card-color: #ffffff;--corner-grab-color: #333333c7;--section-bg-color: #b2b2b21e}a{font-weight:500;color:#646cff;text-decoration:inherit;transition:color .5s ease,transform .5s ease}a:hover{transform:scale(1.1);color:var(--link-hover-color)}body{margin:0;display:flex;flex-direction:column;align-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .4s ease}html,body{overflow-y:auto}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:var(--button-bg);color:var(--text-color);cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.section-divider{border:none;height:1px;background:linear-gradient(to right,#0000,#6a6a6a33,#0000);margin:2rem 0}.container-parent,.container-parent.dragging{transition:none}.container-grid.dragging .container-parent{transition:transform .3s ease}.container-card{width:200px;height:120px;max-width:100%;padding:1rem;margin:.5rem;background-color:var(--card-bg, #2a2a2a);color:var(--text-color, #fff);outline:var(--card-outline, none);border-radius:20px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer!important;transition:transform .4s ease,color .5s ease,border .5s ease,background-color .5s ease,outline .5s ease;box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.container-parent,.container-card{user-select:none;-webkit-user-select:none;-ms-user-select:none}.container-card:hover{transform:scale(1.03) translateY(-2px);background-color:var(--hover-card-color,#ffffff25)}.container-card.dragging{transition:none}.container-card .status{margin-top:.5rem;font-size:.9rem;color:#4f4f4f89}.container-card button{width:40px;height:40px;border-radius:10px;padding:0;margin:0;border:none;line-height:0;display:block}.container-card.add-card{display:flex;justify-content:center;align-items:center;background-color:#fff0;outline:none;color:var(--add-card, #fff);border:2px dashed var(--add-card, #fff);box-shadow:none;cursor:pointer}.container-card.add-card>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:0;vertical-align:middle}.container-card.add-card svg{display:block;width:40px;height:40px;max-width:100%;max-height:100%}.container-card.add-card:hover{color:var(--text-color, #fff);border:2px dashed var(--text-color, #fff)}.container-header{display:flex;align-items:center;justify-content:flex-start;margin-top:-.3rem}.container-header h3{margin:0;font-size:1.1rem;font-weight:600;margin-left:.4rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-led{width:12px;height:12px;border-radius:50%;display:inline-block}.led-on{background-color:#4caf50}.led-off{background-color:#777}.led-partial{background-color:orange}.container-card .drag-handle{position:absolute;top:0;right:0;width:0;height:0;border-top:35px solid #34bfa3bd;border-left:35px solid transparent;cursor:grab;z-index:10;opacity:0;pointer-events:none;transition:opacity .5s ease}.container-card:hover .drag-handle{opacity:1;pointer-events:auto}.container-card .drag-handle:active{cursor:grabbing}.container-card.dropped{transition:transform 0s}.container-card .drag-handle.on{border-top-color:#34bfa3bd}.container-card .drag-handle.off{border-top-color:#e74c3c}.container-count{font-size:.85rem;font-style:italic;color:#888;margin:0 0 0rem -5.5rem;line-height:1.2}@media(max-width:480px){.container-count{margin:0 0 2rem -2rem}}.rotate-icon{animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container-btn,.custom-btn{width:40px;height:40px;padding:0;border:none;border-radius:10px;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;background-color:var(--power-button-btn);color:#888;transition:background-color .5s ease,color .5s ease,transform .2s ease}.custom-btn{background-color:#f0f8ff00}.container-btn:hover,.custom-btn:hover{transform:scale(1.08);color:var(--text-color,#888)!important}.buttons-row{display:flex;justify-content:space-between;align-items:center;margin:10px -3px -3px}.buttons-row>*{flex-shrink:0}.buttons-row .custom-btn{margin-right:0;color:#888;background-color:var(--power-button-btn)}@media(max-width:480px){.buttons-row{gap:5px}.buttons-row .custom-btn,.buttons-row .container-btn{width:35px;height:35px}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease forwards}.modal-content{background-color:var(--card-bg,#1f1f1f);color:var(--text-color,#fff);padding:1.5rem;border-radius:12px;min-width:300px;max-width:500px;width:90%;box-shadow:0 4px 15px #00000080;transform:scale(.8);opacity:0;animation:scaleIn .2s ease forwards}.selected-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:0rem;align-items:center;box-sizing:border-box}.selected-chips .chip{display:inline-flex;align-items:center;background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:16px;font-size:.85rem;transition:transform .3s ease}.selected-chips .chip:hover{transform:scale(1.05);cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){.modal-content{padding:1rem;width:95%}}.modal-content{display:flex;flex-direction:column;gap:.3rem;min-width:200px;max-width:400px;width:350px}.modal-content h2{margin:.8rem;font-size:1.5rem;text-align:center!important}.modal-content input:focus,.modal-content textarea:focus{outline:none;box-shadow:0 0 0 2px #555 inset}.modal-content input:not([type=checkbox]),.modal-content textarea{padding:.5rem 1rem;border-radius:12px;border:none;background-color:var(--input-modal-bg, #2a2a2a);color:var(--text-color,#fff);box-shadow:inset 0 0 3px #0003;font-size:1rem;appearance:none;width:100%;margin-bottom:1rem}.modal-content input::placeholder,.modal-content textarea::placeholder{font-style:italic;font-size:.9rem}.modal-content button{padding:.5rem 1rem;font-size:1rem;margin-top:14px;border-radius:12px;box-shadow:0 0 2px #0000004d;cursor:pointer;font-weight:700;width:100%}.modal-content button+button{margin-top:.5rem}.modal-content button:last-child{margin-right:0}.modal-content button:hover{transform:translateY(-1px)}.modal-content textarea{resize:vertical;min-height:80px}.modal-content .delete-btn{background-color:#e74c3c;box-shadow:inset 0 0 10px #0003;color:#fff}.toggle-wrap{display:inline-block;position:relative;width:60px;height:30px;cursor:pointer}.toggle-wrap input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:#e74c3c;border-radius:30px;transition:.3s}.toggle-slider:before{content:"";position:absolute;width:26px;height:26px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.3s}.toggle-wrap input:checked+.toggle-slider{background:#34bfa3}.toggle-wrap input:checked+.toggle-slider:before{transform:translate(30px)}.container-select-wrapper{position:relative;width:100%}.container-select-dropdown{position:absolute;top:100%;left:0;right:0;max-height:150px;overflow-y:auto;background-color:var(--input-modal-bg, #2a2a2a);border-radius:8px;box-shadow:0 4px 8px #0000001a;z-index:1000;margin:0;padding:0;list-style:none}.container-select-item{padding:.5rem 1rem;cursor:pointer}.container-select-item.highlighted,.container-select-item:hover{background:var(--add-card,#7c7c7c)}.days-selector-grid{display:grid;grid-template-columns:repeat(7,auto);gap:5px;justify-content:center;align-items:center;margin-top:-1rem;margin-bottom:.5rem}.day-cell{display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-weight:500;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;text-align:center;width:2.5rem;height:2.5rem;border-radius:8px;border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;background-color:var(--input-modal-bg, #2a2a2a)!important;color:var(--text-color, #fff)!important;box-shadow:0 0 5px #0000001e inset!important}.day-cell:hover{transform:scale(1.1)!important}.day-cell.selected{background-color:#34bfa3!important;color:#fff;border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.time-row{display:flex;justify-content:center;gap:14px;margin:10px 0;width:100%}.time-field{display:flex;flex-direction:column;align-items:center;flex:0}.time-field input[type=time]{padding:8px 10px;border-radius:8px;font-size:15px;width:9rem;text-align:center}.timer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:5px;justify-content:center;align-items:center;margin-top:.1rem;margin-bottom:.5rem}.timer-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-weight:500;font-size:.85rem;text-align:center;width:3rem;height:3rem;border-radius:8px;border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--input-modal-bg, #2a2a2a);color:var(--text-color, #fff);box-shadow:0 0 5px #0000001e inset;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.timer-cell:hover{transform:scale(1.1)}.timer-cell.selected{background-color:#007bff!important;color:#fff;border-color:var(--accent)}.timer-cell.active{background-color:#34bfa3;color:var(--text-color, #fff)!important;border-color:var(--accent);box-shadow:0 0 8px var(--accent)}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(57%) sepia(64%) saturate(0%) hue-rotate(103deg) brightness(94%) contrast(89%);opacity:.8;cursor:pointer}.container-grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:0rem 1rem;width:96%;max-width:100%;justify-content:start}.section{border-left:5px solid #34bfa3;padding-left:1rem;padding-bottom:1rem;max-width:100%;background-color:var(--section-bg-color);border-radius:20px;transition:background-color .5s ease}.home{width:100%;padding:rem 1rem 0 1rem;box-sizing:border-box}.home h2{font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:700;text-align:left;margin:0 0 .2rem -.7rem;padding-left:1rem;padding-top:.5rem;color:var(--text-color);letter-spacing:.5px;transition:color .5s ease}.grid-wrapper h2{margin:0;padding-left:0;text-align:left;width:100%;padding-bottom:1rem}@media(max-width:1600px){.container-grid{grid-template-columns:repeat(auto-fill,200px)}}@media(max-width:1200px){.container-grid{grid-template-columns:repeat(auto-fill,200px)}}@media(max-width:992px){.container-grid{grid-template-columns:repeat(auto-fill,200px)}}@media(max-width:768px){.container-grid{grid-template-columns:repeat(auto-fill,200px)}}@media(max-width:480px){.grid-wrapper{width:100%;display:flex;justify-content:center;padding:0;box-sizing:border-box}.container-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;max-width:100%;justify-items:center}.container-card{width:140px;height:140px}html,body{overflow-x:hidden}.home{width:100%;max-width:480px;margin:0 auto 0 0;display:block;padding-top:0x;min-height:0;box-sizing:border-box}.section{border-top:2px solid #34bfa3;padding-left:0rem}}*{border:0;box-sizing:border-box;margin:0;padding:0}:root{--hue: 223;--fg: hsl(var(--hue),10%,0%);--primary: hsl(var(--hue),90%,55%);--primaryT: hsla(var(--hue),90%,55%,0);--transDur: .3s}body,input{font:1em/1.5 Fredoka,sans-serif}.theme-scale{transform:scale(.45);transform-origin:center;transition:transform .5s ease}.theme-scale:hover{transform:scale(.5);cursor:pointer}.theme{display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.theme__fill,.theme__icon{transition:transform var(--transDur) ease-in-out}.theme__icon{z-index:1;cursor:pointer}.theme__toggle{z-index:1;cursor:pointer;outline:3px solid white!important}.theme__icon,.theme__icon-part{position:absolute}.theme__icon{display:block;top:.75em;left:.75em;width:1.5em;height:1.5em}.theme__icon-part{border-radius:50%;box-shadow:.4em -.4em 0 .5em #fff inset;top:calc(50% - .5em);left:calc(50% - .5em);width:1em;height:1em;transition:box-shadow var(--transDur) ease-in-out,opacity var(--transDur) ease-in-out,transform var(--transDur) ease-in-out;transform:scale(.5)}.theme__icon-part~.theme__icon-part{background-color:#fff;border-radius:.05em;box-shadow:none;top:50%;left:calc(50% - .05em);transform:rotate(0) translateY(.5em);transform-origin:50% 0;width:.1em;height:.2em}.theme__icon-part:nth-child(3){transform:rotate(45deg) translateY(.5em)}.theme__icon-part:nth-child(4){transform:rotate(90deg) translateY(.5em)}.theme__icon-part:nth-child(5){transform:rotate(135deg) translateY(.5em)}.theme__icon-part:nth-child(6){transform:rotate(180deg) translateY(.5em)}.theme__icon-part:nth-child(7){transform:rotate(225deg) translateY(.5em)}.theme__icon-part:nth-child(8){transform:rotate(270deg) translateY(.5em)}.theme__icon-part:nth-child(9){transform:rotate(315deg) translateY(.5em)}.theme__label,.theme__toggle,.theme__toggle-wrap{position:relative}.theme__toggle,.theme__toggle:before{display:block}.theme__toggle{background-color:#fbedb6;border-radius:25%/50%;box-shadow:0 0 0 .125em var(--primaryT);padding:.25em;width:6em;height:3em;-webkit-appearance:none;appearance:none;transition:background-color var(--transDur) ease-in-out,box-shadow .15s ease-in-out,transform var(--transDur) ease-in-out}.theme__toggle:before{background-color:#f4ca25;border-radius:50%;content:"";width:2.5em;height:2.5em;transition:background-color var(--transDur) ease-in-out,transform var(--transDur) ease-in-out}.theme__toggle:focus{box-shadow:0 0 0 .125em var(--primary);outline:transparent}.theme__toggle:checked{background-color:#043449}.theme__toggle:checked:before,.theme__toggle:checked~.theme__icon{transform:translate(3em)}.theme__toggle:checked:before{background-color:#25b6f4}.theme__toggle:checked~.theme__fill{transform:translate(0)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(1){box-shadow:.2em -.2em 0 .2em #fff inset;transform:scale(1)}.theme__toggle:checked~.theme__icon .theme__icon-part~.theme__icon-part{opacity:0}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(2){transform:rotate(45deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(3){transform:rotate(90deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(4){transform:rotate(135deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(5){transform:rotate(180deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(6){transform:rotate(225deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(7){transform:rotate(270deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(8){transform:rotate(315deg) translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(9){transform:rotate(360deg) translateY(.8em)}.theme__toggle-wrap{margin:0 .75em}@supports selector(:focus-visible){.theme__toggle:focus{box-shadow:0 0 0 .125em var(--primaryT)}.theme__toggle:focus-visible{box-shadow:0 0 0 .125em var(--primary)}}.navbar{position:fixed;top:0;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:#171717;color:#fff;box-shadow:0 2px 6px #0003;z-index:1000;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.navbar-logo{color:#fff!important;font-weight:900!important;font-size:1.8rem!important;font-family:Roboto}.navbar-right{display:flex;gap:0rem;align-items:center}.navbar-git a{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--text-color, #fff)}.navbar-theme{margin-left:auto;margin-right:-1.5rem}.navbar a{color:inherit;text-decoration:none}.navbar a:hover{color:var(--link-hover-color, #646cff)}.navbar button{padding:.4em .8em}.loader{width:22px;height:22px;border:3px solid #b6b6b6;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 3s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;background:#34bfa3;width:12px;height:12px;transform:translate(-50%,50%);border-radius:50%}.loader{margin-bottom:-1px}.navbar-logo a{margin-left:.5rem}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}