:root{--lcars-orange:#f90;--lcars-pink:#f69;--lcars-purple:#c9c;--lcars-blue:#99f;--lcars-brown:#c66;--lcars-red:red;--lcars-bg:#282525;--lcars-text:#70c7ff;--lcars-grey:#3e3e3e;--lcars-line:var(--lcars-orange);--lcars-border-color:var(--lcars-orange);--lcars-top-color:var(--lcars-orange);--lcars-accent:#ff9f41;--lcars-accent-2:#ff6da1;--lcars-accent-3:#70c7ff;--lcars-muted:#8d8d8d;--radius-lg:20px;--radius-xl:999px;--gap:14px;--h:52px}*{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;margin:0;padding:0}body{background:var(--lcars-bg);color:var(--lcars-text);min-height:100vh}a{all:unset;cursor:pointer}.lcars-container{display:grid;gap:20px;grid-template-columns:240px 1fr;grid-template-rows:120px 1fr 80px;min-height:100vh;padding:20px 20px 20px 0}.lcars-top{#background:var(--lcars-top-color);#border-radius:calc(var(--radius-xl) - 2px);overflow:auto}.lcars-separator,.lcars-top{align-items:center;color:var(--lcars-bg);display:flex;font-size:2em;font-weight:700;grid-column:2/-1}.lcars-separator{background:var(--lcars-top-color);border-radius:calc(var(--radius-xl) - 2px);padding:0 40px}#lcars-top-projects{background:var(--lcars-purple)}.lcars-sidebar{display:flex;flex-direction:column;gap:15px;grid-row:1/-1}.lcars-button-container{align-items:flex-start;margin-bottom:15px;width:100%}.lcars-button,.lcars-button-container{display:flex;height:80px;position:relative}.lcars-button{align-items:center;border-radius:0 calc(var(--radius-xl) - 2px) calc(var(--radius-xl) - 2px) 0;color:var(--lcars-bg);cursor:pointer;font-weight:700;justify-content:center;transition:opacity .3s;width:120px;z-index:2}.lcars-link{background-color:var(--lcars-purple);border-radius:calc(var(--radius-xl) - 2px);color:var(--lcars-bg);height:40px;padding:10px;text-align:center}.lcars-button-container:nth-child(3){--button-color:var(--lcars-blue)}.lcars-button-container:nth-child(4){--button-color:var(--lcars-brown)}.lcars-button-container:nth-child(5){--button-color:var(--lcars-pink)}.lcars-button-container:first-child{--button-color:var(--lcars-orange);.lcars-button-prefix{background:var(--lcars-orange);display:none;height:80px;width:30px}}.lcars-button-container:nth-child(2){--button-color:var(--lcars-purple);.lcars-button-prefix{background:var(--lcars-purple);display:none;height:80px;width:30px}}.lcars-button-container.active .lcars-button-prefix,.lcars-button-container:hover .lcars-button-prefix{display:block}.lcars-button-container .lcars-button,.lcars-button-container .lcars-connector{background:var(--button-color)}.lcars-main{background:var(--lcars-bg);border-radius:0 0 20px 20px;color:var(--lcars-text);margin-top:-15px;padding:20px}.lcars-timer{color:var(--lcars-orange);font-size:5em;font-weight:700;margin:40px 0;text-align:center}.lcars-controls{display:flex;gap:20px;justify-content:center;margin-top:15px}.lcars-control-btn{border:none;border-radius:calc(var(--radius-xl) - 2px);color:var(--lcars-bg);cursor:pointer;font-size:1.2em;font-weight:700;padding:15px 40px}.lcars-control-btn:disabled{color:var(--lcars-bg);opacity:.2}.start-btn{background:var(--lcars-blue)}.reset-btn,.stop-btn{background:var(--lcars-red)}.reset-btn{filter:brightness(70%)}.create-btn{background:var(--lcars-purple)}.lcars-bottom{display:flex;gap:20px;grid-column:2/-1}.lcars-bottom-segment{background:var(--lcars-purple);border-radius:0 0 30px 30px;flex:1;height:100%}.lcars-bottom-segment:nth-child(2){background:var(--lcars-pink)}.lcars-bottom-segment:nth-child(3){background:var(--lcars-orange)}.lcars-projects,.lcars-tasks{border:2px solid var(--lcars-pink);border-radius:15px;margin-top:40px;padding:20px}.lcars-projects{display:flex;flex-direction:row;flex-wrap:wrap}.lcars-task-item{align-items:baseline;border-bottom:1px solid var(--lcars-purple);display:flex;justify-content:space-between;padding:10px}.lcars-project-item{display:flex;justify-content:space-evenly;margin-right:5px;padding:10px;width:10rem}.lcars-input-wrapper{align-items:center;background:var(--lcars-bg);border:3px solid var(--lcars-text);border-radius:var(--radius-lg);display:flex;height:56px;padding:8px 12px;position:relative}.lcars-input{background:transparent;border:none;color:var(--lcars-text);flex:1;font-size:1.1rem;letter-spacing:.04em;outline:none}.lcars-input-wrapper:after{background:var(--lcars-line);bottom:14px;content:"";height:2px;left:16px;pointer-events:none;position:absolute;right:16px}.task-input{background:hsla(0,0%,100%,.1);border:1px solid var(--lcars-blue);border-radius:10px;color:var(--lcars-text);font-size:1.1rem;letter-spacing:.04em;margin:20px 0;padding:10px;width:100%}.lcars-select{align-items:center;gap:var(--gap);grid-template-columns:auto 1fr;margin:15px 0 0}.lcars-select,.select-wrap{display:flex;position:relative}.select-wrap{background:var(--lcars-purple);border-radius:var(--radius-xl);flex:1;height:var(--h);padding:2px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0d0d0d;border:none;border-radius:calc(var(--radius-xl) - 2px);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05),inset 0 -6px 0 rgba(0,0,0,.35);color:var(--lcars-text);cursor:pointer;font-size:1.1rem;height:100%;letter-spacing:.04em;outline:none;padding:0 56px 0 18px;width:100%}.select-wrap:after{background:url('data:image/svg+xml;utf8,       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">         <path fill="%23f7f7f7" d="M7 10l5 5 5-5H7z"/>       </svg>') 50%/20px 20px no-repeat;content:"";filter:drop-shadow(0 2px 0 rgba(0,0,0,.35));height:26px;opacity:.9;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:26px}.select-wrap:has(select:hover){box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1),0 12px 36px rgba(0,0,0,.45);transform:translateY(-1px);transition:all .15s ease}select:focus-visible{box-shadow:inset 0 0 0 2px var(--lcars-accent-3),inset 0 -6px 0 rgba(0,0,0,.35);outline:2px solid #fff3;outline-offset:2px}.burger-menu,.lcars-timetracking-header{display:none}.lcars-timetracking-item{border:1px solid var(--lcars-purple);border-radius:32px;display:block;gap:10px;grid-template-columns:1fr;padding:20px}.lcars-timetracking-item:hover{background:rgba(153,153,255,.1)}.lcars-timetracking-item>div{margin-bottom:15px}.lcars-timetracking-item>div:last-child{margin-bottom:0}.lcars-timetracking-item:first-child{border-top:3px solid var(--lcars-orange)}.lcars-timetracking-duration{display:flex;flex-flow:column;text-align:center}.lcars-timetracking-period{display:flex;flex-direction:column;gap:8px}.lcars-timetracking-task{background:hsla(0,0%,100%,.05);border-left:3px solid var(--lcars-orange);border-radius:10px;border-right:3px solid var(--lcars-orange);color:var(--lcars-text);font-size:1.1em;padding:10px}.lcars-datetime{display:flex;flex-direction:column;gap:4px}.lcars-date-label{color:var(--lcars-muted);font-size:.85em;letter-spacing:.05em;text-transform:uppercase}.lcars-datetime-value{background:rgba(0,0,0,.4);border-radius:8px;color:var(--lcars-text);font-family:Courier New,monospace;font-size:.9em;padding:4px 8px}.lcars-duration-badge{background:var(--lcars-orange);border-radius:var(--radius-xl);color:var(--lcars-bg);font-size:1.1em;font-weight:700;padding:12px 16px}.lcars-timetracking-actions{display:flex;flex-direction:column;gap:8px}.lcars-action-btn{border:none;border-radius:calc(var(--radius-xl) - 2px);color:var(--lcars-bg);cursor:pointer;font-size:.9em;font-weight:700;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.lcars-action-btn:hover{box-shadow:0 4px 8px rgba(0,0,0,.3);transform:translateY(-1px)}.edit-btn{background:var(--lcars-blue)}.edit-btn:hover{background:color-mix(in srgb,var(--lcars-blue) 80%,#fff 20%)}.delete-btn{background:var(--lcars-red)}.delete-btn:hover{background:color-mix(in srgb,var(--lcars-red) 80%,#fff 20%)}.lcars-timetracking-period{background:rgba(0,0,0,.2);border-bottom:0;border-left:3px solid var(--lcars-blue);border-radius:10px;border-right:3px solid var(--lcars-blue);border-top:0;padding:15px}.lcars-text-orange{background-color:var(--lcars-bg);color:var(--lcars-orange);font-size:1.5rem;font-weight:700;height:4.5rem;margin-left:.8rem;text-transform:uppercase}.lcars-orange-bar{border-top:1.5rem solid var(--lcars-orange);height:4.5rem;width:36rem}.lcars-main{border-left:4.5rem solid var(--lcars-orange)}.lcars-separator-text-orange{color:var(--lcars-orange);font-size:4.8vh;padding-left:2px;padding-right:2px;padding-top:8px}.lcars-separator-text-orange,.lcars-text-purple{background-color:var(--lcars-bg);font-weight:700;text-transform:uppercase}.lcars-text-purple{color:var(--lcars-purple);font-size:9vh;height:100%;margin-left:3.2rem}.lcars-footer{background:var(--lcars-bg);bottom:0;left:0;padding:10px;position:fixed;right:0;text-align:left;z-index:1000}.footer-links{color:#f90}.footer-link{color:#f90;font-size:12px;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fc0;text-decoration:underline}.footer-separator{color:#666;margin:0 10px}.lcars-corner{background:var(--lcars-orange);height:4.5rem;margin:0;min-height:4.5rem;min-width:9.5rem;position:relative;width:9.5rem}.lcars-corner:after{background:var(--lcars-bg);content:"";display:block;height:3rem;position:absolute;width:2rem}.lcars-corner.left-bottom:after{border-top-left-radius:1.875rem;right:0;top:1.5rem}@media screen and (max-width:599.8px){.burger-menu{display:block;left:20px;position:fixed;top:20px;z-index:1000}.burger-icon{cursor:pointer;height:25px;position:relative;width:30px}.burger-icon span{background:var(--lcars-orange);border-radius:3px;display:block;height:3px;position:absolute;transition:all .3s ease-in-out;width:100%}.burger-icon span:first-child{top:0}.burger-icon span:nth-child(2){top:50%;transform:translateY(-50%)}.burger-icon span:nth-child(3){bottom:0}.burger-icon.active span:first-child{top:11px;transform:rotate(45deg)}.burger-icon.active span:nth-child(2){opacity:0}.burger-icon.active span:nth-child(3){bottom:11px;transform:rotate(-45deg)}.lcars-container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;padding:20px 10px}.lcars-sidebar{background:var(--lcars-bg);bottom:0;box-shadow:2px 0 5px rgba(0,0,0,.2);display:none;flex-direction:column;left:0;overflow-y:auto;padding:80px 20px 20px 0;position:fixed;top:0;width:180px;z-index:999}.lcars-sidebar.active{display:flex}.lcars-button-container{margin-bottom:15px;width:100%}.lcars-timer{font-size:3em}.lcars-controls{flex-direction:column}.lcars-top{grid-column:1;grid-row:2;overflow:hidden}.lcars-separator,.lcars-top{margin-top:20px;position:relative;z-index:2}.lcars-separator{height:2.2rem}.lcars-text-orange,.lcars-text-purple{font-size:4.8vh;height:2.5rem;margin-left:unset;padding-bottom:unset;padding-left:2px;padding-right:2px;padding-top:unset}.lcars-main{grid-column:1;grid-row:3;padding:20px 10px 20px 5px;position:relative;z-index:2}.lcars-button-prefix{display:none}.lcars-projects{flex-direction:row;flex-wrap:wrap;justify-content:stretch}.lcars-tasks{padding:0}}@media screen and (min-width:600px){.lcars-container{grid-template-columns:200px 1fr}.lcars-task-item>span{width:150px}}@media screen and (min-width:768px){.lcars-timetracking-header{gap:10px;grid-template-columns:1fr}.lcars-header-item{display:none}.lcars-timetracking-actions{flex-direction:column;justify-content:center}.lcars-timetracking-task{border-bottom:0;border-left:2px solid var(--lcars-orange);border-right:2px solid var(--lcars-orange);border-top:0}.lcars-task-item>span{width:100%}}@media screen and (min-width:1200px){body{max-width:1660px}.lcars-header-item{display:block}.lcars-timetracking-header{background:var(--lcars-blue);color:var(--lcars-bg);display:grid;font-size:1.1em;font-weight:700;gap:15px;grid-template-columns:80px 1fr 200px 120px 150px;padding:20px}.lcars-timetracking-grid{border-radius:calc(var(--radius-xl) - 2px);margin-top:30px;overflow:hidden}.lcars-timetracking-item{align-items:center;border:1px solid var(--lcars-blue);border-radius:unset;display:grid;gap:15px;grid-template-columns:80px 1fr 200px 120px 150px;padding:20px;transition:background-color .3s ease}.lcars-timetracking-item:first-child{border-top:unset}.lcars-timetracking-item:last-child{border-radius:0 0 15px 15px}.lcars-timetracking-actions{flex-direction:row}.lcars-timetracking-duration{flex-flow:unset}.lcars-timetracking-task{all:unset}.lcars-timetracking-period{all:unset;display:flex;gap:20px}.lcars-duration-badge{background:unset;border-radius:unset;color:unset}}