@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;src:url("assets/robotomono-italic-cyrillic-ext.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;src:url("assets/robotomono-italic-cyrillic.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;src:url("assets/robotomono-italic-greek.woff2") format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;src:url("assets/robotomono-italic-vietnamese.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;src:url("assets/robotomono-italic-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;src:url("assets/robotomono-italic-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;src:url("assets/robotomono-normal-cyrillic-ext.woff2") format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;src:url("assets/robotomono-normal-cyrillic.woff2") format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;src:url("assets/robotomono-normal-greek.woff2") format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;src:url("assets/robotomono-normal-vietnamese.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;src:url("assets/robotomono-normal-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;src:url("assets/robotomono-normal-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Robotofus';font-style:normal;font-weight:100 700;src:url("assets/robotofus.woff2") format('woff2')}@font-face{font-family:"Material Icons Outlined";font-style:normal;font-weight:400;font-display:block;src:url("assets/material-icons-outlined.woff2") format("woff2")}.material-icons-outlined{font-family:"Material Icons Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}*{box-sizing:border-box}body{margin:0;padding:0}.theme.light{--background:#e8ebf3;--foreground:#1f2939;--app-background:#e8ebf3;--darker-background:rgba(0,0,0,0.059);--lighter-background:rgba(0,0,0,0.122);--accent:#556db1;--secondary:#545454;--warning:#ff6b6b;--buttonForeground:#fff}.theme.dark{--background:#10151d;--foreground:#fff;--app-background:#171f2b;--darker-background:rgba(0,0,0,0.3);--lighter-background:rgba(255,255,255,0.1);--accent:#a87ffb;--secondary:#353535;--warning:#ff4c4c;--buttonForeground:#fff}.theme{font-family:"Roboto Mono",monospace;font-size:16px;background-color:var(--app-background);color:var(--foreground);transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;display:grid;grid-template-columns:1fr 50px;grid-template-rows:1fr 50px;grid-template-areas:"content sidebar" "footer footer";gap:0;padding:0}.content,.footer,.sidebar{border-radius:0}.icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.savingIndicator{position:fixed;top:10px;left:20px;font-size:14px;opacity:0;color:var(--accent);transition:opacity .5s ease-in-out}.savingIndicator.saving{opacity:1}.sidebar{font-weight:300;grid-area:sidebar;padding:4px;min-height:0;overflow:hidden;opacity:1;transition:opacity .3s ease-in-out}.sidebar.writing{opacity:0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{width:42px;position:relative}.sidebar .item{display:flex;align-items:center;padding:10px 8px;border-radius:4px;z-index:10}.sidebar .item .icon:hover{cursor:pointer}.sidebar .item .icon:hover + .label{opacity:.6}.sidebar .item span{opacity:.6}.sidebar .item .label{font-size:14px;position:fixed;right:60px;text-align:right;width:200px;pointer-events:none;margin-left:8px;opacity:0;transition:opacity .2s ease-in-out}.content{grid-area:content;padding:50px 100px;min-height:0;overflow:auto;outline:none;caret-color:var(--accent);scroll-behavior:smooth;max-height:calc(80vh);-ms-overflow-style:none;scrollbar-width:none}.content::selection{background:var(--accent);color:var(--buttonForeground)}.content::-webkit-scrollbar{display:none}.content.encrypted{font-family:"Robotofus",monospace;color:var(--accent)}.content.dimmed > *{opacity:.2}.content.dimmed .focus{opacity:1}.content > *{transition:opacity .3s ease-in-out}.footer{grid-area:footer;display:flex;align-items:center;justify-content:center;padding:4px 0;border-top:1px solid var(--lighter-background);font-size:14px}.footer .icon{cursor:pointer}.footer span{opacity:.4}.footer input{width:50px;opacity:.4}.footer input.timeset{width:80px}input{background-color:transparent;font-family:"Roboto Mono",monospace;border:none;color:var(--foreground);padding:4px 8px;border-radius:4px;text-align:center}input:focus{outline:none;box-shadow:0 0 5px var(--accent)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;font-size:16px}.modal.active{display:flex}.modal strong{color:var(--accent)}.modal ul{list-style:none;padding:0;margin:0}.modal .warning{font-weight:bold;color:var(--warning)}.modal .modal-content{background-color:var(--app-background);padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2);max-width:90%;max-height:90%;overflow:auto;border:1px solid var(--accent)}.modal .modal-content .message .txt{max-width:570px;margin-bottom:10px}.modal .modal-content .message .encryptInputs{display:flex;flex-wrap:wrap}.modal .modal-content .message .encryptInputs input{margin:0 5px;flex:1;margin-bottom:10px;background-color:var(--darker-background)}.modal .modal-content .error-message{color:var(--warning);margin-bottom:10px;background-color:var(--darker-background);padding:10px;border-radius:8px;text-align:right}.modal .title{font-size:1.5em;color:var(--accent);font-weight:800;margin-bottom:10px}.modal .buttons{display:flex;justify-content:space-between;flex-direction:row-reverse;margin-top:20px}.modal .buttons button{color:var(--buttonForeground);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1em;opacity:.5;transition:opacity .2s ease-in-out}.modal .buttons button:hover{opacity:1}.modal .buttons button.primary{background-color:var(--accent)}.modal .buttons button.secondary{background-color:var(--secondary)}.modal .buttons button.warning{background-color:var(--warning)}.toolBar{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);border:1px solid transparent;border-radius:8px;padding:8px;display:flex;gap:4px;z-index:1500;opacity:.3;transition:opacity .3s ease-in-out}.toolBar.writing{opacity:0}.toolBar:hover{opacity:1;background-color:var(--background);border:1px solid var(--accent)}.toolBar .toolButton{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;color:var(--foreground);display:flex;align-items:center;justify-content:center;font-size:20px;opacity:.6;transition:background-color .2s ease-in-out,opacity .2s ease-in-out}.toolBar .toolButton:hover{background-color:var(--accent);color:var(--buttonForeground);opacity:1}.dragOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--app-background);display:none;align-items:center;justify-content:center;z-index:2000;click-events:none;opacity:.9}.dragOverlay.active{display:flex}.dragOverlay .drag-text{opacity:.5;font-family:"Roboto Mono",monospace;color:var(--foreground);font-size:24px;font-weight:bold;padding:20px 40px;border:2px dashed var(--foreground);border-radius:16px}@media (max-width:768px){.app{grid-template-columns:1fr;grid-template-rows:50px 1fr auto;grid-template-areas:"sidebar" "content" "footer"}.content{padding:20px}.sidebar ul{display:flex;flex-direction:row;justify-content:center}.sidebar ul li .item .label{top:50px;left:50%;transform:translateX(-50%);text-align:center}}