*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;-webkit-font-smoothing:antialiased}.note-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-radius:6px;cursor:pointer;gap:.5rem;transition:background .15s ease;margin-bottom:2px}.note-item:hover{background:#ffffff14}.note-item--active{background:#6e72e840;border-left:3px solid #6e72e8;padding-left:calc(.75rem - 3px)}.note-item__title{flex:1;font-size:.85rem;color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.note-item--active .note-item__title{color:#fff;font-weight:600}.note-item__delete{background:none;border:none;font-size:.75rem;cursor:pointer;opacity:0;transition:opacity .15s ease;padding:2px 4px;border-radius:4px;flex-shrink:0}.note-item:hover .note-item__delete{opacity:.6}.note-item__delete:hover{opacity:1!important;background:#ff646433}.sidebar{width:220px;min-width:220px;background:#2a2a3a;display:flex;flex-direction:column;overflow:hidden}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem .75rem .75rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__title{font-size:.85rem;font-weight:700;color:#8b9dc3;letter-spacing:.06em;text-transform:uppercase}.sidebar__create-btn{background:#6e72e8;color:#fff;border:none;border-radius:6px;width:26px;height:26px;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.sidebar__create-btn:hover{background:#5558d4}.sidebar__create-btn:active{transform:scale(.93)}.sidebar__list{flex:1;overflow-y:auto;padding:.5rem}.sidebar__list::-webkit-scrollbar{width:4px}.sidebar__list::-webkit-scrollbar-track{background:transparent}.sidebar__list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar__empty{font-size:.8rem;color:#666;text-align:center;margin-top:2rem}@media(max-width:640px){.sidebar{width:100%;min-width:unset;height:180px;min-height:180px;border-bottom:1px solid rgba(255,255,255,.1)}}.mobile-tab-bar{display:none;border-bottom:1px solid #e0e4ea}.mobile-tab-bar__tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:.65rem 1rem;font-size:.9rem;font-weight:500;color:#8492a6;cursor:pointer;transition:color .15s,border-color .15s}.mobile-tab-bar__tab--active{color:#6e72e8;border-bottom-color:#6e72e8;font-weight:700}@media(max-width:640px){.mobile-tab-bar{display:flex}}.editor-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-area--empty{align-items:center;justify-content:center;color:#aab4be;font-size:.9rem;background:#f7f8fc}.editor-area__title-row{padding:.75rem 1.2rem;border-bottom:1px solid #e8ecf0;background:#fff}.editor-area__title-input{width:100%;border:none;outline:none;font-size:1.2rem;font-weight:700;color:#2c3e50;background:transparent;font-family:inherit}.editor-area__title-input::placeholder{color:#c5ccd6;font-weight:400}.editor-area__panes{flex:1;display:flex;overflow:hidden}.editor-area__editor{flex:1;min-width:0;padding:1.2rem;border:none;border-right:1px solid #e8ecf0;outline:none;resize:none;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.7;color:#3a4055;background:#fafbfc;overflow-y:auto}.editor-area__editor::placeholder{color:#c5ccd6;line-height:1.8}.editor-area__preview{flex:1;min-width:0;padding:1.2rem 1.5rem;overflow-y:auto;background:#fff;font-size:.93rem;line-height:1.75;color:#2c3e50}.editor-area__preview h1,.editor-area__preview h2,.editor-area__preview h3,.editor-area__preview h4{margin:1.2em 0 .5em;font-weight:700;line-height:1.3;color:#1a2332}.editor-area__preview h1{font-size:1.6rem;border-bottom:2px solid #e8ecf0;padding-bottom:.3em}.editor-area__preview h2{font-size:1.3rem;border-bottom:1px solid #e8ecf0;padding-bottom:.2em}.editor-area__preview h3{font-size:1.1rem}.editor-area__preview p{margin:.6em 0}.editor-area__preview ul,.editor-area__preview ol{padding-left:1.5em;margin:.5em 0}.editor-area__preview li{margin:.2em 0}.editor-area__preview code{background:#f0f2f5;border-radius:4px;padding:.15em .4em;font-family:Consolas,Monaco,monospace;font-size:.88em;color:#e0226d}.editor-area__preview pre{background:#f0f2f5;border-radius:8px;padding:1em;overflow-x:auto;margin:.8em 0}.editor-area__preview pre code{background:none;padding:0;color:#3a4055;font-size:.87em}.editor-area__preview blockquote{border-left:4px solid #6e72e8;margin:.8em 0;padding:.4em 1em;color:#5a6a7e;background:#f7f8fc;border-radius:0 6px 6px 0}.editor-area__preview hr{border:none;border-top:1px solid #e8ecf0;margin:1.2em 0}.editor-area__preview a{color:#6e72e8;text-decoration:none}.editor-area__preview a:hover{text-decoration:underline}.editor-area__preview strong{font-weight:700;color:#1a2332}@media(max-width:640px){.editor-area__editor,.editor-area__preview{border-right:none;flex:1;width:100%}.editor-area__editor--hidden,.editor-area__preview--hidden{display:none}}.app{display:flex;height:100%;background:#f0f2f5}.app__main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}@media(max-width:640px){.app{flex-direction:column}}