@media (prefers-color-scheme:dark){ html{filter:invert(1) hue-rotate(180deg) contrast(.85)} iframe,img,video{filter:invert(1) hue-rotate(180deg) contrast(1)} } :root{--color-accent:#3186FF;--color-text:#000;--color-background:#F3F5F6;--color-border:#e1e3e1} ::-webkit-scrollbar{display:none} *{transition:width .2s ease} body{margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} p{margin:0} .content{max-width:100%;border-bottom:1px solid var(--color-background);justify-content:center;display:flex} :focus{outline:0!important;box-shadow:none!important} .note-btn.disabled,.note-btn[disabled],fieldset[disabled] .note-btn{opacity:1} .note-toolbar{border-bottom:0;border-radius:0} .note-editor{border:none!important;background-color:#fff} .note-editor .note-toolbar>.note-btn-group,.note-popover .popover-content>.note-btn-group{margin:0} .note-btn-group .note-btn{height:30px;background-color:#00000000;border:1px solid var(--color-border)} .note-btn-group .note-btn,.note-color-fore i,.note-editor.note-frame .note-editing-area .note-editable{color:var(--color-text)!important} .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.note-btn.active,.note-btn.focus,.note-btn:active,.note-btn:focus,.note-btn:hover,.show>.btn-light.dropdown-toggle{box-shadow:none!important;background:var(--color-border)!important;border:1px solid hsl(0deg 0% 0% / 0%)} .note-color-back i.note-icon-font.note-recent-color{line-height:1.75} .note-editor.note-airframe .note-editing-area .note-codable,.note-editor.note-frame .note-editing-area .note-codable{color:#008d45;background-color:#fff;padding:10px 20px;height:calc(100vh - 50px)!important} .note-editor.note-frame .note-editing-area .note-editable{font-size:14px;line-height:1.4;font-family:Arial,sans-serif;padding:20px;font-weight:400;text-align:left} .note-editor .note-toolbar,.note-popover .popover-content{background-color:#fff;padding:10px 20px;display:flex;flex-wrap:wrap;gap:5px;border-radius:0;border-bottom:1px solid #e1e3e1} hr{border:none;height:1px;background:#e1e3e1;margin:10px 0} ::selection{background-color:var(--color-accent);color:#fff} dl,ol,ul{padding-left:0} .nav-link{font-size:13px;line-height:1;border:none!important;padding:0;color:var(--color-text);background:var(--color-background);border-radius:50px!important;padding:10px 10px 10px 20px;font-weight:400!important;align-items:center;display:flex} .nav-link#addTabBtn{color:var(--color-text);padding:0;height:100%;border-radius:50px;aspect-ratio:1/1;text-align:center;font-size:20px;display:flex;align-items:center;justify-content:center;font-family:arial;transition:color .2s ease} .nav-link#addTabBtn:hover{box-shadow:none} .nav-tabs .nav-item{margin:0!important} .nav-tabs{border:0;padding:10px 20px;gap:5px;width:100%;margin:auto} .nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{color:var(--color-text);background:var(--color-background);box-shadow:inset 0 0 0 2px var(--color-border)} .closeTab{color:var(--color-background);background:var(--color-border);padding:0;border-radius:50px;aspect-ratio:1/1;text-align:center;font-size:14px;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:arial;overflow:hidden;margin-left:10px;width:14px} .closeTabDISABLED{width:0;height:0;opacity:0} .nav-link:hover .closeTab{opacity:1;width:14px;height:14px;transform:scale(1)} .note-editor.note-frame .note-editing-area .note-editable{height:calc(100vh - 101px)!important;width:100%;margin:auto} .note-editor .note-editing-area{border-top:0 solid var(--color-background);background:#f3f5f6}