*{margin:0;padding:0;box-sizing:border-box}body{font-family:Consolas,Courier New,monospace;background:#1e1e1e;color:#d4d4d4;height:100vh;overflow:hidden}header{background:#2d2d30;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3e3e42}h1{font-size:16px;font-weight:400}.login-btn{background:#0e639c;color:#fff;border:none;padding:5px 15px;cursor:pointer;font-family:inherit}.login-btn:hover{background:#17b}.container{display:flex;height:calc(100vh - 50px)}.sidebar{width:250px;background:#252526;border-right:1px solid #3e3e42;overflow-y:auto;display:flex;flex-direction:column}.sidebar-footer{margin-top:auto;padding:10px;border-top:1px solid #3e3e42}.deleted-notes-btn{width:100%;padding:8px;background:#424242;color:#d4d4d4;border:none;cursor:pointer;font-family:inherit;font-size:12px;text-align:left}.deleted-notes-btn:hover{background:#4e4e4e}.previous-versions-btn{width:100%;padding:8px;background:#424242;color:#d4d4d4;border:none;cursor:pointer;font-family:inherit;font-size:12px;text-align:left;margin-bottom:5px}.previous-versions-btn:hover{background:#4e4e4e}.sidebar-header{padding:10px;border-bottom:1px solid #3e3e42}.new-note-btn{width:100%;padding:8px;background:#0e639c;color:#fff;border:none;cursor:pointer;font-family:inherit}.new-note-btn:hover{background:#17b}.action-btn{background:#444;border:1px solid #666666;color:#fff;cursor:pointer;font-size:7px;font-weight:700;padding:1px 3px;margin:0 1px;border-radius:2px;transition:background-color .2s,color .2s;min-width:10px;height:14px;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{background:#666;color:#fff;border-color:#888}.folder-actions{display:flex;align-items:center;gap:1px;opacity:1;margin-bottom:2px;justify-content:flex-end}.notes-list{list-style:none}.notes-list li{padding:10px 15px;cursor:pointer;border-bottom:1px solid #3e3e42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-list li:hover{background:#2a2d2e}.notes-list li.active{background:#094771}.notes-list li.typing{background:#0b5585;box-shadow:0 0 6px #0b558533}.notes-list .note-meta{font-size:11px;color:#858585;margin-top:2px;display:flex;justify-content:space-between;align-items:center}.notes-list a.note-title{color:#d4d4d4;text-decoration:none;display:block}.notes-list a.note-title:hover,.notes-list a.note-title:focus{color:#fff;text-decoration:none}.note-datetime{flex:1}.note-icons{display:flex;gap:4px;margin-left:8px}.note-icon{font-size:10px;opacity:.7}.note-icon.public-icon{color:#4caf50}.note-icon.editable-icon{color:#ff9800}.editor-container{flex:1;display:flex;flex-direction:column}.editor-header{padding:10px 20px;background:#2d2d30;border-bottom:1px solid #3e3e42;display:flex;justify-content:space-between;align-items:center}.note-title{background:transparent;border:1px solid transparent;color:#d4d4d4;font-size:14px;padding:5px;font-family:inherit;flex:1;margin-right:20px}.note-title:focus{outline:none;border-color:#0e639c}.note-controls{display:flex;gap:15px;align-items:center}.toggle{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:13px}.toggle input{cursor:pointer}.direct-link-btn,.raw-link-btn{background:#0e639c;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-family:inherit;font-size:12px}.direct-link-btn:hover,.raw-link-btn:hover{background:#17b}.delete-btn{background:#f14c4c;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-family:inherit;font-size:12px}.delete-btn:hover{background:#cd3636}.add-asset-btn{background:#0e639c;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-family:inherit;font-size:12px}.add-asset-btn:hover{background:#17b}.assets-bar{background:#252526;border-top:1px solid #3e3e42;padding:10px;max-height:120px;overflow-y:auto}.assets-list{display:flex;flex-wrap:wrap;gap:10px}.asset-item{display:inline-flex;align-items:center;background:#2d2d30;padding:5px 10px;border-radius:3px;font-size:12px}.asset-link{color:#569cd6;text-decoration:none;margin-right:8px}.asset-link:hover{text-decoration:underline}.asset-rename,.asset-delete{background:none;border:none;cursor:pointer;padding:2px 4px;margin-left:4px;color:#ccc;font-size:14px}.asset-rename:hover,.asset-delete:hover{color:#fff}.modal-input{width:100%;padding:10px;background:#1e1e1e;border:1px solid #3e3e42;color:#d4d4d4;margin-bottom:15px;font-family:inherit}.modal-button{flex:1;padding:10px;background:#0e639c;color:#fff;border:none;cursor:pointer;font-family:inherit}.modal-button:hover{background:#17b}.modal-button.cancel{background:#6e6e6e}.modal-button.cancel:hover{background:#848484}.editor{flex:1;background:#1e1e1e;color:#d4d4d4;border:none;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.5;resize:none;overflow:auto}.editor .cm-editor{height:100%}.editor .cm-editor.cm-focused{outline:none}.editor .cm-scroller{font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.5}.editor .cm-content{padding:20px}.editor .cm-line{padding-left:0;padding-right:0}.editor .cm-gutters{background-color:#252526;border-right:1px solid #3e3e42}.editor .cm-lineNumbers .cm-gutterElement{color:#858585;padding:0 16px 0 8px}.editor:focus{outline:none}.cm-selectionMatch{background-color:#ff44444d!important}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center}.modal-content{background:#2d2d30;padding:30px;border-radius:4px;width:300px}.modal-content h2{margin-bottom:20px;font-size:18px}.modal-content input{width:100%;padding:10px;background:#1e1e1e;border:1px solid #3e3e42;color:#d4d4d4;margin-bottom:15px;font-family:inherit}.modal-content input:focus{outline:none;border-color:#0e639c}.modal-content button{width:100%;padding:10px;background:#0e639c;color:#fff;border:none;cursor:pointer;font-family:inherit}.modal-content button:hover{background:#17b}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#424242}::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.deleted-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:flex-end;opacity:0;transition:opacity .3s ease}.deleted-modal.show{opacity:1}.deleted-modal-content{background:#2d2d30;width:100%;max-width:600px;max-height:70vh;border-radius:8px 8px 0 0;transform:translateY(100%);transition:transform .3s ease;display:flex;flex-direction:column}.deleted-modal.show .deleted-modal-content{transform:translateY(0)}.deleted-header{padding:20px;border-bottom:1px solid #3e3e42;display:flex;justify-content:space-between;align-items:center}.deleted-header h3{font-size:18px;font-weight:400}.close-btn{background:none;border:none;color:#d4d4d4;font-size:24px;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.deleted-info{padding:10px 20px;background:#3e3e42;font-size:12px;color:#ccc}.deleted-notes-list{flex:1;overflow-y:auto;padding:10px}.no-deleted-notes{text-align:center;padding:40px;color:#858585;font-style:italic}.deleted-note-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #3e3e42;gap:15px}.deleted-note-item:hover{background:#2a2d2e}.deleted-note-content{flex:1;min-width:0}.deleted-note-title{font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deleted-note-meta{font-size:11px;color:#858585;margin-bottom:5px}.deleted-note-preview{font-size:12px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restore-btn{background:#0e639c;color:#fff;border:none;padding:8px 12px;cursor:pointer;font-family:inherit;font-size:16px;border-radius:4px;flex-shrink:0}.restore-btn:hover{background:#17b}.deleted-folder-item{background:#3a3a3a;margin:10px 0;border-radius:4px;overflow:hidden}.deleted-folder-header{display:flex;align-items:center;padding:15px;gap:15px;background:#424242}.deleted-folder-content{flex:1;min-width:0}.deleted-folder-name{font-weight:700;color:#d4d4d4}.deleted-folder-meta{font-size:11px;color:#858585;margin-top:4px}.deleted-notes-in-folder{padding-left:20px;border-left:2px solid #555;margin-left:15px}.deleted-notes-in-folder .deleted-note-item{border-bottom:1px solid #4a4a4a}.deleted-notes-in-folder .deleted-note-item:last-child{border-bottom:none}.sleepy-eyes{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;z-index:1000;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out;will-change:transform}.sleepy-eyes.show{opacity:.8}.versions-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:flex-end;opacity:0;transition:opacity .3s ease}.versions-modal.show{opacity:1}.versions-modal-content{background:#2d2d30;width:100%;max-width:600px;max-height:70vh;border-radius:8px 8px 0 0;transform:translateY(100%);transition:transform .3s ease;display:flex;flex-direction:column}.versions-modal.show .versions-modal-content{transform:translateY(0)}.versions-header{padding:20px;border-bottom:1px solid #3e3e42;display:flex;justify-content:space-between;align-items:center}.versions-header h3{font-size:18px;font-weight:400}.versions-info{padding:10px 20px;background:#3e3e42;font-size:12px;color:#ccc}.versions-loading,.versions-error{padding:40px;text-align:center;color:#858585}.retry-btn{background:#0e639c;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:inherit;margin-top:10px}.retry-btn:hover{background:#17b}.versions-list{flex:1;overflow-y:auto;padding:10px}.no-versions{text-align:center;padding:40px;color:#858585;font-style:italic}.version-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #3e3e42;transition:background-color .2s ease}.version-item:hover{background:#2a2d2e}.version-header{flex:1;display:flex;flex-direction:column;gap:4px}.version-number{font-weight:500;color:#d4d4d4;font-size:14px}.version-date{font-size:12px;color:#858585}.version-actions{display:flex;gap:8px}.version-action-btn{background:#0e639c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:12px;transition:background-color .2s ease}.version-action-btn:hover{background:#17b}.version-action-btn.view-btn{background:#0e639c}.version-action-btn.view-btn:hover{background:#17b}.version-review-banner{background:#4a4a4a;border-bottom:1px solid #3e3e42;padding:10px 20px;display:flex;align-items:center;justify-content:center}.version-review-content{display:flex;align-items:center;gap:12px;color:#d4d4d4}.version-review-icon{font-size:16px}.version-review-text{font-size:14px;font-weight:500}.exit-version-review-btn{background:#0e639c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:12px;transition:background-color .2s ease}.exit-version-review-btn:hover{background:#17b}.folder{border-bottom:1px solid #3e3e42;background:#2b2b2b}.folder-header{padding:8px 15px;cursor:pointer;display:block;position:relative}.folder-header:hover{background:#323234}.folder-expand-icon{font-size:12px;color:#858585;transition:transform .2s ease;flex-shrink:0}.folder.expanded .folder-expand-icon{transform:rotate(90deg)}.folder-icon{font-size:14px;flex-shrink:0}.folder-name{flex:1;font-weight:500;color:#e0e0e0}.folder-action-icon{font-size:12px;padding:2px 4px;cursor:pointer;border-radius:2px;color:#858585}.folder-action-icon:hover{background:#404042;color:#d4d4d4}.folder-notes{border-left:2px solid #444;margin-left:15px}.folder-note{border-bottom:1px solid #3a3a3a!important;background:#262626!important;padding-left:25px!important}.folder-note:hover{background:#2e2e2e!important}.folder-note.active{background:#0a4167!important}.folder-note.typing{background:#0b4d7a!important}.folder-select-list{max-height:300px;overflow-y:auto;margin-bottom:20px}.folder-option{padding:12px;background:#1e1e1e;border:1px solid #3e3e42;margin-bottom:5px;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:8px}.folder-option:hover{background:#2a2a2a;border-color:#0e639c}.folder-option.selected{background:#0e639c;border-color:#17b}.modal-buttons{display:flex;gap:10px}.modal-button{flex:1;padding:10px;border:none;cursor:pointer;font-family:inherit;border-radius:4px}.modal-button:not(.cancel){background:#0e639c;color:#fff}.modal-button:not(.cancel):hover{background:#17b}.modal-button.cancel{background:#424242;color:#d4d4d4}.modal-button.cancel:hover{background:#4e4e4e}.highlight-btn{background:#2d2d2d;color:#ffd54f;border:1px solid #3a3a3a;border-radius:4px;padding:5px 8px;cursor:pointer}.highlight-btn:hover{background:#3a3a3a}.cm-highlighted-text{background-color:#ffdd57;color:#111!important;border-radius:2px;box-shadow:inset 0 0 0 1px #00000040;padding:0 1px}.cm-tabbed-heading{font-weight:600}.cm-tabbed-h1{color:#d4d4d4}.cm-tabbed-h2{color:#d4d4d4bf}.cm-tabbed-h3{color:#d4d4d48f}.cm-tabbed-h4{color:#d4d4d46b}.cm-tabbed-h5{color:#d4d4d452}.cm-tabbed-h6{color:#d4d4d438}