:root[data-theme=dark]{--background-color:#000;--select-color-bg:#1a1a1a;--selected-color-bg:#333;--text-color:#eee;--bt_text-color:#201;--primary-color:#004090;--primary-color-opacity:#0064dccc;--ready-color:#a080f0;--ready-color-hover:#c0a0ff;--success-color:#8ce070;--success-color-hover:#9cf090;--warning-color:#ffb74d;--danger-color:#f44336;--info-color:#29b6f6;--transition-speed-fast:.1s;--transition-speed-slow:.3s;--shadow-color:#ffffff1a}:root[data-theme=light]{--background-color:#fff;--select-color-bg:#e5e5e5;--selected-color-bg:#ddd;--text-color:#111;--bt_text-color:#dfe;--primary-color:#90caff;--primary-color-opacity:#90caffcc;--ready-color:#8060f0;--ready-color-hover:#302060;--success-color:#2c5f20;--success-color-hover:#1c4f20;--warning-color:#730;--danger-color:#dc3545;--info-color:#17a2b8;--transition-speed-fast:.1s;--transition-speed-slow:.3s;--shadow-color:#0000001a}*{transition:background-color var(--transition-speed-slow)ease,color var(--transition-speed-slow)ease,border-color var(--transition-speed-slow)ease;margin:0;padding:0}html{background-color:var(--background-color);width:100%;height:100%}body{background-color:var(--background-color);color:var(--text-color);min-width:100%;min-height:100%;font-size:16px;display:flex}main{flex-direction:row;width:100%;display:flex}a{color:var(--ready-color);transition:color var(--transition-speed-fast)ease;text-decoration:none}a:hover{color:var(--ready-color-hover);text-decoration:underline}a:visited{color:var(--ready-color-hover)}li{margin:4px 0}.img-one{order:10;margin-left:auto}.card-one{width:fit-content;box-shadow:0 2px 8px var(--shadow-color);background-color:var(--primary-color);color:var(--card-bg);opacity:.9;z-index:10;border-radius:8px;align-items:center;margin-bottom:20px;padding:8px;display:flex}.card-one:hover{opacity:1}.card-title{color:var(--warning-color);margin-bottom:12px;font-size:1.5rem;font-weight:600}.btn-one{color:var(--bt_text-color);cursor:pointer;background-color:var(--success-color);text-align:center;transition:all var(--transition-speed-fast)ease;border:none;border-radius:6px;align-items:center;margin:5px;padding:2px 5px;font-size:14px;font-weight:500;display:flex}.btn-one:hover{background-color:var(--success-color-hover)}.input-one{outline:1px solid var(--success-color);border:0px solid var(--success-color);background-color:var(--select-color-bg);color:var(--text-color);box-sizing:border-box;border-radius:6px;padding:7px;font-size:1rem;transition:border-color .2s}.input-one:hover{outline:1px solid var(--success-color-hover)}.input-one::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-one::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-toggle{border:0px solid var(--danger-color);cursor:pointer;color:var(--bt_text-color);background:linear-gradient(90deg,var(--ready-color-hover)0%,var(--ready-color-hover)30%,var(--success-color-hover)60%,var(--success-color-hover)100%);transition:all var(--transition-speed-slow)linear;z-index:10;background-position:0 0;background-size:200% 100%;border-radius:20%;justify-content:center;align-items:center;padding:4px;font-size:20px;display:flex;position:relative;overflow:hidden}.btn-toggle:hover{background-position:80% 0;border-radius:40%}.center-fixed{text-align:center;z-index:0;align-content:center;position:fixed;inset:0 0 0 100px}.full-fixed{z-index:0;position:fixed;inset:0}.right-fixed{z-index:100;text-align:center;align-content:center;position:fixed;inset:0 0 0 100px}.ico-fixed{z-index:30;position:fixed;top:8px;right:16px}.show-div{align-items:flex-start;gap:17px;margin:17px;display:flex}.show-img{width:275px;height:auto}.olul-one{color:var(--bt_text-color);border:0px solid var(--danger-color);background-color:var(--info-color);text-align:center;border-radius:6px;margin:5px;padding:2px 5px;font-size:14px;font-weight:500;list-style:inside decimal}.li-one{justify-content:space-between;align-items:center;display:flex}.navigation{background:var(--bt_text-color);border-right:1px solid var(--primary-color-opacity);z-index:100;justify-content:center;align-self:flex-start;width:100px;height:100%;padding:0;display:flex;position:fixed;top:0}.navigation ul{flex-direction:column;align-items:center;gap:30px;width:100%;list-style:none;display:flex}.navigation li{cursor:pointer;flex-direction:column;align-items:center;gap:5px;width:100%;padding:10px 0;transition:transform .2s;display:flex}.manager ul{flex-direction:row;align-items:center;gap:30px;width:100%;height:auto;list-style:none;display:flex}.manager li{gap:2px;padding:5px 0}.navigation li:hover{background-color:var(--primary-color-opacity)}.nav-icon{font-size:24px}.nav-text{color:var(--text-color);font-size:12px}.full-right{flex-direction:column;flex:1;width:100%;margin-left:100px;padding-top:0;display:flex;overflow-y:auto}.top-bar{z-index:30;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:15px;width:fit-content;margin-top:11px;margin-left:auto;margin-right:80px;display:flex;position:relative}.add-new-text{flex-direction:column;align-items:center;gap:4px;width:90%;height:max-content;margin:0 auto;padding-top:60px;display:flex}.add-new-btn{flex-direction:row;align-self:center;width:max-content;display:flex}.new-textarea{background-color:var(--background-color);white-space:nowrap;resize:none;border:1px solid #ccc;border-radius:4px;flex-direction:column;align-items:center;width:90%;height:300px;margin:0 auto;padding:10px;font-family:inherit;font-size:14px;display:flex;overflow:auto}select{background:var(--select-color-bg);color:var(--text-color);border-color:var(--select-color-bg);cursor:pointer;border-radius:6px;outline:none;width:150px;height:27px;padding:5px 15px 2px 2px;font-size:14px}select.dark-select option{background:var(--select-color-bg);color:var(--text-color)}select.dark-select option:hover{background:var(--selected-color-bg)!important}select.dark-select option:checked{background:var(--selected-color-bg)}.gridContainer{border-radius:16px;grid-template-columns:repeat(3,1fr);width:200px;max-width:200px;max-height:200px;display:grid;overflow-y:auto}.gridContainer::-webkit-scrollbar{width:0}.gridItem{aspect-ratio:1;background:var(--selected-color-bg);cursor:pointer;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;margin:2px;transition:all .2s;display:flex}.gridItem:hover{background:var(--ready-color-hover);border-color:#0070f3;transform:scale(1.05)}.emoji{font-size:2.5rem;line-height:1}.LinkInput{background-color:var(--background-color);border:0;border-bottom:1px solid var(--primary-color);width:140px;height:28px;color:var(--text-color);border-radius:4px;margin:4px}.LinkInput:focus{border-bottom-color:var(--warning-color);outline:none}.dialogDiv{width:auto;box-shadow:0 2px 8px var(--shadow-color);background-color:var(--primary-color);opacity:.9;border-radius:8px;flex-direction:column;align-items:center;margin-bottom:20px;padding:8px;display:flex}.optionAddNew{flex-direction:row;align-self:center;width:100%;min-width:170px;margin-left:auto;margin-right:22px;display:flex}.paperDiv{border-top:1px solid var(--warning-color);border-bottom:1px solid var(--warning-color);flex-direction:column;display:flex}.ts_div{border:2px dashed var(--text-color);text-align:center;cursor:pointer;border-radius:12px;margin-bottom:16px;transition:border-color .2s}.ts_div:hover{border-color:var(--info-color)}.ts_textarea{width:100%;color:var(--ready-color-hover);border:2px solid var(--text-color);resize:vertical;box-sizing:border-box;background-color:var(--background-color);border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}.ts_textarea:hover{border-color:var(--info-color)}@media (max-width:768px){body{flex-direction:column;height:100%;overflow-x:hidden}main{flex-direction:column;width:100%;height:100%}.navigation{border-right:none;border-top:1px solid var(--primary-color-opacity);background:var(--background-color);width:100%;height:60px;padding:0;padding-bottom:env(safe-area-inset-bottom);flex-direction:row;display:flex;position:fixed;top:auto;bottom:0;left:0;box-shadow:0 -2px 10px #0000001a}.navigation ul{flex-direction:row;justify-content:space-around;gap:0;height:100%}.navigation li{gap:2px;padding:5px 0}.show-div{display:block}.show-img{width:100%;height:auto}.manager ul{flex-direction:row;align-items:center;gap:17px;width:100%;height:auto;list-style:none;display:flex}.manager li{gap:2px;padding:5px 0}.nav-icon{font-size:20px}.nav-text{font-size:10px}.center-fixed{text-align:center;z-index:0;align-content:center;position:fixed;inset:0 0 60px}.right-fixed{z-index:0;text-align:center;align-content:center;position:fixed;inset:0 0 60px}.full-right{flex-direction:column;gap:3px;width:100%;height:100%;margin-bottom:60px;margin-left:0;padding-top:0;display:flex}.ico-fixed{width:40px;height:40px;margin-left:auto;position:fixed;top:10px;right:10px}.top-bar{background:var(--primary-color-opacity);word-break:break-word;justify-content:center;align-items:center;width:auto;margin-top:60px;margin-left:0;margin-right:0;padding:3px}.card-one{width:auto;box-shadow:0 2px 8px var(--shadow-color);background-color:var(--primary-color);color:var(--card-bg);opacity:.9;z-index:10;border-radius:8px;align-items:center;margin-bottom:20px;padding:8px;display:flex}select{width:100px}}