*{margin:0;padding:0}.toast-custom{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3a3939e6;border-radius:999px;align-items:center;gap:10px;min-height:50px;font-size:14px;font-weight:500;transition:all .3s ease-in-out;display:flex;box-shadow:0 8px 20px #00000040;padding:12px 18px!important}.toast-custom:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 25px #00000059}.Toastify__toast--success{background:linear-gradient(135deg,#00c8539b,#63dd178b)}.Toastify__toast--error{background:linear-gradient(135deg,#ff174593,#ff5252ae)}.item-actions{flex-shrink:0;display:inline-flex}.item-menu-trigger{width:34px;height:34px;color:inherit;opacity:.8;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.item-menu-trigger:hover{opacity:1;background:#8c6cc622}.note-open-button{text-align:left;min-width:0;color:inherit;font:inherit;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;flex:1;padding:3px 0}.item-action-menu{z-index:1800;background:#fff;border:1px solid #e6dfef;border-radius:10px;flex-direction:column;gap:2px;width:150px;padding:5px;display:flex;position:fixed;box-shadow:0 10px 35px #32214326}.item-action-menu button{text-align:left;color:#635175;background:0 0;border:0;border-radius:6px;min-height:40px;padding:10px 12px;font-size:12px}.item-action-menu button:hover,.item-action-menu button:focus{background:#f0eafa}.item-action-menu .danger{color:#b44f6f}.item-dialog-overlay{z-index:1900}.item-dialog h3{margin-bottom:20px}.item-dialog label{text-align:left;margin-bottom:4px;font-size:12px;display:block}.item-dialog>p{overflow-wrap:anywhere;margin:0 0 22px;font-size:13px;line-height:1.7}.item-dialog .item-action-error{color:#b44f6f;font-size:12px}.item-dialog .popup-buttons .confirm-delete{color:#fff;background:#b94e6c;border-color:#b94e6c}.item-dialog .popup-buttons .confirm-delete:hover{color:#fff;background:#a73e5b}[data-theme=dark] .item-action-menu{background:#30263c;border-color:#564269;box-shadow:0 10px 35px #0006}[data-theme=dark] .item-action-menu button{color:#d7c3ea}[data-theme=dark] .item-action-menu button:hover,[data-theme=dark] .item-action-menu button:focus{background:#493554}[data-theme=dark] .item-action-menu .danger,[data-theme=dark] .item-dialog .item-action-error{color:#f0a7bd}@media (width<=640px){.item-menu-trigger{width:40px;height:40px}.slider-note-ls{padding:8px 10px}.note-open-button{min-height:40px}}.markdown-editor{background:#fdfcfe;border:1px solid #e5e0ef;border-radius:12px;flex-direction:column;flex:1;gap:0;min-width:0;min-height:330px;display:flex;overflow:hidden}.markdown-topbar{background:#faf8fd;border-bottom:1px solid #e9e5f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.markdown-modes{background:#eeebf6;border-radius:8px;gap:3px;padding:3px;display:flex}.markdown-modes button,.markdown-file-actions button,.markdown-formatbar button{color:#81738e;background:0 0;border:0;border-radius:6px;min-height:32px;padding:7px 10px;font-size:11px}.markdown-modes button[aria-pressed=true]{color:#6853b0;background:#fff;box-shadow:0 2px 6px #33204312}.markdown-file-actions{flex-wrap:wrap;gap:4px;display:flex}.markdown-file-actions button{background:#fff;border:1px solid #e7dfef}.markdown-file-actions button:hover,.markdown-formatbar button:hover{color:#664cb1;background:#ece6f9}.markdown-formatbar{border-bottom:1px solid #eee8f4;flex-wrap:wrap;align-items:center;gap:3px;padding:7px 12px;display:flex}.markdown-formatbar span{color:#a296ad;margin-left:auto;font-size:10px}.markdown-panes{flex:1;min-width:0;min-height:290px;display:flex}.markdown-panes.mode-split>*{flex:1;width:50%;min-width:0}.markdown-panes .markdown-source{resize:vertical;color:#574d69;width:100%;min-height:290px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:22px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.85}.markdown-panes .markdown-source:focus{border:0;box-shadow:inset 0 0 0 2px #9f8edb}.markdown-panes.mode-split .markdown-source{resize:none;border-right:1px solid #e9e2f1}.markdown-preview{overflow-wrap:anywhere;color:#4b405d;width:100%;min-width:0;padding:22px 28px;font-size:14px;line-height:1.85;overflow-x:auto}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:#3a2f4d;letter-spacing:-.4px;margin:1.3em 0 .6em;font-weight:650;line-height:1.35}.markdown-preview h1{border-bottom:1px solid #e9e2ef;padding-bottom:12px;font-size:29px}.markdown-preview h2{border-bottom:1px solid #eee8f3;padding-bottom:8px;font-size:23px}.markdown-preview h3{font-size:19px}.markdown-preview h4{font-size:16px}.markdown-preview p{margin:0 0 1em}.markdown-preview ul,.markdown-preview ol{margin:12px 0 18px;padding-left:25px}.markdown-preview li{margin:5px 0}.markdown-preview li>p{margin:4px 0}.markdown-preview blockquote{color:#897099;background:#f3eefb;border-left:3px solid #ae97dd;border-radius:0 8px 8px 0;margin:18px 0;padding:10px 18px}.markdown-preview blockquote p:last-child{margin:0}.markdown-preview a{color:#7752b9;text-underline-offset:3px;text-decoration:underline}.markdown-preview img{border-radius:8px;max-width:100%;height:auto}.markdown-preview code{color:#8a528d;background:#efe9f7;border-radius:4px;padding:2px 5px;font-family:Consolas,Courier New,monospace;font-size:.9em}.markdown-code-block{background:#f3eff8;border:1px solid #e6deee;border-radius:10px;margin:18px 0;position:relative;overflow:hidden}.markdown-code-block>button{color:#806a97;z-index:1;background:#fff;border:1px solid #dfd4eb;border-radius:5px;padding:4px 8px;font-size:10px;position:absolute;top:8px;right:9px}.markdown-code-block pre{white-space:pre;margin:0;padding:42px 17px 17px;font-size:12px;line-height:1.7;overflow-x:auto}.markdown-code-block code{color:#62506e;font-size:inherit;background:0 0;border:0;padding:0}.markdown-preview table{border-collapse:collapse;max-width:100%;margin:18px 0;font-size:12px;display:block;overflow-x:auto}.markdown-preview th,.markdown-preview td{text-align:left;border:1px solid #e6dfed;min-width:90px;padding:10px 14px}.markdown-preview th{color:#5f4b79;background:#eee8f6;font-weight:650}.markdown-preview tr:nth-child(2n){background:#faf7fd}.markdown-preview hr{border:0;border-top:1px solid #e5ddec;margin:25px 0}.markdown-preview input[type=checkbox]{accent-color:#8b6cc5;margin-right:6px}.markdown-preview .task-list-item{list-style:none}.markdown-preview .contains-task-list{padding-left:8px}.markdown-preview .markdown-empty{color:#a095ae;margin:20px 0;font-size:13px;line-height:1.8}.markdown-caption{color:#a195ad;border-top:1px solid #eee8f3;justify-content:space-between;gap:15px;padding:9px 13px;font-size:10px;display:flex}.editor-container{min-height:100%}[data-theme=dark] .markdown-editor{background:#1c1825;border-color:#42364f}[data-theme=dark] .markdown-topbar{background:#272031;border-color:#42364f}[data-theme=dark] .markdown-modes{background:#1c1825}[data-theme=dark] .markdown-modes button{color:#afa0c0}[data-theme=dark] .markdown-modes button[aria-pressed=true]{color:#e2c9ff;background:#49355e}[data-theme=dark] .markdown-file-actions button{color:#c5aedb;background:#30263c;border-color:#4c3b5e}[data-theme=dark] .markdown-formatbar{border-color:#3b2e49}[data-theme=dark] .markdown-formatbar button{color:#c8b3dd}[data-theme=dark] .markdown-file-actions button:hover,[data-theme=dark] .markdown-formatbar button:hover{color:#ead8ff;background:#49355e}[data-theme=dark] .markdown-panes .markdown-source{color:#d1c3de;background:#1c1825}[data-theme=dark] .markdown-panes.mode-split .markdown-source{border-color:#42364f}[data-theme=dark] .markdown-preview{color:#d2c4df}[data-theme=dark] .markdown-preview h1,[data-theme=dark] .markdown-preview h2,[data-theme=dark] .markdown-preview h3,[data-theme=dark] .markdown-preview h4,[data-theme=dark] .markdown-preview h5,[data-theme=dark] .markdown-preview h6{color:#f0e2ff;border-color:#42364f}[data-theme=dark] .markdown-preview blockquote{color:#c4acd7;background:#30223e;border-color:#9670bf}[data-theme=dark] .markdown-preview a{color:#c7a0f0}[data-theme=dark] .markdown-preview code{color:#deb5e1;background:#392a46}[data-theme=dark] .markdown-code-block{background:#231b2e;border-color:#42314f}[data-theme=dark] .markdown-code-block code{color:#d1bcdf;background:0 0}[data-theme=dark] .markdown-code-block>button{color:#d6bce8;background:#3b2b4c;border-color:#584268}[data-theme=dark] .markdown-preview th,[data-theme=dark] .markdown-preview td{border-color:#493654}[data-theme=dark] .markdown-preview th{color:#e1c5f2;background:#382743}[data-theme=dark] .markdown-preview tr:nth-child(2n){background:#251c30}[data-theme=dark] .markdown-preview hr,[data-theme=dark] .markdown-caption{border-color:#42324f}[data-theme=dark] .markdown-caption,[data-theme=dark] .markdown-formatbar span{color:#a797b7}@media (width<=640px){.markdown-topbar{gap:9px;padding:9px}.markdown-topbar>*{width:100%}.markdown-modes button{flex:1;min-height:38px}.markdown-file-actions{gap:6px;display:flex}.markdown-file-actions button{white-space:nowrap;flex:1;min-height:36px;padding:6px;font-size:10px}.markdown-formatbar{gap:0;padding:6px}.markdown-formatbar button{min-height:38px;padding:8px;font-size:11px}.markdown-formatbar span{display:none}.markdown-panes .markdown-source{min-height:300px;padding:17px;font-size:16px}.markdown-preview{padding:19px 17px;font-size:14px}.markdown-preview h1{font-size:25px}.markdown-preview h2{font-size:21px}.markdown-panes.mode-split{flex-direction:column}.markdown-panes.mode-split>*{flex:auto;width:100%}.markdown-panes.mode-split .markdown-source{border-bottom:1px solid #e9e2f1;border-right:0;min-height:220px}.markdown-panes.mode-split .markdown-preview{min-height:220px}.markdown-preview pre{font-size:11px}.markdown-caption{font-size:9px}.markdown-editor{min-height:350px}}.hello{flex-direction:column;justify-content:center;align-items:center;display:flex}.contener-main{color:#fff;background:#0f172a;border-radius:0;justify-content:space-between;align-items:center;width:100%;height:50px;margin-right:20px;padding:10px;font-family:Segoe UI,sans-serif;display:flex}.contener-img{cursor:pointer;align-items:center;gap:2px;display:flex}.logo,.text{height:50px}.contener-user{text-align:center}.greating{color:#38bdf8;margin:0;font-size:18px;font-weight:500}.user{margin:0;font-size:22px;font-weight:600}.contener-name{align-items:center;gap:15px;display:flex}.name{font-size:16px;font-weight:500}.profile{color:#000;cursor:pointer;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .3s;display:flex}.contener-name{align-items:center;gap:15px;display:flex;position:relative}.profile-box{z-index:1000;background:#1e293b;border-radius:10px;width:140px;padding:10px;animation:.2s ease-in-out fadeIn;position:absolute;top:55px;right:0;box-shadow:0 8px 20px #0000004d}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;width:100%;padding:8px;font-weight:500;transition:all .3s}.logout-btn:hover{background:#dc2626;transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.footer{color:#e2e8f0;background:#020617;width:100%;margin-top:-30px;padding:25px 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:auto;display:flex}.footer-left h2{color:#38bdf8;margin-bottom:5px}.footer-left p{color:#94a3b8;font-size:14px}.footer-center h3{color:#22c55e;font-size:22px}.ampm{color:#64748b;margin-bottom:8px;font-size:12px}.time-info{color:#94a3b8;font-size:13px}.footer-right{text-align:right}.footer-right h3{color:#facc15}.footer-center{text-align:center}.footer-center .time-wrapper{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:8px;display:flex}.time-info{color:#94a3b8;white-space:nowrap;font-size:13px}@media (width<=768px){.footer-container{text-align:center;flex-direction:column;gap:15px}.footer-right{text-align:center}}.contener-note-body{gap:1px;width:100%;height:90vh;margin-top:1px;display:flex}.contener-note-slider{background:#0f172a;border-radius:10px;flex-direction:column;width:30%;height:85vh;display:flex;overflow:hidden}.contener-note-content{background:#0f172a;border:1px solid #343535;border-radius:10px;width:70%;height:85vh}.slider-button{gap:10px;padding:15px;display:flex}.silider-button-notes,.slider-button-signup{cursor:pointer;color:#fff;background:0 0;border:1px solid #0ff;border-radius:30px;flex:1;padding:10px;font-weight:600;transition:all .3s}.active{color:#0f172a;background:#0ff}.silider-button-notes:hover,.slider-button-signup:hover{transform:scale(1.05)}.slider-add-notes .slider-add-notes_btm{color:#0f172a;cursor:pointer;background:linear-gradient(45deg,#0ff,#0ff8);border:none;border-radius:40px;width:100%;padding:10px;font-weight:700;transition:all .3s}.slider-add-notes_btm1{color:#0f172a;cursor:pointer;background:linear-gradient(45deg,#0ff,#0ff8);border:none;border-radius:40px;width:95%;margin-bottom:5px;padding:10px;font-weight:700;transition:all .3s}.slider-add-notes .slider-add-notes_btm:hover,.slider-add-notes_btm1:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.slider-notes-list{flex-direction:column;flex:1;min-height:0;padding:10px 15px;display:flex}.slider-note-main-notes{color:#0ff;margin-bottom:10px;font-size:18px;font-weight:600}.line{background-color:#00ffffae;border-radius:10px;width:100%;height:2px;margin-bottom:10px}.line1{background-color:#00ffffae;border-radius:10px;width:100%;height:3px;margin-top:10px;margin-bottom:10px}.all-notes-contener{flex:1;min-height:0;padding-right:5px;overflow-y:auto}.all-notes-contener::-webkit-scrollbar{width:1px}.all-notes-contener::-webkit-scrollbar-thumb{background:#0ff;border-radius:10px}.slider-note-ul{margin:0;padding:0;list-style:none}.slider-note-ls{cursor:pointer;color:#fff;background:#44484e;border:1px solid #0ff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 14px;transition:all .25s;display:flex;box-shadow:0 2px 6px #3f3c3c4e}.slider-note-ls:hover{background:#0ff2;transform:translate(3px)}.slider-note-spam{color:#e2e8f0;word-break:break-word;font-size:14px;font-weight:500}.slider-note-spem1{color:#0ff;border-radius:6px;padding:5px;font-size:18px;transition:all .2s}.slider-note-spem1:hover{color:#fff;background:#00ffff26}.slider-note-not{color:#94a3b8;text-align:center;margin-top:20px;font-size:14px}.popup-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-box{text-align:center;background:#0f172a;border:1px solid #0ff;border-radius:20px;width:350px;padding:20px;animation:.3s popupFade}.popup-box .popup_box_data{color:#fff;background:0 0;border:1px solid #0ff;border-radius:10px;outline:none;width:90%;margin:15px 0;padding:10px}.popup_box_data option{color:#fff;background-color:#0f172a;padding:10px}.popup_box_data option:hover{color:#000;background-color:#0ff}.popup_heder{color:#fff}.popup-buttons{gap:10px;display:flex}.popup-buttons button{color:#fff;cursor:pointer;background:0 0;border:1px solid #0ff;border-radius:10px;flex:1;padding:10px;transition:all .3s}@keyframes popupFade{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.note-textarea{resize:none;color:#fff;background:0 0;border:none;outline:none;width:100%;height:100%;padding:20px;font-size:16px}.no-note{color:gray;text-align:center;margin-top:50px}.contener-note-content-input{border-radius:40px;flex-direction:column;width:100%;height:100%;margin:0;display:flex}.editor-container{flex-direction:column;gap:5px;height:100%;display:flex}.editor-textarea{color:#e2e8f0;resize:none;scrollbar-width:none;background:#020617;border:1px solid #0ff3;border-radius:15px;outline:none;flex:1;width:95%;margin-bottom:10px;margin-left:10px;margin-right:10px;padding:15px;font-size:15px;transition:all .3s;overflow:scroll}.editor-textarea::-webkit-scrollbar{display:none}.editor-textarea:focus{border:1px solid #0ff8;box-shadow:0 0 5px #00ffff4d}.save-btn-div{justify-content:center;align-self:flex-end;margin-right:15px;display:flex}.delete_notes{color:#0f172a;cursor:pointer;background:linear-gradient(45deg,#0ff,#0ff8);border:none;border-radius:25px;padding:0 30px;font-weight:700;transition:all .3s}.delete_notes:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0ff6}.save-btn{color:#0f172a;cursor:pointer;background:linear-gradient(45deg,#0ff,#0ff8);border:none;border-radius:25px;padding:10px 20px;font-weight:700;transition:all .3s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0ff6}.empty-editor{justify-content:center;align-items:center;height:100%;display:flex}.empty-editor p{color:#64748b;border:1px dashed #0ff3;border-radius:20px;padding:20px 30px;font-size:16px}.show_time_main{flex-direction:column;align-items:center;gap:5px;margin-top:5px;display:flex}.show_time{color:#b6b0b0;justify-content:space-between;width:95%;height:30px;display:flex}.delete_note_text{color:#fff;margin-bottom:30px}.loader{text-align:center;color:#555;padding:20px;font-size:16px;font-weight:500}.spinner{border:4px solid #ccc;border-top-color:#000;border-radius:50%;width:30px;height:30px;margin:20px auto;animation:1s linear infinite spin}.scrolbar_web{scrollbar-width:none;overflow:scroll}@keyframes spin{to{transform:rotate(360deg)}}.priority-low{color:#155724;background-color:#d4edda}.priority-medium{color:#856404;background-color:#fff3cd}.priority-high{color:#721c24;background-color:#f8d7da}.task-title{margin-bottom:15px;font-size:24px;font-weight:600}.todo-input-wrapper{gap:10px;margin-bottom:15px;display:flex}.todo-input{border:1px solid #ccc;border-radius:8px;flex:1;padding:10px;font-size:14px}.todo-add-btn{border-radius:8px;padding:10px 14px}.todo-list-wrapper{flex-direction:column;gap:10px;display:flex}.todo-row{background:#f9f9f9;border-radius:10px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.todo-checkbox{cursor:pointer;width:18px;height:18px}.todo-text{background:0 0;border:none;outline:none;flex:1;font-size:15px}.completed{color:gray;text-decoration:line-through}.todo-star-btn{cursor:pointer;background:0 0;border:none;font-size:18px}.no-task-text{text-align:center;color:gray;margin-top:50px}.todo-text{background:0 0;border:none;outline:none;flex:1;font-size:15px;transition:all .2s}.completed{color:gray;opacity:.6;text-decoration:line-through}.todo-row.completed-row{background:#f3f3f3}.completed-time{color:green;font-weight:500}.nav{justify-content:center;display:flex}.nav1{text-align:center;background-color:#0f172aea;border-radius:40px;width:95%;height:70px;margin:10px}.nav1 h1{text-transform:uppercase;color:#faebd7;margin-top:15px}.container-main{justify-content:center;align-items:center;height:85vh;margin-top:0;display:flex}.container{background:#0f172a;border-radius:30px;width:95%;height:450px;display:flex;overflow:hidden}.container-left{background:#1620365d;justify-content:center;align-items:center;width:50%;display:flex}.image-box{justify-content:center;align-items:center;width:100%;display:flex}.lottie{width:90%;max-width:400px}.container-right{color:#fff;flex-direction:column;justify-content:center;width:50%;padding:40px;display:flex}.form-group{flex-direction:column;margin-bottom:15px;display:flex}.form-group label{margin-bottom:5px;font-size:14px}.form-group input{color:#fff;background:#1e293b;border:none;border-radius:8px;outline:none;padding:10px}.hi{position:relative}.input_btm{color:#cbd5f5;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:none;border-radius:20px;outline:none;padding:4px 10px;font-size:13px;font-weight:500;transition:all .25s;position:absolute;top:65%;right:10px;transform:translateY(-50%)}.button-group{flex-direction:column;justify-content:center;align-items:center;display:flex}.link{color:#f0f8ff;text-align:center;text-decoration:none}.btm_pro{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0c0529,#111849,#02012f);border:none;border-radius:10px;width:150px;height:50px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btm_pro:hover{transform:translateY(-2px);box-shadow:1px 8px 20px #4d4c4c4d}.btm_pro:active{transform:scale(.85)}:root{color:#25243d;font-synthesis:none;--primary:#5854db;--ink:#25243d;--muted:#77788e;--border:#e7e8f1;background:#f6f7fb;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .2s,box-shadow .2s,transform .2s}button{cursor:pointer}a{color:var(--primary)}:focus-visible{outline-offset:4px;outline:3px solid #8783ed}button:focus-visible{box-shadow:0 0 0 4px #dedcfc}::selection{background:#dcd9ff}button:disabled{opacity:.6;cursor:wait}.brand{letter-spacing:-1.3px;color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;font-size:29px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#5854db;border-radius:11px;place-items:center;width:35px;height:35px;font-size:23px;display:inline-grid;box-shadow:0 4px 10px #5854db25}.brand-dot{color:#ef9b6d;margin-left:-7px}.auth-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:28px 44px;display:flex}.nav-caption{color:var(--muted);font-size:13px}.nav-action{color:var(--ink);background:#fff;border:1px solid #dedfeb;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none}.nav-action span{color:var(--primary);margin-left:15px}.container-main{align-items:center;height:auto;min-height:calc(100vh - 100px);margin:0;padding:15px 36px 45px}.container{border:1px solid var(--border);background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;width:1120px;max-width:100%;height:auto;min-height:650px;display:grid;overflow:hidden;box-shadow:0 18px 70px #33325108}.container-left{background:#eeedfc;width:auto;display:block;position:relative;overflow:hidden}.container-left:after{content:"";pointer-events:none;border:1px solid #dad7f7;border-radius:50%;width:300px;height:300px;position:absolute;top:70px;right:-180px}.auth-art{z-index:1;padding:46px 44px 28px;position:relative}.eyebrow{letter-spacing:1.65px;color:#7770b4;font-size:10px;font-weight:700;line-height:1.7}.auth-art h1{letter-spacing:-2.2px;color:#302d55;margin:20px 0 16px;font-size:48px;font-weight:700;line-height:1.12}.auth-art em{color:var(--primary);font-style:normal}.auth-art>p{color:#787491;font-size:14px;line-height:1.7}.planner-art{background:#fff;border:1px solid #e1def7;border-radius:15px;max-width:370px;margin:30px 7px 24px 0;padding:20px;transform:rotate(-3deg);box-shadow:10px 12px #dedbf5}.art-top{align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}.art-icon{color:#6256d8;background:#eae8fc;border-radius:10px;padding:9px 12px;font-size:18px}.art-top small{color:#9995ad;margin-top:3px;font-size:10px;font-weight:400;display:block}.art-dots{letter-spacing:2px;color:#a9a4c3;margin-left:auto}.art-note{color:#87652e;background:#fff3db;border-radius:10px;margin-top:18px;padding:17px}.art-note>span{font-size:10px}.art-note p{margin:10px 0;font-size:20px;font-weight:600;line-height:1.3}.art-lines{background:#ead4a4;border-radius:5px;width:65%;height:4px;margin-top:16px}.art-task{color:#55516a;border-bottom:1px solid #efedf5;align-items:center;gap:8px;padding:14px 0;font-size:11px;display:flex}.art-check{color:#2e9e7e;background:#dff4ed;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.art-check.empty{background:#fff;border:1px solid #dcd8ed}.art-task i{color:#32866e;background:#e8f6f0;border-radius:4px;margin-left:auto;padding:4px 7px;font-size:9px;font-style:normal}.art-task i.next{color:#8174be;background:#f0edfa}.art-progress{color:#a19aaf;justify-content:space-between;padding-top:15px;font-size:10px;display:flex}.art-progress b{color:#6760d5}.art-bottom{color:#817a9f;gap:17px;margin-top:30px;font-size:10px;display:flex}.container-right{width:auto;color:var(--ink);flex-direction:column;justify-content:center;padding:54px 55px;display:flex}.form-intro{margin-bottom:30px}.form-intro h2{letter-spacing:-1.15px;margin:10px 0;font-size:32px;font-weight:700;line-height:1.2}.form-intro p{color:var(--muted);max-width:280px;font-size:13px;line-height:1.65}.form-group{margin-bottom:19px}.form-group label{color:#4a4961;margin-bottom:8px;font-size:12px;font-weight:600}.form-group input{color:#302f48;background:#fbfbfd;border:1px solid #e1e2ec;border-radius:9px;outline:none;width:100%;min-height:46px;padding:13px 15px;font-size:13px}.form-group input:focus{background:#fff;border-color:#8e88ed;box-shadow:0 0 0 3px #eeecfc}.form-group input::placeholder{color:#aaa9ba}.hi input{padding-right:65px}.input_btm{color:#77728e;background:0 0;padding:5px 8px;font-size:11px;top:auto;bottom:9px;right:8px;transform:none}.input_btm:hover{color:var(--primary);background:#eeecfc}.input_btm:active{transform:none}.button-group{gap:22px;margin-top:9px}.btm_pro{background:#5854db;border-radius:9px;width:100%;height:46px;font-size:13px;font-weight:600;box-shadow:0 5px 12px #5854db22}.btm_pro:hover{background:#4844bf;box-shadow:0 7px 17px #5854db30}.login__footer,.signup__text{color:#858398;font-size:12px;line-height:1.8}.button-group .link{color:var(--primary);margin-left:4px;font-weight:650}.password-hint{color:#858398;margin:-7px 0 15px;font-size:10px;line-height:1.6}.contener-main{width:100%;height:84px;color:var(--ink);border-bottom:1px solid var(--border);background:#fff;margin:0;padding:16px max(30px,50vw - 630px);position:relative}.contener-user{flex-direction:column;gap:4px;display:flex}.greating{color:var(--muted);font-size:11px;font-weight:400}.user{color:var(--ink);font-size:15px}.name{color:#77738e;font-size:12px;font-weight:500}.profile{color:#6458c5;background:#eeebfd;border:3px solid #fff;outline:1px solid #e4e0fa;width:38px;height:38px;font-size:14px}.profile:hover{background:#ddd8f9;transform:none}.profile-box{border:1px solid var(--border);background:#fff;top:74px;right:30px;box-shadow:0 10px 30px #29264c15}.workspace-heading{justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 64px);max-width:1260px;margin:36px auto 26px;display:flex}.workspace-heading h1{letter-spacing:-1px;margin:7px 0 8px;font-size:30px}.workspace-heading p{color:var(--muted);font-size:13px;line-height:1.6}.workspace-tag{color:#6c64ae;white-space:nowrap;background:#eceafa;border:1px solid #e3def8;border-radius:8px;padding:10px 13px;font-size:11px}.contener-note-body{gap:22px;width:calc(100% - 64px);max-width:1260px;height:calc(100vh - 310px);min-height:470px;margin:0 auto 28px}.contener-note-slider{border:1px solid var(--border);background:#fff;border-radius:16px;width:29%;min-width:250px;max-width:350px;height:100%;padding:7px;box-shadow:0 4px 18px #27224903}.contener-note-content{border:1px solid var(--border);background:#fff;border-radius:16px;flex:1;width:auto;min-width:0;height:100%;overflow:auto;box-shadow:0 4px 18px #27224903}.slider-button{gap:4px;padding:12px}.silider-button-notes,.slider-button-signup{color:#8a859f;background:#f7f6fb;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:40px;font-size:12px;display:flex}.silider-button-notes.active,.slider-button-signup.active{color:#6254ce;background:#eeebfd}.active span{color:inherit}.silider-button-notes:hover,.slider-button-signup:hover{background:#eeebfd;transform:none}.slider-add-notes{padding:0 12px}.slider-add-notes .slider-add-notes_btm{color:#fff;background:#5854db;border-radius:8px;padding:12px;font-size:12px;font-weight:600}.slider-add-notes_btm1{color:#8a859f;cursor:default;background:#f7f6fb;border-radius:7px;width:100%;margin:5px 0;padding:9px 12px;font-size:11px}.slider-add-notes_btm1:hover{box-shadow:none;transform:none}.slider-notes-list{padding:23px 12px 10px}.slider-note-main-notes{text-transform:uppercase;letter-spacing:1.2px;color:#9691a7;margin-bottom:14px;font-size:11px}.line,.line1{background:#eeecf5;height:1px;margin:12px 0}.slider-note-ls{color:#57516e;box-shadow:none;background:#f8f7fc;border:1px solid #efecf6;border-radius:9px;padding:15px 12px;font-size:12px}.slider-note-ls:hover{background:#edeafb;border-color:#d3ccf7;transform:none}.slider-note-not{color:#a29cb1;padding:20px 10px;font-size:12px;line-height:1.7}.priority-low{color:#33836b;background:#eff9f5;border-color:#e0f0e9}.priority-medium{color:#8b6a27;background:#fff8e9;border-color:#f3e7c9}.priority-high{color:#b15869;background:#fff0f1;border-color:#f4dce0}.empty-editor{text-align:center;flex-direction:column;padding:35px}.empty-editor:before{content:"✎";color:#8b7cdb;background:#eeebfc;border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:20px;font-size:35px;display:grid;transform:rotate(-8deg)}.empty-editor p{color:#9690a9;border:0;max-width:280px;padding:0;font-size:14px;line-height:1.8}.content_task{height:100%}.no-task-text{color:#9690a9;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;margin:0;padding:40px;font-size:14px;line-height:1.8;display:flex}.no-task-text:before{content:"✓";color:#5ca98c;background:#e8f5ef;border-radius:22px;margin-bottom:22px;padding:12px 25px;font-size:35px}.editor-container{gap:17px;padding:22px}.show_time_main{gap:12px;margin:0}.show_time{color:#a29aae;flex-wrap:wrap;align-items:center;gap:15px;width:100%;height:auto;font-size:10px}.show_time h2{letter-spacing:-.4px;color:#524968;overflow-wrap:anywhere;font-size:18px;font-weight:600}.show_time h2:nth-child(2){color:#9a7b37;background:#fff5dc;border-radius:6px;padding:7px;font-size:11px}.editor-textarea{color:#514967;background:#fcfbfe;border:1px solid #edeaf3;border-radius:10px;width:100%;min-height:240px;margin:0;padding:20px;font-size:14px;line-height:1.9}.editor-textarea:focus{box-shadow:none;border-color:#b3a8ee}.save-btn-div{margin:0}.save-btn,.todo-add-btn{color:#fff;background:#5854db;border:0;border-radius:8px;padding:11px 18px;font-size:12px}.delete_notes{color:#b66476;background:#fff0f1;border:1px solid #f1d9df;border-radius:7px;padding:8px 12px;font-size:11px}.save-btn:hover,.delete_notes:hover{transform:none;box-shadow:0 3px 12px #52419d18}.task-content-wrapper{padding:25px}.todo-input{color:#514967;background:#faf9fd;border:1px solid #e6e1ef;outline-color:#b3a8ee;min-width:0}.todo-row{background:#f8f7fc;border:1px solid #efebf6;flex-wrap:wrap;padding:14px}.todo-row:hover{background:#f0edf9}.todo-text{color:#514967;min-width:90px}.todo-checkbox{accent-color:#6a5dd6}.todo-date{color:#a19aac;font-size:9px}.todo-star-btn{color:#d6a64c}.important{background:#fff9ea;border-left:3px solid #e7bb58}.completed{color:#a29aac}.completed-time{color:#41977b}.popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#28213966;padding:20px}.popup-box{color:#514967;background:#fff;border:1px solid #e9e3f2;border-radius:18px;width:390px;max-width:100%;padding:28px;box-shadow:0 25px 80px #28213930}.popup_heder,.delete_note_text{color:#514967;font-size:16px;line-height:1.6}.popup-box .popup_box_data{color:#514967;background:#faf9fd;border:1px solid #e5dfef;width:100%;padding:12px;font-size:13px}.popup_box_data option{color:#514967;background:#fff}.popup-buttons button{color:#898094;background:#fff;border:1px solid #e5dfef;border-radius:8px;font-size:12px}.popup-buttons button:last-child{color:#fff;background:#5854db;border-color:#5854db}.popup-buttons button:hover{color:#5854db;background:#eeebfc}.workspace-footer{color:#aba5b8;flex-wrap:wrap;justify-content:space-between;gap:20px;width:calc(100% - 64px);max-width:1260px;margin:0 auto;padding:20px 0 25px;font-size:10px;display:flex}.workspace-footer .brand-dot{margin-left:6px}.loader{color:#9b93ad;font-size:12px}.spinner{border-color:#7162d7 #eeebfa #eeebfa}.toast-custom{color:#fff;background:#35304f;border-radius:12px}.Toastify__toast--success{color:#2b7059;background:#e7f6ef}.Toastify__toast--error{color:#a34357;background:#fff0f1}@media (width>=1500px){.container{min-height:690px}.auth-art{padding-top:55px}.planner-art{margin-top:40px}}@media (width<=900px){.auth-nav{padding:24px}.nav-caption{display:none}.container-main{padding:10px 24px 30px}.container{grid-template-columns:1fr 1fr;min-height:610px}.auth-art{padding:35px 25px}.auth-art h1{font-size:39px}.container-right{padding:35px 28px}.art-bottom{gap:8px;font-size:8px}.planner-art{padding:15px}.workspace-heading,.contener-note-body{width:calc(100% - 32px)}.contener-note-body{gap:14px}.contener-note-slider{min-width:220px}.workspace-heading h1{font-size:25px}.todo-date{width:100%;margin-left:28px}.workspace-footer{width:calc(100% - 32px)}}@media (width<=640px){.auth-nav{padding:20px}.brand{font-size:25px}.brand-mark{width:31px;height:31px;font-size:20px}.nav-action{padding:9px 11px;font-size:11px}.nav-action span{margin-left:5px}.container-main{min-height:0;padding:8px 16px 25px}.container{border-radius:18px;grid-template-columns:1fr;min-height:0}.auth-art{padding:27px 27px 24px}.auth-art h1{margin:12px 0;font-size:35px;line-height:1.07}.auth-art h1 br{display:none}.auth-art h1 em{display:block}.auth-art>p{font-size:12px}.planner-art,.art-bottom{display:none}.eyebrow{letter-spacing:1.1px;font-size:9px}.container-right{padding:30px 27px}.form-intro{margin-bottom:24px}.form-intro h2{font-size:28px}.form-group{margin-bottom:16px}.contener-main{height:74px;padding:15px 18px}.contener-user{display:none}.contener-name{gap:9px}.name{font-size:11px}.workspace-heading{align-items:flex-start;margin:25px auto 20px}.workspace-heading h1{font-size:23px;line-height:1.2}.workspace-heading p{font-size:11px}.workspace-tag{display:none}.contener-note-body{flex-direction:column;gap:16px;height:auto;min-height:0}.contener-note-slider{width:100%;min-width:0;max-width:none;height:auto;max-height:360px}.slider-notes-list{padding-top:17px}.slider-note-not{margin:0;padding:10px}.slider-note-ul{gap:8px;display:flex;overflow:auto}.slider-note-ls{flex-shrink:0;gap:20px;min-width:140px;max-width:220px}.contener-note-content{flex:none;width:100%;height:440px}.slider-add-notes_btm1{display:none}.workspace-footer{padding-top:0;font-size:9px}.workspace-footer>span:nth-child(2){display:none}.show_time h2{font-size:16px}.editor-container,.task-content-wrapper{padding:18px}.todo-input-wrapper{gap:7px}.todo-add-btn{padding:10px;font-size:11px}.form-group input{font-size:16px}.profile-box{top:65px;right:18px}.no-task-text,.empty-editor p{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle{color:#615c7a;white-space:nowrap;background:#fff;border:1px solid #dedfeb;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.theme-toggle:hover{background:#eeebfc;border-color:#c9c2ef}.contener-note-body{height:calc(100dvh - 185px);margin-top:26px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eeedf8;--muted:#a6a2b9;--border:#343148;--primary:#aaa0ff;color:var(--ink);background:#15141e}[data-theme=dark] .brand{color:#eeedf8}[data-theme=dark] .brand-mark{color:#fff;background:#7768ed}[data-theme=dark] .theme-toggle,[data-theme=dark] .nav-action{color:#d7d1ee;background:#252232;border-color:#403a55}[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .nav-action:hover{background:#332d49;border-color:#7768a9}[data-theme=dark] .container,[data-theme=dark] .contener-main,[data-theme=dark] .contener-note-slider,[data-theme=dark] .contener-note-content,[data-theme=dark] .popup-box,[data-theme=dark] .profile-box{color:#eeedf8;background:#211f2e;border-color:#343148;box-shadow:0 10px 35px #00000010}[data-theme=dark] .container-left{background:#29243e}[data-theme=dark] .container-left:after{border-color:#403655}[data-theme=dark] .auth-art h1{color:#eee9ff}[data-theme=dark] .auth-art em{color:#b4a5ff}[data-theme=dark] .auth-art>p,[data-theme=dark] .art-bottom{color:#b4aacd}[data-theme=dark] .eyebrow{color:#b4a5e8}[data-theme=dark] .planner-art{background:#322c45;border-color:#4a3e64;box-shadow:10px 12px #211c32}[data-theme=dark] .art-top{color:#ece5ff}[data-theme=dark] .art-icon{color:#d2c3ff;background:#493d66}[data-theme=dark] .art-top small,[data-theme=dark] .art-progress{color:#b2a5c6}[data-theme=dark] .art-note{color:#f0d098;background:#4b3c29}[data-theme=dark] .art-lines{background:#705b3b}[data-theme=dark] .art-task{color:#d1c6e0;border-color:#493e5b}[data-theme=dark] .art-check{color:#96d9be;background:#26463e}[data-theme=dark] .art-check.empty{background:#322c45;border-color:#7c6d94}[data-theme=dark] .art-task i{color:#a2dbc3;background:#29463d}[data-theme=dark] .art-task i.next{color:#c7b2ee;background:#483b60}[data-theme=dark] .container-right,[data-theme=dark] .form-group label,[data-theme=dark] .show_time h2,[data-theme=dark] .popup_heder,[data-theme=dark] .delete_note_text{color:#e1dbee}[data-theme=dark] .form-group input,[data-theme=dark] .editor-textarea,[data-theme=dark] .todo-input,[data-theme=dark] .popup-box .popup_box_data{color:#e4def2;background:#191722;border-color:#42394f}[data-theme=dark] .form-group input:focus,[data-theme=dark] .editor-textarea:focus{background:#211d30;border-color:#a18be7;box-shadow:0 0 0 3px #41345455}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#91879f}[data-theme=dark] .input_btm{color:#c3b7d5}[data-theme=dark] .input_btm:hover{background:#423550}[data-theme=dark] .btm_pro,[data-theme=dark] .slider-add-notes .slider-add-notes_btm,[data-theme=dark] .save-btn,[data-theme=dark] .todo-add-btn,[data-theme=dark] .popup-buttons button:last-child{color:#fff;background:#7663db}[data-theme=dark] .btm_pro:hover,[data-theme=dark] .save-btn:hover,[data-theme=dark] .todo-add-btn:hover{background:#8876eb}[data-theme=dark] .silider-button-notes,[data-theme=dark] .slider-button-signup,[data-theme=dark] .slider-add-notes_btm1{color:#b8adc9;background:#292536}[data-theme=dark] .silider-button-notes.active,[data-theme=dark] .slider-button-signup.active,[data-theme=dark] .silider-button-notes:hover,[data-theme=dark] .slider-button-signup:hover{color:#d5c4ff;background:#403353}[data-theme=dark] .slider-note-ls,[data-theme=dark] .todo-row{color:#d7cce7;background:#2c273a;border-color:#3c334b}[data-theme=dark] .slider-note-ls:hover,[data-theme=dark] .todo-row:hover{background:#3a2e4d;border-color:#6f588f}[data-theme=dark] .priority-low{color:#aadac0;background:#223e35;border-color:#345849}[data-theme=dark] .priority-medium{color:#ecd091;background:#443a25;border-color:#625131}[data-theme=dark] .priority-high{color:#efafc1;background:#442b36;border-color:#65404d}[data-theme=dark] .todo-row.important{background:#443a25;border-left-color:#e0b95e}[data-theme=dark] .todo-text{color:#e4d9f0}[data-theme=dark] .todo-text.completed{color:#b2a7bd}[data-theme=dark] .line,[data-theme=dark] .line1{background:#3b3349}[data-theme=dark] .empty-editor:before{color:#c1a8f0;background:#382e4d}[data-theme=dark] .no-task-text:before{color:#a0d2b5;background:#253e36}[data-theme=dark] .empty-editor p,[data-theme=dark] .no-task-text,[data-theme=dark] .slider-note-not,[data-theme=dark] .slider-note-main-notes,[data-theme=dark] .show_time,[data-theme=dark] .todo-date,[data-theme=dark] .loader,[data-theme=dark] .workspace-footer,[data-theme=dark] .login__footer,[data-theme=dark] .signup__text,[data-theme=dark] .password-hint{color:#afa4bf}[data-theme=dark] .show_time h2:nth-child(2){color:#ecd091;background:#443a25}[data-theme=dark] .delete_notes{color:#efafc1;background:#442b36;border-color:#65404d}[data-theme=dark] .profile{color:#e0c7ff;background:#443453;border-color:#211f2e;outline-color:#5c4974}[data-theme=dark] .popup-overlay{background:#08060dc4}[data-theme=dark] .popup-buttons button{color:#dfd1eb;background:#302839;border-color:#574463}[data-theme=dark] .popup-buttons button:hover{color:#fff;background:#483656}[data-theme=dark] .popup_box_data option{color:#e1dbee;background:#211f2e}[data-theme=dark] .completed-time{color:#a0d2b5}[data-theme=dark] .Toastify__toast--success{color:#bce5cd;background:#253e36}[data-theme=dark] .Toastify__toast--error{color:#ffc4d3;background:#442b36}@media (width<=640px){.contener-note-body{height:auto;margin-top:18px}.auth-nav-actions{gap:7px}.theme-toggle{min-height:35px;padding:8px}.auth-nav .theme-toggle span,.contener-name .name{display:none}}.otp-destination{color:#716384;overflow-wrap:anywhere;background:#f2f0fc;border:1px solid #e5dff8;border-radius:10px;margin-bottom:22px;padding:15px;font-size:12px;line-height:1.7}.otp-destination strong{color:#52427b;display:block}.otp-destination span{margin-top:6px;font-size:11px;display:block}.form-group .otp-input{letter-spacing:10px;text-align:center;padding:15px;font-size:25px}.otp-actions{flex-wrap:wrap;justify-content:space-between;gap:15px;width:100%;display:flex}.otp-link{color:#6754b8;background:0 0;border:0;padding:5px 0;font-size:11px}.otp-link:hover{text-decoration:underline}.signup-error{color:#a5455b;background:#fff0f1;border:1px solid #f2d2dc;border-radius:8px;margin:0 0 12px;padding:12px;font-size:12px;line-height:1.6}[data-theme=dark] .otp-destination{color:#bca9d0;background:#30263f;border-color:#4b395f}[data-theme=dark] .otp-destination strong{color:#e1ccfa}[data-theme=dark] .otp-link{color:#c6a7f0}[data-theme=dark] .signup-error{color:#ffc4d3;background:#442b36;border-color:#65404d}.mobile-workspace-toolbar,.drawer-heading,.workspace-drawer-backdrop{display:none}@media (width<=640px){.contener-main{height:68px;padding:12px 16px}.contener-name{gap:10px}.contener-name .theme-toggle{min-height:40px}.profile{width:38px;height:38px}.contener-note-body{gap:0;width:100%;min-height:calc(100dvh - 120px);margin:0}.mobile-workspace-toolbar{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.workspace-menu-button{color:#625394;background:#fff;border:1px solid #ddd7ef;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.workspace-menu-button:hover{background:#eeebfc}.mobile-workspace-label{color:#8e829f;font-size:12px;font-weight:600}.workspace-sidebar.contener-note-slider{display:none}.workspace-sidebar.contener-note-slider.drawer-open{z-index:1200;overscroll-behavior:contain;border-radius:0 18px 18px 0;width:min(330px,100vw - 42px);min-width:0;max-width:none;height:100dvh;max-height:none;margin:0;padding:12px 10px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto;box-shadow:15px 0 60px #17102030}.workspace-drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1190;background:#17102066;display:block;position:fixed;inset:0}.drawer-heading{color:var(--ink);justify-content:space-between;align-items:center;gap:15px;padding:4px 12px 15px;font-size:14px;font-weight:650;display:flex}.drawer-close{color:#74628e;background:#f7f5fc;border:1px solid #e4deee;border-radius:10px;place-items:center;min-width:42px;min-height:42px;display:grid}.workspace-sidebar .slider-button{padding-top:0}.workspace-sidebar .slider-notes-list{flex:1;min-height:0;padding-top:20px;overflow:hidden}.workspace-sidebar .scrolbar_web{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.workspace-sidebar .slider-note-ul{flex-direction:column;gap:0;display:flex;overflow:visible}.workspace-sidebar .slider-note-ls{overflow-wrap:anywhere;flex-shrink:0;width:100%;min-width:0;max-width:none;min-height:48px}.workspace-sidebar .slider-note-ls>span:first-child{min-width:0}.workspace-sidebar .slider-note-ls>span:last-child{flex-shrink:0}.contener-note-body>.contener-note-content{border-radius:14px;flex:1;width:calc(100% - 24px);height:auto;min-height:calc(100dvh - 194px);margin:0 12px 18px;overflow:auto}.contener-note-content-input,.content_task{height:100%;min-height:calc(100dvh - 194px)}.editor-container{gap:16px;height:auto;min-height:calc(100dvh - 194px);padding:16px}.editor-textarea{flex:1;width:100%;min-height:240px;margin:0;font-size:16px}.empty-editor,.no-task-text{min-height:calc(100dvh - 194px);padding:32px 24px}.empty-editor p,.no-task-text{font-size:13px}.task-content-wrapper{min-width:0;padding:16px}.show_time{gap:10px}.show_time h2:first-child{flex-basis:100%;font-size:18px}.show_time p{font-size:10px;line-height:1.7}.delete_notes{min-height:38px}.save-btn{min-height:42px}.todo-input-wrapper{flex-wrap:wrap;gap:9px;display:flex}.todo-input{flex:1;min-width:120px;min-height:44px;font-size:16px}.todo-add-btn{min-height:44px}.todo-row{gap:10px;padding:12px}.todo-text{width:0;min-width:0;font-size:16px}.todo-date{overflow-wrap:anywhere;width:100%;margin:0 0 0 28px}.todo-star-btn{min-width:36px;min-height:36px}.todo-checkbox{flex-shrink:0;width:20px;height:20px}.popup-overlay{z-index:1600;padding:16px}.popup-box{max-height:calc(100dvh - 32px);padding:22px;overflow:auto}.popup-box .popup_box_data{font-size:16px}.popup-buttons button{min-height:44px}.workspace-footer{width:calc(100% - 24px);padding:12px 4px 18px}[data-theme=dark] .workspace-menu-button,[data-theme=dark] .drawer-close{color:#d8c5f1;background:#2b2537;border-color:#493c5b}[data-theme=dark] .workspace-menu-button:hover,[data-theme=dark] .drawer-close:hover{background:#403353}[data-theme=dark] .mobile-workspace-label{color:#b9a9ca}[data-theme=dark] .workspace-drawer-backdrop{background:#08060dbc}}.autosave-status{color:#648d7c;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-height:26px;font-size:11px;display:flex}.autosave-dot{background:#65a88e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.autosave-status.pending,.autosave-status.saving{color:#938052}.autosave-status.pending .autosave-dot,.autosave-status.saving .autosave-dot{background:#d0a75d}.autosave-status.error{color:#b75c75}.autosave-status.error .autosave-dot{background:#c66b82}.autosave-status button{color:#a34e68;background:#fff1f5;border:1px solid #e8c9d2;border-radius:7px;min-height:34px;padding:6px 11px;font-size:11px}[data-theme=dark] .autosave-status{color:#9bc9b3}[data-theme=dark] .autosave-status.pending,[data-theme=dark] .autosave-status.saving{color:#dac38b}[data-theme=dark] .autosave-status.error{color:#f0b1c2}[data-theme=dark] .autosave-status button{color:#efafc1;background:#442b36;border-color:#65404d}.editor-textarea:disabled{opacity:.6}.workspace-app{--workspace-purple:#652cf1;--workspace-line:#e2d9ff;--workspace-panel:#fff;--workspace-muted:#666087;color:#101020;background:radial-gradient(at 25% 0,#f1ecff66,#0000 60%),#fcfbff;min-height:100dvh}.workspace-app .workspace-topnav{background:#ffffffc9;border-bottom:1px solid #ece6ff;grid-template-columns:1fr 1fr 1fr;gap:20px;height:94px;padding:18px 36px;display:grid;box-shadow:0 2px 8px #5e32bd04}.workspace-topnav .brand{letter-spacing:-1.8px;justify-self:start;gap:11px;font-size:34px}.workspace-topnav .brand-mark{background:linear-gradient(135deg,#7938ff,#5721df);border-radius:14px;width:46px;height:46px;font-size:32px;box-shadow:inset 0 1px 2px #fff7,0 5px 12px #713bdb16}.workspace-topnav .brand-dot{color:#f45127;font-size:34px}.workspace-topnav .contener-user{justify-self:center;gap:5px}.workspace-topnav .greating{color:#514775;font-size:13px;font-weight:550}.workspace-topnav .user{color:#101020;font-size:19px;font-weight:750}.workspace-topnav .contener-name{justify-self:end;gap:24px}.workspace-topnav .name{color:#554b78;font-size:13px;font-weight:650}.workspace-topnav .theme-toggle{color:#4c16d5;background:#f1ebff;border-color:#d8c7ff;gap:9px;min-height:40px;padding:9px 14px;font-size:13px}.workspace-topnav .profile{color:#6424de;background:#eee3ff;border:2px solid #fff;outline:1px solid #7d3fff;width:42px;height:42px;font-size:14px;box-shadow:0 0 0 4px #f4eeff}.notification-button{color:#161020;background:0 0;border:0;border-radius:9px;place-items:center;min-width:36px;height:40px;padding:5px;display:grid;position:relative}.notification-button:hover{background:#f1eaff}.notification-dot{background:#7730f7;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:1px;right:4px}.account-anchor{position:relative}.account-anchor .profile-box{background:#fff;border-color:#e6dbff;min-width:170px;padding:12px;top:55px;right:0}.profile-box>span{color:var(--workspace-muted);overflow-wrap:anywhere;margin-bottom:12px;font-size:12px;display:block}.workspace-app .contener-note-body{grid-template-columns:172px 280px minmax(0,1fr);gap:10px;width:100%;max-width:none;height:calc(100dvh - 112px);min-height:500px;margin:12px 0 6px;padding:0 12px 8px;display:grid}.workspace-rail{flex-direction:column;align-self:stretch;height:100%;min-height:0;padding:22px 7px 14px 0;display:flex}.rail-items{border-bottom:1px solid #ded3fb;flex-direction:column;gap:6px;padding-bottom:22px;display:flex}.rail-link{color:#161223;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:17px;width:100%;min-height:48px;padding:13px 14px;font-size:14px;font-weight:550;display:flex;position:relative}.rail-link:hover{color:#6525dd;background:#f1ebff}.rail-link.selected{color:#5016d3;background:linear-gradient(110deg,#f0e7ff,#e7d9ff);font-weight:700}.rail-link.selected:before{content:"";background:#712cff;border-radius:3px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.rail-link svg{flex-shrink:0}.rail-settings{margin-top:auto}.rail-settings svg{color:#6224e7}.workspace-rail.compact,.drawer-navigation{display:none}.workspace-app .workspace-sidebar{border:1px solid var(--workspace-line);background:var(--workspace-panel);border-radius:20px;width:100%;min-width:0;max-width:none;height:100%;padding:15px 0;overflow:hidden;box-shadow:0 3px 8px #46306d07}.workspace-app .workspace-sidebar .slider-button{display:none}.workspace-app .slider-add-notes{padding:0 15px}.workspace-app .slider-add-notes .slider-add-notes_btm{letter-spacing:-.3px;color:#fff;background:linear-gradient(120deg,#7434f9,#5b24e7);border-radius:11px;min-height:48px;font-size:15px;font-weight:650;box-shadow:inset 0 1px 3px #fff3,0 4px 10px #6523e510}.workspace-app .slider-add-notes_btm1{display:none}.workspace-app .slider-notes-list{min-height:0;padding:16px 15px 0}.workspace-app .workspace-sidebar .line,.workspace-app .workspace-sidebar .line1{display:none}.note-search{color:#655a8c;background:0 0;border:1px solid #dbcef9;border-radius:10px;align-items:center;gap:10px;min-height:45px;margin:0 0 24px;padding:0 13px;display:flex}.note-search input{color:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:42px;font-size:13px}.note-search input::placeholder{color:#796d99}.note-search:focus-within{border-color:#a989f0;box-shadow:0 0 0 3px #7738ed0d}.collection-heading{justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin:0 0 16px;display:flex}.collection-heading h2{letter-spacing:-.3px;font-size:14px;font-weight:700;line-height:1.4}.collection-heading button{color:#8675a7;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.collection-heading button:hover{background:#efe6ff}.workspace-app .slider-note-ls{color:#141020;box-shadow:none;background:#fefcff;border:1px solid #dfd1fc;border-radius:11px;align-items:flex-start;gap:3px;margin-bottom:12px;padding:11px 10px 10px 13px}.workspace-app .slider-note-ls:hover{background:#f3edff;border-color:#c5a8fc}.workspace-app .slider-note-ls.selected-note{background:#eee4ff;border-color:#bd98fa}.workspace-app .note-open-button{flex-direction:column;gap:6px;min-width:0;padding:0;display:flex;overflow:hidden}.note-open-button strong{letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:15px;font-weight:750;overflow:hidden}.note-card-excerpt{color:#625780;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:1.5;display:block;overflow:hidden}.note-card-time{color:#76658d;margin-top:0;font-size:10px;line-height:1.5}.workspace-app .item-actions{color:#776394;margin-top:2px}.workspace-app .item-menu-trigger{width:24px;height:28px}.workspace-app .scrolbar_web{scrollbar-width:thin;scrollbar-color:#ded2f2 transparent;min-height:0;overflow:auto}.workspace-app .slider-note-not{color:#93839f;padding:25px 10px;font-size:12px;line-height:1.8}.workspace-app .contener-note-content{background:var(--workspace-panel);border:1px solid #ddd1fc;border-radius:20px;width:100%;min-width:0;height:100%;overflow:auto;box-shadow:0 3px 8px #46306d07}.workspace-app .contener-note-content-input{border-radius:0;height:100%}.workspace-app .editor-container{gap:19px;height:100%;min-height:100%;padding:24px 22px 18px}.workspace-app .show_time_main{align-items:stretch;gap:17px}.workspace-app .show_time{color:#655781;flex-wrap:wrap;gap:12px;width:100%;min-height:26px;font-size:11px}.workspace-app .show_time:first-child{min-height:40px}.workspace-app .show_time h2{letter-spacing:-.8px;color:#11101f;flex:1;font-size:27px;font-weight:750;line-height:1.3}.workspace-app .show_time p{font-size:11px}.workspace-app .delete_notes{color:#db232b;background:#fff4f4;border:1px solid #ffabad;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:12px;font-weight:650;display:inline-flex}.workspace-app .autosave-status{color:#16812c;gap:8px;min-height:25px;font-size:12px;font-weight:650}.workspace-app .autosave-dot{background:#16812c;width:6px;height:6px}.workspace-app .autosave-status.pending,.workspace-app .autosave-status.saving{color:#a17a32}.workspace-app .autosave-status.pending .autosave-dot,.workspace-app .autosave-status.saving .autosave-dot{background:#c09a45}.workspace-app .autosave-status.error{color:#bc4563}.workspace-app .autosave-status.error .autosave-dot{background:#bc4563}.workspace-app .markdown-editor{background:#fff;border:1px solid #e1d5ff;border-radius:16px;flex:1;min-height:280px}.workspace-app .markdown-topbar{background:#fbf8ff;border-color:#eee6ff;gap:10px;padding:13px 14px}.workspace-app .markdown-modes{background:#f1ebf8;border-radius:10px;padding:3px}.workspace-app .markdown-modes button{color:#181023;min-height:35px;padding:8px 14px;font-size:12px;font-weight:550}.workspace-app .markdown-modes button[aria-pressed=true]{color:#4d0fd4;box-shadow:none;background:#dfccfb;font-weight:650}.workspace-app .markdown-file-actions{gap:7px}.workspace-app .markdown-file-actions button{color:#5c1bd8;background:#fdfbff;border:1px solid #ddcdfb;border-radius:8px;align-items:center;gap:5px;min-height:35px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.workspace-app .markdown-panes{flex:1;min-height:0;overflow:auto}.workspace-app .markdown-preview{color:#15121f;padding:27px 28px;font-size:16px;line-height:1.9;overflow:auto}.workspace-app .markdown-preview h1{color:#251046;border-color:#e1d3fa;font-size:32px;line-height:1.5}.workspace-app .markdown-preview h2{color:#251046;font-size:27px}.workspace-app .markdown-preview h3{color:#251046;font-size:22px}.workspace-app .markdown-preview code{color:#6522da;background:#eee1ff}.workspace-app .markdown-caption{color:#9c8aac;border-color:#f0e8f8;padding:6px 12px;font-size:9px}.workspace-app .markdown-source{color:#35233e}.workspace-app .workspace-footer{display:none}.workspace-app .content_task{height:100%;overflow:auto}.workspace-app .task-content-wrapper{padding:24px}.workspace-app .empty-editor,.workspace-app .no-task-text{height:100%;min-height:100%}.workspace-app .show_time h2:nth-child(2){flex:none;font-size:11px}.note-trash-banner{color:#a34668;background:#fff0f5;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:11px 14px;font-size:12px;display:flex}.note-trash-banner button{color:#a34668;background:#fff;border:1px solid #e5b9cd;border-radius:7px;padding:6px 10px;font-size:11px}.workspace-settings h3{margin-bottom:15px;font-size:20px}.workspace-settings p,.reminder-caption{color:var(--workspace-muted);margin-bottom:22px;font-size:13px;line-height:1.8}.workspace-settings .theme-toggle{margin-bottom:25px}.workspace-settings .popup-buttons{margin-top:12px}[data-theme=dark] .workspace-app{--workspace-line:#42314f;--workspace-panel:#211b2a;--workspace-muted:#baa9cd;color:#eee3f8;background:#16121d}[data-theme=dark] .workspace-topnav{background:#211b2a;border-color:#382b44}[data-theme=dark] .workspace-topnav .greating,[data-theme=dark] .workspace-topnav .name{color:#b5a1cb}[data-theme=dark] .workspace-topnav .user{color:#f7edff}[data-theme=dark] .workspace-topnav .theme-toggle{color:#d8bbff;background:#324;border-color:#67418c}[data-theme=dark] .workspace-topnav .profile{color:#ead2ff;background:#422459;border-color:#21152d;outline-color:#9e5ee1;box-shadow:0 0 0 4px #2b1d38}[data-theme=dark] .notification-button{color:#dcc9ee}[data-theme=dark] .notification-button:hover{background:#3a264c}[data-theme=dark] .notification-dot{border-color:#211b2a}[data-theme=dark] .rail-link{color:#c9b9db}[data-theme=dark] .rail-link:hover{color:#e4ccff;background:#30203e}[data-theme=dark] .rail-link.selected{color:#e1c4ff;background:linear-gradient(110deg,#39234f,#412954)}[data-theme=dark] .rail-link.selected:before{background:#aa6dff}[data-theme=dark] .rail-items{border-color:#382848}[data-theme=dark] .rail-settings svg{color:#b784f9}[data-theme=dark] .workspace-app .slider-note-ls{color:#f1e4fb;background:#241b2e;border-color:#4c345e}[data-theme=dark] .workspace-app .slider-note-ls:hover{background:#31213f;border-color:#71488d}[data-theme=dark] .workspace-app .selected-note.slider-note-ls{background:#3d2851;border-color:#8b5ab5}[data-theme=dark] .note-card-excerpt,[data-theme=dark] .note-card-time{color:#b7a2ca}[data-theme=dark] .note-search{color:#c6afd9;border-color:#51385e}[data-theme=dark] .note-search input::placeholder{color:#a28ab4}[data-theme=dark] .collection-heading button{color:#bc9fd3}[data-theme=dark] .workspace-app .show_time,[data-theme=dark] .workspace-app .show_time p{color:#b8a0ca}[data-theme=dark] .workspace-app .show_time h2{color:#f7edff}[data-theme=dark] .workspace-app .delete_notes{color:#f3a3b9;background:#41202d;border-color:#83425a}[data-theme=dark] .workspace-app .autosave-status{color:#87d49a}[data-theme=dark] .workspace-app .autosave-dot{background:#72bf87}[data-theme=dark] .workspace-app .markdown-editor{background:#1b1522;border-color:#473151}[data-theme=dark] .workspace-app .markdown-topbar{background:#261b30;border-color:#3b2945}[data-theme=dark] .workspace-app .markdown-modes{background:#1b1422}[data-theme=dark] .workspace-app .markdown-modes button{color:#c5afd8}[data-theme=dark] .workspace-app .markdown-modes button[aria-pressed=true]{color:#efd9ff;background:#503164}[data-theme=dark] .workspace-app .markdown-file-actions button{color:#d8b6f4;background:#30203e;border-color:#5c3b74}[data-theme=dark] .workspace-app .markdown-preview{color:#e7d9f3}[data-theme=dark] .workspace-app .markdown-preview h1,[data-theme=dark] .workspace-app .markdown-preview h2,[data-theme=dark] .workspace-app .markdown-preview h3{color:#e6c3ff;border-color:#533663}[data-theme=dark] .workspace-app .markdown-preview code{color:#dbb1f4;background:#3c2749}[data-theme=dark] .workspace-app .markdown-caption{color:#a387b6;border-color:#3b2945}[data-theme=dark] .note-trash-banner{color:#e9b4c8;background:#422333}[data-theme=dark] .note-trash-banner button{color:#f8c9dc;background:#562f43;border-color:#89516c}@media (width>=1550px){.workspace-app .contener-note-body{grid-template-columns:210px 310px minmax(0,1fr);gap:12px}.workspace-app .workspace-topnav{padding-left:48px;padding-right:44px}.workspace-topnav .brand{font-size:38px}.workspace-topnav .brand-mark{width:48px;height:48px}.rail-link{min-height:52px;padding:15px 17px;font-size:16px}.workspace-app .editor-container{padding:26px 24px 20px}.workspace-app .markdown-preview{padding:30px 32px;font-size:18px;line-height:1.9}.workspace-app .markdown-preview h1{font-size:37px}.workspace-app .markdown-modes button{font-size:14px}.workspace-app .markdown-file-actions button,.workspace-app .show_time p{font-size:12px}}@media (width>=641px) and (width<=1100px){.workspace-app .contener-note-body{grid-template-columns:64px 235px minmax(0,1fr);gap:9px;padding:0 9px 8px}.workspace-rail{padding-right:0}.rail-link{justify-content:center;padding:13px}.workspace-rail:not(.compact) .rail-link span{display:none}.rail-link{gap:0}.rail-link.selected:before{left:0}.workspace-app .workspace-topnav{height:84px;padding:17px 22px}.workspace-topnav .contener-name{gap:14px}.workspace-topnav .name{display:none}.workspace-app .contener-note-body{height:calc(100dvh - 102px)}.workspace-app .markdown-topbar{flex-direction:column;align-items:stretch;padding:10px}.workspace-app .markdown-modes button{flex:1}.workspace-app .markdown-file-actions button{flex:1;justify-content:center;padding:6px;font-size:10px}.workspace-app .editor-container{padding:20px 16px 15px}.workspace-app .markdown-preview{padding:20px;font-size:15px}.workspace-app .show_time p{font-size:10px}.workspace-app .show_time h2{font-size:24px}}@media (width<=640px){.workspace-app .workspace-topnav{gap:10px;height:72px;padding:12px 17px;display:flex}.workspace-topnav .brand{letter-spacing:-1.3px;gap:8px;font-size:27px}.workspace-topnav .brand-mark{border-radius:10px;width:35px;height:35px;font-size:25px}.workspace-topnav .contener-user{display:none}.workspace-topnav .contener-name{gap:10px;margin-left:auto}.workspace-topnav .theme-toggle{min-height:38px;padding:8px}.workspace-topnav .theme-toggle span{display:none}.workspace-topnav .profile{width:34px;height:34px;font-size:12px}.workspace-topnav .notification-button{min-width:30px;height:36px}.workspace-app .contener-note-body{flex-direction:column;gap:0;width:100%;height:auto;min-height:calc(100dvh - 72px);margin:0;padding:0;display:flex}.workspace-app .workspace-rail:not(.compact){display:none}.workspace-app .mobile-workspace-toolbar{padding:12px 14px}.workspace-app .workspace-menu-button{color:#6428cb;background:#faf6ff;border-color:#dfcef7;min-height:42px}.workspace-app .drawer-navigation{margin-bottom:12px;display:block}.workspace-rail.compact{height:auto;padding:0 5px;display:flex}.workspace-rail.compact .rail-items{grid-template-columns:1fr 1fr;gap:4px;padding-bottom:10px;display:grid}.workspace-rail.compact .rail-link{gap:8px;min-height:40px;padding:9px;font-size:12px}.workspace-rail.compact .rail-link svg{width:18px;height:18px}.workspace-rail.compact .rail-settings{display:none}.workspace-app .workspace-sidebar.contener-note-slider.drawer-open{border-radius:0 18px 18px 0;height:100dvh;max-height:none;padding-top:12px;position:fixed}.workspace-app .workspace-sidebar .slider-notes-list{flex:1;padding-top:15px}.workspace-app .note-search{min-height:43px;margin-bottom:15px}.workspace-app .collection-heading{margin-bottom:12px}.workspace-app .slider-note-ls{min-height:92px;padding:12px}.workspace-app .item-menu-trigger{width:34px;height:36px}.workspace-app .workspace-sidebar .note-open-button{min-height:0}.workspace-app .contener-note-body>.contener-note-content{border-radius:16px;width:calc(100% - 20px);height:auto;min-height:calc(100dvh - 150px);margin:0 10px 12px;overflow:visible}.workspace-app .contener-note-content-input{height:auto;min-height:calc(100dvh - 150px)}.workspace-app .editor-container{gap:13px;height:auto;min-height:calc(100dvh - 150px);padding:18px 13px 12px}.workspace-app .show_time_main{gap:11px}.workspace-app .show_time{gap:8px;min-height:0}.workspace-app .show_time:first-child{flex-wrap:nowrap;min-height:38px}.workspace-app .show_time h2:first-child{flex-basis:auto;font-size:23px}.workspace-app .delete_notes{min-height:36px;padding:7px 10px;font-size:11px}.workspace-app .show_time p{font-size:9px;line-height:1.6}.workspace-app .autosave-status{min-height:20px;font-size:10px}.workspace-app .markdown-editor{border-radius:11px;flex:1;min-height:420px}.workspace-app .markdown-topbar{gap:9px;padding:9px}.workspace-app .markdown-modes{padding:3px}.workspace-app .markdown-modes button{min-height:35px;padding:7px 10px;font-size:12px}.workspace-app .markdown-file-actions{gap:5px}.workspace-app .markdown-file-actions button{justify-content:center;min-height:34px;padding:6px;font-size:9px}.workspace-app .markdown-preview{padding:21px 16px;font-size:15px;line-height:1.9}.workspace-app .markdown-preview h1{font-size:27px}.workspace-app .markdown-preview h2{font-size:23px}.workspace-app .markdown-preview h3{font-size:20px}.workspace-app .markdown-panes{min-height:290px;overflow:visible}.workspace-app .markdown-caption{padding:7px 10px}.workspace-app .content_task{min-height:calc(100dvh - 150px)}.workspace-app .task-content-wrapper{padding:17px 14px}.workspace-app .empty-editor,.workspace-app .no-task-text{min-height:calc(100dvh - 150px)}.workspace-app .show_time h2:nth-child(2){flex-basis:auto;font-size:10px}.workspace-app .workspace-footer{display:none}[data-theme=dark] .workspace-app .workspace-menu-button{color:#dfc4f7;background:#30203e;border-color:#5b3b70}}.item-action-menu{width:180px;max-height:calc(100dvh - 16px);overflow:auto}.workspace-app .markdown-preview .markdown-code-block code{background:0 0}.workspace-app .markdown-file-actions button svg{flex-shrink:0}.note-info-details{text-align:left;margin:0 0 24px}.note-info-details>div{border-bottom:1px solid #eee5f7;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.note-info-details dt{color:#8b769b;font-size:12px}.note-info-details dd{color:#483457;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.6}[data-theme=dark] .note-info-details>div{border-color:#50365e}[data-theme=dark] .note-info-details dt{color:#b399c6}[data-theme=dark] .note-info-details dd{color:#e9d7f5}.workspace-app .editor-container>.autosave-status{min-height:16px;margin-top:-8px;font-size:10px;font-weight:500}.workspace-app .editor-container{gap:14px}.workspace-app .workspace-topnav{height:64px;padding:10px 24px}.workspace-topnav .brand{gap:9px;font-size:28px}.workspace-topnav .brand-mark{border-radius:3px;width:36px;height:36px;font-size:25px}.workspace-topnav .brand-dot{font-size:28px}.workspace-topnav .contener-user{gap:2px}.workspace-topnav .greating{font-size:11px}.workspace-topnav .user{font-size:16px}.workspace-topnav .contener-name{gap:20px}.workspace-topnav .theme-toggle{min-height:35px;padding:7px 12px;font-size:12px}.workspace-topnav .profile{width:35px;height:35px;font-size:12px}.workspace-topnav .notification-button{height:35px}.workspace-app .contener-note-body{height:calc(100dvh - 82px);margin-top:10px}.workspace-app .note-editor-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.workspace-app .note-editor-panel>.markdown-editor{min-height:0;box-shadow:none;border:0;border-radius:0;flex:1;margin:0}.workspace-app .note-editor-panel .markdown-topbar{border-radius:0;padding:10px 14px}.workspace-app .note-editor-panel .markdown-panes{flex:1;min-height:0}.workspace-app .note-editor-panel>.autosave-status{flex-shrink:0;min-height:28px;margin:0;padding:6px 14px 8px;font-size:10px;font-weight:500}.workspace-app .note-editor-panel>.note-trash-banner{flex-shrink:0;margin:10px 12px 0}.workspace-app .note-editor-panel .empty-editor{flex:1}.workspace-app .workspace-sidebar,.workspace-app .contener-note-content,.workspace-app .slider-note-ls,.workspace-app .note-search,.workspace-app .rail-link,.workspace-app .markdown-modes,.workspace-app .markdown-code-block,.workspace-app .todo-row,.workspace-app .note-trash-banner,.workspace-app button:not(.profile),.workspace-app input,.workspace-app textarea,.workspace-app select,.item-action-menu,.item-action-menu button,.item-dialog,.item-dialog button,.item-dialog input{border-radius:3px}@media (width<=640px){.workspace-app .workspace-topnav{height:58px;padding:9px 14px}.workspace-topnav .brand{font-size:25px}.workspace-topnav .brand-mark{width:31px;height:31px;font-size:22px}.workspace-topnav .contener-name{gap:8px}.workspace-topnav .profile{width:31px;height:31px}.workspace-topnav .theme-toggle{min-height:33px;padding:7px}.workspace-app .contener-note-body{height:auto;min-height:calc(100dvh - 58px);margin-top:0}.workspace-app .contener-note-body>.note-editor-panel{border-radius:3px;height:auto;min-height:calc(100dvh - 130px)}.workspace-app .note-editor-panel>.markdown-editor{min-height:350px}.workspace-app .note-editor-panel .markdown-topbar{padding:8px}.workspace-app .note-editor-panel>.autosave-status{padding:7px 10px;font-size:9px}.workspace-app .workspace-sidebar.contener-note-slider.drawer-open{border-radius:0 3px 3px 0}.workspace-app .mobile-workspace-toolbar{padding:10px 12px}}.workspace-layout{--nav-width:172px;--list-width:280px;width:100%;min-width:0}.workspace-panel-controls{align-items:center;gap:10px;min-height:36px;padding:8px 12px 0;display:flex}.workspace-panel-controls button{color:#78618c;background:#faf7ff;border:1px solid #ddcff1;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:28px;padding:6px 10px;font-size:10px;display:inline-flex}.workspace-panel-controls button:first-child{width:var(--nav-width)}.workspace-panel-controls button:nth-child(2){width:var(--list-width)}.workspace-panel-controls button:hover{color:#6224c1;background:#eee4ff}.workspace-app .workspace-layout>.contener-note-body{grid-template-columns:var(--nav-width) var(--list-width) minmax(0,1fr);height:calc(100dvh - 120px);margin-top:8px}.trash-retention-note{color:#957d9c;background:#f6effb;border:1px solid #e7d8ef;border-radius:3px;margin:-8px 0 16px;padding:9px 10px;font-size:11px;line-height:1.7}[data-theme=dark] .workspace-panel-controls button{color:#c8addd;background:#2c2038;border-color:#51375f}[data-theme=dark] .workspace-panel-controls button:hover{color:#efd8ff;background:#422b52}[data-theme=dark] .trash-retention-note{color:#c4a2cf;background:#302037;border-color:#51335c}@media (width>=1550px){.workspace-layout{--nav-width:210px;--list-width:310px}.workspace-panel-controls{gap:12px}}@media (width>=641px) and (width<=1100px){.workspace-layout{--nav-width:64px;--list-width:235px}.workspace-panel-controls{gap:9px;padding-left:9px;padding-right:9px}.workspace-panel-controls button:first-child,.workspace-panel-controls button:nth-child(2){width:auto}}@media (width>=641px){.workspace-app .workspace-layout.nav-collapsed>.contener-note-body>.workspace-rail,.workspace-app .workspace-layout.list-collapsed>.contener-note-body>.workspace-sidebar{display:none}.workspace-app .workspace-layout.nav-collapsed>.contener-note-body{grid-template-columns:var(--list-width) minmax(0,1fr)}.workspace-app .workspace-layout.list-collapsed>.contener-note-body{grid-template-columns:var(--nav-width) minmax(0,1fr)}.workspace-app .workspace-layout.nav-collapsed.list-collapsed>.contener-note-body{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.workspace-panel-controls{display:none}.workspace-app .workspace-layout>.contener-note-body{height:auto;min-height:calc(100dvh - 58px);margin-top:0;display:flex}}.workspace-app .note-card-time{white-space:normal;overflow-wrap:anywhere;color:#82708d;font-size:10px;line-height:1.65;display:block}.list-order-label{color:#9c80b1;display:inline-flex}[data-theme=dark] .workspace-app .note-card-time{color:#bca3cd}.workspace-app .workspace-layout>.contener-note-body{height:calc(100dvh - 82px);margin-top:10px}.panel-footer-toggle{color:#806293;background:#f7f1ff;border:1px solid #decff2;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:34px;margin-top:12px;padding:7px 10px;font-size:10px;display:flex}.panel-footer-toggle:hover{color:#6524b6;background:#eee0ff}.workspace-sidebar>.panel-footer-toggle{width:calc(100% - 30px);margin:12px 15px 0}[data-theme=dark] .panel-footer-toggle{color:#d2b5e4;background:#30213e;border-color:#563b66}[data-theme=dark] .panel-footer-toggle:hover{color:#efdaff;background:#432b54}@media (width>=641px){.workspace-app .workspace-layout.nav-collapsed>.contener-note-body>.workspace-rail{padding:0 3px 0 0;display:flex}.workspace-app .workspace-layout.nav-collapsed>.contener-note-body>.workspace-rail>.rail-items,.workspace-app .workspace-layout.nav-collapsed>.contener-note-body>.workspace-rail>.rail-settings{display:none}.workspace-app .workspace-layout.nav-collapsed>.contener-note-body>.workspace-rail>.panel-footer-toggle{margin-top:auto}.workspace-app .workspace-layout.list-collapsed>.contener-note-body>.workspace-sidebar{align-items:center;padding:0 3px;display:flex}.workspace-app .workspace-layout.list-collapsed>.contener-note-body>.workspace-sidebar>:not(.panel-footer-toggle){display:none}.workspace-app .workspace-layout.list-collapsed>.contener-note-body>.workspace-sidebar>.panel-footer-toggle{width:100%;margin:auto 0 0}.workspace-app .workspace-layout.nav-collapsed>.contener-note-body{grid-template-columns:40px var(--list-width) minmax(0,1fr)}.workspace-app .workspace-layout.list-collapsed>.contener-note-body{grid-template-columns:var(--nav-width) 40px minmax(0,1fr)}.workspace-app .workspace-layout.nav-collapsed.list-collapsed>.contener-note-body{grid-template-columns:40px 40px minmax(0,1fr)}.panel-footer-toggle.collapsed{padding:7px 3px}.panel-footer-toggle.collapsed span{display:none}}@media (width<=640px){.panel-footer-toggle{display:none}.workspace-app .workspace-layout>.contener-note-body{height:auto;margin-top:0}}@media (width>=641px){.workspace-app .workspace-layout.nav-collapsed>.contener-note-body{grid-template-columns:48px var(--list-width) minmax(0,1fr)}.workspace-app .workspace-layout.list-collapsed>.contener-note-body{grid-template-columns:var(--nav-width) 48px minmax(0,1fr)}.workspace-app .workspace-layout.nav-collapsed.list-collapsed>.contener-note-body{grid-template-columns:48px 48px minmax(0,1fr)}.workspace-app .workspace-layout.nav-collapsed>.contener-note-body>.workspace-rail,.workspace-app .workspace-layout.list-collapsed>.contener-note-body>.workspace-sidebar{box-sizing:border-box;border:1px solid var(--workspace-line);background:var(--workspace-panel);border-radius:3px;align-items:center;width:48px;min-width:0;height:100%;padding:8px;overflow:hidden}.workspace-app .workspace-layout.nav-collapsed>.contener-note-body>.workspace-rail>.panel-footer-toggle,.workspace-app .workspace-layout.list-collapsed>.contener-note-body>.workspace-sidebar>.panel-footer-toggle{box-sizing:border-box;flex:none;align-self:center;width:30px;min-width:0;max-width:100%;height:32px;min-height:32px;margin:auto 0 0;padding:6px 4px}.panel-footer-toggle.collapsed svg{flex-shrink:0;width:16px;height:16px}}.workspace-restore-dock{display:none}@media (width>=641px){.workspace-app .workspace-layout.nav-collapsed>.contener-note-body>.workspace-rail,.workspace-app .workspace-layout.list-collapsed>.contener-note-body>.workspace-sidebar{display:none}.workspace-app .workspace-layout.nav-collapsed>.contener-note-body{grid-template-columns:var(--list-width) minmax(0,1fr)}.workspace-app .workspace-layout.list-collapsed>.contener-note-body{grid-template-columns:var(--nav-width) minmax(0,1fr)}.workspace-app .workspace-layout.nav-collapsed.list-collapsed>.contener-note-body{grid-template-columns:minmax(0,1fr)}.workspace-restore-dock{z-index:1100;pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;bottom:18px;left:14px}.workspace-layout.list-collapsed:not(.nav-collapsed) .workspace-restore-dock{left:calc(var(--nav-width) + 24px)}.workspace-restore-dock:empty{display:none}.workspace-restore-dock .floating-restore{pointer-events:auto;color:#6d369e;background:#f1e6ff;border-color:#bc9ae4;place-items:center;width:36px;height:36px;min-height:36px;margin:0;padding:8px;display:grid;box-shadow:0 3px 14px #17102030}[data-theme=dark] .workspace-restore-dock .floating-restore{color:#ead1ff;background:#3d284e;border-color:#75508c;box-shadow:0 3px 14px #0005}.workspace-restore-dock .floating-restore:hover{transform:translateY(-2px)}}.workspace-app .workspace-topnav{grid-template-columns:auto minmax(100px,1fr) minmax(200px,400px) auto;gap:22px}.workspace-topnav .header-search{color:#8d70a2;background:#faf7ff;border:1px solid #decdf6;border-radius:3px;align-items:center;gap:9px;width:100%;min-width:0;height:36px;padding:0 11px;display:flex}.header-search input{color:#543866;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0;font-size:12px}.header-search input::placeholder{color:#9b85ac}.header-search input::-webkit-search-cancel-button{display:none}.header-search:focus-within{border-color:#a773de;box-shadow:0 0 0 2px #8843d40e}.header-search button{width:24px;height:24px;color:inherit;background:0 0;border:0;flex-shrink:0;place-items:center;padding:3px;display:grid}[data-theme=dark] .workspace-topnav .header-search{color:#b89acb;background:#291d34;border-color:#563b69}[data-theme=dark] .header-search input{color:#ecd8f7}[data-theme=dark] .header-search input::placeholder{color:#a388b5}.workspace-app .trash-retention-note{margin-top:0}@media (width>=641px) and (width<=1050px){.workspace-app .workspace-topnav{grid-template-columns:auto minmax(180px,1fr) auto;gap:17px}.workspace-topnav .contener-user{display:none}}@media (width<=640px){.workspace-app .workspace-topnav{grid-template-columns:1fr auto;gap:9px 12px;height:104px;padding:9px 14px;display:grid}.workspace-topnav .header-search{grid-area:2/1/auto/-1;height:36px}.workspace-topnav .contener-name{grid-area:1/2}.workspace-topnav .brand{grid-area:1/1}.header-search input{font-size:16px}.workspace-app .contener-note-body,.workspace-app .workspace-layout>.contener-note-body{min-height:calc(100dvh - 104px)}.workspace-app .contener-note-body>.note-editor-panel,.workspace-app .contener-note-content-input,.workspace-app .content_task{min-height:calc(100dvh - 176px)}}.inline-note-title{background:#fcf9ff;border-bottom:1px solid #eaddf7;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;min-width:0;padding:14px 16px 10px;display:flex}.inline-note-title label{color:#997eab;flex:1;align-items:center;gap:13px;min-width:180px;font-size:11px;display:flex}.inline-note-title input{color:#503064;background:0 0;border:1px solid #0000;border-radius:3px;outline:none;flex:1;width:100%;min-width:0;padding:7px 8px;font-size:19px;font-weight:650}.inline-note-title input:focus{background:#fff;border-color:#bd95e3}.inline-note-title input::placeholder{color:#a28eaf;font-weight:400}.title-save-state{color:#998454;font-size:10px}.title-save-state.error{color:#b15674}.title-save-state button{color:inherit;background:0 0;border:1px solid #dbbfd1;margin-left:5px;padding:3px 7px;font-size:10px}[data-theme=dark] .inline-note-title{background:#281d33;border-color:#4c335c}[data-theme=dark] .inline-note-title label{color:#b79acb}[data-theme=dark] .inline-note-title input{color:#ead6f9}[data-theme=dark] .inline-note-title input:focus{background:#30203d;border-color:#81529e}[data-theme=dark] .title-save-state{color:#c7b48d}[data-theme=dark] .title-save-state.error{color:#edabc3}.show_time>.inline-note-title{background:0 0;border:0;flex:1;min-width:0;padding:0}@media (width<=640px){.inline-note-title{gap:4px;padding:10px}.inline-note-title label{gap:6px;font-size:10px}.inline-note-title input{font-size:16px}.show_time>.inline-note-title{flex-basis:100%}}.realtime-indicator{white-space:nowrap;color:#a08c69;align-items:center;gap:5px;font-size:9px;display:inline-flex}.realtime-indicator i{background:#c3a161;border-radius:50%;width:5px;height:5px;display:block}.realtime-indicator.live{color:#47975c}.realtime-indicator.live i{background:#55b072}[data-theme=dark] .realtime-indicator.live{color:#93cfa1}[data-theme=dark] .realtime-indicator{color:#baa787}@media (width<=1100px){.realtime-indicator{gap:0;font-size:0}.realtime-indicator i{width:6px;height:6px}}@media (width<=640px){.realtime-indicator{display:none}}.workspace-app .markdown-topbar{flex-flow:row;align-items:center;display:flex}.markdown-topbar>.inline-note-title{background:0 0;border:0;flex:1;justify-content:center;gap:2px;min-width:80px;max-width:420px;padding:0 8px}.markdown-topbar>.inline-note-title label{text-align:center;width:100%;min-width:0;font-size:0;display:block}.markdown-topbar>.inline-note-title input{text-align:center;text-overflow:ellipsis;width:100%;padding:6px;font-size:18px;overflow:hidden}.markdown-topbar>.inline-note-title .title-save-state{text-align:center;width:100%;font-size:9px}.markdown-topbar>.inline-note-title .title-save-state:empty{display:none}.workspace-app .markdown-topbar>.markdown-modes,.workspace-app .markdown-topbar>.markdown-file-actions{flex-shrink:0}[data-theme=dark] .markdown-topbar>.inline-note-title{background:0 0;border:0}@media (width>=641px) and (width<=1100px){.workspace-app .markdown-topbar{flex-wrap:wrap}.markdown-topbar>.inline-note-title{max-width:none}.workspace-app .markdown-topbar>.markdown-file-actions{flex-basis:100%;width:100%}}@media (width<=640px){.workspace-app .markdown-topbar{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}.workspace-app .markdown-topbar>.markdown-modes{width:auto;min-width:0}.workspace-app .markdown-topbar>.inline-note-title{width:100%;min-width:0;max-width:none;padding:0}.markdown-topbar>.inline-note-title input{font-size:16px}.workspace-app .markdown-topbar>.markdown-file-actions{grid-column:1/-1;width:100%}.workspace-app .markdown-topbar .markdown-modes button{padding:7px 8px;font-size:11px}}
