:root{--body-bg: rgb(10, 10, 15);--primary-bg: rgba(10, 10, 15, .6);--secondary-bg: rgba(20, 20, 30, .8);--modal-bg: rgba(10, 10, 10, .8);--primary-border: rgb(100, 100, 100);--primary-color: #008b85;--primary-hover: #007771;--primary-shadow: #008b85;--primary-text: white;--secondary-text: rgb(200, 200, 200)}.yellow{--body-bg: rgb(15, 15, 10);--primary-bg: rgba(15, 15, 10, .8);--secondary-bg: rgba(30, 30, 20, .8);--primary-color: #8b8200;--primary-hover: #776b00;--primary-shadow: #8b7600}.green{--body-bg: rgb(10, 15, 10);--primary-bg: rgba(10, 15, 10, .8);--secondary-bg: rgba(20, 30, 20, .8);--primary-color: #178b00;--primary-hover: #0e7700;--primary-shadow: #0c8b00}.dark{--body-bg: rgb(10, 10, 15);--primary-bg: rgba(10, 10, 15, .8);--secondary-bg: rgba(20, 20, 30, .8);--primary-color: #00208b;--primary-hover: #001677;--primary-shadow: #00158b}.red{--body-bg: rgb(15, 10, 10);--primary-bg: rgba(15, 10, 10, .8);--secondary-bg: rgba(30, 20, 20, .8);--primary-color: #8b1000;--primary-hover: #770800;--primary-shadow: #8b1000}.purple{--body-bg: rgb(15, 10, 15);--primary-bg: rgba(15, 10, 15, .8);--secondary-bg: rgba(30, 20, 30, .8);--primary-color: #35008b;--primary-hover: #380077;--primary-shadow: #41008b}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background-color:var(--primary-bg);overflow-y:hidden;display:flex;justify-content:center;height:100vh;align-items:center;background-position:center center!important;background-size:cover!important}.wrap{padding-inline:100px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr .5fr 1fr 1fr;width:100vw;height:calc(100vh - 100px);max-width:3000px;max-height:800px;row-gap:30px}.info{display:flex;justify-content:space-between;grid-column:1 / -1;gap:30px}.panel{background-color:var(--secondary-bg);border-radius:15px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;gap:15px;height:130px}.date{display:flex;gap:15px;align-items:center}.day{font-size:20px}.time,.date,.day,.time-seconds{font-family:Orbitron,sans-serif;color:var(--secondary-text)}.time{font-size:30px;font-weight:500;color:var(--primary-text)}.time-seconds{color:var(--primary-text)}.weather-city{font-size:20px;font-weight:700;color:var(--secondary-text)}.weather-content{display:flex;gap:30px;width:100%;justify-content:center;align-items:center}.weather-img{height:50px}.weather-info{display:flex;flex-direction:column;gap:15px;width:45%}.weather-numbers{display:flex;color:var(--primary-text);font-weight:700;justify-content:space-between;font-size:25px;width:100%}.weather-numbers span:first-child{cursor:pointer}.weather-description{text-align:center;color:var(--secondary-text)}.hero{display:flex;flex-direction:column;gap:30px;align-items:center;flex:1.5}.hero-title{color:var(--primary-text);font-size:40px;text-align:center}.hero-quote{color:var(--secondary-text);font-size:16px;text-align:center;line-height:22px;width:90%;height:50px;overflow:auto}.shortcuts{height:120px;display:flex;justify-content:space-between;gap:50px;grid-row:3;grid-column:1 /-1}.shortcuts:has(>:only-child){justify-content:center}.shortcut{width:130px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;color:var(--primary-text);font-size:18px;text-decoration:none;transition:background-color .3s ease;position:relative}.shortcut img{width:50px}.shortcut-icons{position:absolute;top:5px;right:5px;display:flex;flex-direction:column;gap:5px;opacity:0;transition:opacity .3s ease}.shortcut-icons img{width:28px;padding:3px;border-radius:5px;transition:background-color .3s ease}.shortcut:hover,.shortcut-icons img:hover{background-color:var(--secondary-bg)}.shortcut:has(.shortcut-icons img:hover){background-color:transparent}.shortcut:hover .shortcut-icons{opacity:1}.add-shortcut{border:1px solid var(--primary-border);width:130px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:5px;color:var(--secondary-text);text-align:center;transition:background-color .3s ease}.add-shortcut:hover{background-color:var(--secondary-bg)}.add-shortcut img{width:40px}.widgets{display:flex;flex-direction:row;justify-content:space-between;grid-column:1 / -1;flex-wrap:wrap;gap:30px 15px;grid-row:4}.widget{background-color:var(--secondary-bg);border-radius:15px;display:flex;flex-direction:column;padding:15px;gap:15px;flex:1;height:250px;overflow:auto}.task-widget{position:relative}.note-widget{padding:15px 5px}.chat-prompt,.chat-response{color:var(--secondary-text);background-color:var(--primary-hover);border-radius:5px;padding:10px 20px;display:inline-block;align-self:end;max-width:240px}.chat-response{align-self:start;background-color:var(--primary-bg)}.task-items{display:flex;flex-direction:column;overflow:auto;height:73%;gap:5px;position:absolute;left:5px;width:calc(100% - 10px);padding-inline:10px 5px;overflow-x:hidden}.task-items::-webkit-scrollbar-thumb,.note::-webkit-scrollbar-thumb{border-color:#14141e}.task-item{background-color:var(--primary-bg);color:var(--secondary-text);border-radius:5px;padding:10px;display:flex;align-items:center}.task-item img{width:20px;cursor:pointer;margin-right:10px}.task-item img:last-child{position:absolute;right:10px}.task-input{background-color:var(--secondary-bg);border:1px solid var(--primary-border);border-radius:10px;font-size:18px;padding:5px 10px;outline:none;color:var(--primary-text);position:absolute;bottom:10px;width:calc(100% - 30px)}.task-input::placeholder{font-size:15px;font-style:italic}.note{resize:none;background-color:transparent;border:none;outline:none;color:var(--secondary-text);font-size:18px;height:100%;padding:0 20px}.timer-widget{position:relative}.timer{font-family:Orbitron,sans-serif;color:var(--primary-text);font-size:35px;text-align:center;padding-block:50px;font-weight:600}.indicator-wrap{position:absolute;bottom:80px;width:calc(100% - 100px);margin-inline:35px;background-color:var(--primary-border);border-radius:10px;overflow:hidden;height:5px}.timer-indicator{background-color:var(--primary-text);height:5px;transition:width .3s ease}.timer-btn{color:var(--primary-text);background-color:var(--secondary-bg);border:1px solid var(--primary-border);padding-block:10px;border-radius:10px;cursor:pointer;font-size:18px;position:absolute;bottom:10px;width:calc(100% - 30px)}.message{color:var(--secondary-text);text-align:center;line-height:25px;width:90%;margin-inline:auto}.message-link{cursor:pointer}.message-link:hover{text-decoration:underline}.setting-item .message{width:100%}.setting-boxes{display:flex;flex-direction:column;gap:10px}.setting-box{color:var(--secondary-text);font-size:18px;display:flex;gap:15px}.setting-check{width:20px;height:20px;background-color:transparent;border-radius:5px;cursor:pointer;border:2px solid var(--primary-color)}.setting-check:has(input:checked){background-color:var(--primary-color)}.setting-check input{display:none}.command-bar{width:100%;border:2px solid var(--primary-color);background-color:var(--primary-bg);border-radius:15px;overflow:hidden;position:relative;display:flex;align-items:center;height:60px;transition:box-shadow .3s ease;grid-row:2;grid-column:1/ -1}.command-bar:has(.command-input:focus){box-shadow:0 0 10px var(--primary-shadow)}.command-input{width:100%;background-color:var(--primary-bg);color:var(--primary-text);font-size:20px;outline:none;padding:15px 30px;border:none}.command-icon{width:40px;height:40px;padding:8px;position:absolute;right:15px;cursor:pointer;background-color:var(--primary-color);border-radius:10px;transition:background-color .3s ease;border:none}.command-icon:hover{background-color:var(--primary-hover)}.typing{animation:breathe .8s cubic-bezier(.4,0,.2,1) infinite}.modal-bg{background-color:var(--modal-bg);position:absolute;left:0;top:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background-color:var(--primary-bg);border-radius:5px;border:2px solid var(--primary-border);padding:30px 50px;position:relative;width:500px;max-width:calc(100vw - 100px);max-height:calc(100vh - 50px);overflow:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-title{color:var(--primary-text);text-align:center;margin-bottom:30px}.modal-description{width:100%;color:var(--secondary-text);text-align:center;margin-bottom:15px;line-height:25px}.modal-list{list-style-position:inside;color:var(--secondary-text);line-height:30px;font-size:18px}.modal code{background-color:#323232;padding-inline:5px;font-family:monospace;border-radius:5px}.modal-close{position:absolute;right:15px;top:15px;cursor:pointer;transition:transform .3s ease}.modal-close:hover{transform:scale(1.4) rotate(10deg)}.welcome,.settings{display:flex;flex-direction:column;align-items:center}.welcome-input{background-color:var(--secondary-bg);border:none;width:100%;border-radius:5px;outline:none;font-size:20px;color:var(--secondary-text);padding:10px 15px;margin-block:15px}.welcome-warning{position:absolute;top:50px;font-size:20px;left:50%;transform:translate(-50%);color:var(--primary-text)}.welcome-btn{background-color:var(--primary-color);color:var(--primary-text);font-size:18px;border:none;outline:none;border-radius:5px;padding:10px 15px;cursor:pointer;transition:box-shadow .3s ease;margin-top:15px}.welcome-btn:hover{box-shadow:0 0 10px var(--primary-shadow)}.settings{gap:30px}.setting-item .welcome-input{margin-block:0}.setting-item{display:flex;flex-direction:column;align-items:center;gap:10px}.setting-label{color:var(--primary-text);font-size:20px;font-weight:700}.setting-dropdown,.file-btn{background-color:var(--primary-bg);border:2px solid var(--primary-border);border-radius:10px;outline:none;color:var(--secondary-text);font-size:18px;padding-block:10px;width:120px;appearance:none;cursor:pointer;text-align:center}.setting-file{display:none}.file-btn{width:auto;padding:10px 20px}.warning{color:#ff1a1a;font-size:18px;font-weight:700;cursor:pointer}.warning:hover{text-decoration:underline}.credits{color:var(--secondary-text);display:flex;flex-direction:column;gap:10px;align-items:center;font-size:14px;padding-top:30px}.copy a{color:var(--secondary-text)}@media (max-width: 1200px){.wrap{row-gap:10px;padding-inline:50px;height:calc(100vh - 30px)}.widget{max-height:150px!important}.hero{gap:10px}.hero-title{font-size:25px}.shortcuts{height:80px}.shortcut img{height:40px;width:40px}.timer{padding-block:0px}.panel{height:100px}}@keyframes breathe{0%{box-shadow:0 0 10px var(--primary-shadow);transform:scale(1)}40%{box-shadow:0 0 5px 5px var(--primary-color)}to{box-shadow:0 0 10px var(--primary-shadow);transform:scale(1)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--primary-text);border-radius:10px;border:3px solid rgb(10,10,15)}