:root{--color-bg-black:#000;--color-bg-dark1:#0a0a0a;--color-bg-dark2:#262626;--color-bg-grain:url(/static/media/grain.11d571aeceb10a233544.svg);--color-text-main:#cacaca;--color-text-secondary:#ccc;--color-text-muted:#888;--color-accent-gray1:#262626;--color-accent-gray2:#0f0f0f;--color-accent-gray3:#0a0a0a;--color-accent-gradient:linear-gradient(90deg,#262626,#0f0f0f 50%,#0a0a0a);--color-accent-gradient-rev:linear-gradient(90deg,#0f0f0f,#262626);--color-danger:#e53e3e;--color-danger-dark:#9b2c2c;--color-tag-bg:linear-gradient(90deg,#0f0f0f,#0a0a0a);--color-shadow-gray:#88888855;--color-shadow-danger:#e53e3e55}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/static/media/grain.11d571aeceb10a233544.svg);background-image:var(--color-bg-grain);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:#0000;box-shadow:0 2px 16px var(--color-shadow-gray);padding:16px 24px}.header__content{align-items:center;display:flex;justify-content:flex-start;margin:0;max-width:1200px}.header__logo{height:40px;margin-right:12px;vertical-align:middle}.header__title{align-items:center;color:var(--color-text-main);display:flex;font-size:24px;margin:0;text-shadow:0 2px 16px var(--color-shadow-gray)}.note-navigation{background:var(--color-bg-black);background-image:linear-gradient(135deg,#2c2c3c4d 0,#000c 100%),var(--color-bg-grain);background-size:cover,120px 120px;border-right:1px solid var(--color-accent-gray2);height:100%;overflow-y:auto;padding:16px;width:300px}.note-navigation h2{color:var(--color-text-main);margin:0 0 16px;text-shadow:0 2px 16px var(--color-shadow-gray)}.note-navigation__folders{display:flex;flex-direction:column;gap:8px}.note-navigation__year{background:var(--color-bg-dark2);border:1px solid;border-image:var(--color-accent-gradient) 1;border-radius:4px;transition:border .3s}.note-navigation__year-header{align-items:center;background:var(--color-accent-gradient);color:var(--color-text-main);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 12px;transition:background .3s}.note-navigation__year-header:hover{background:var(--color-accent-gradient-rev)}.note-navigation__year-icon{color:var(--color-accent-gray1);font-size:12px}.note-navigation__months{overflow:hidden;padding:8px;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.note-navigation__months[aria-hidden=true]{max-height:0;opacity:0;pointer-events:none}.note-navigation__months[aria-hidden=false]{max-height:1000px;opacity:1}.note-navigation__month{margin-bottom:8px}.note-navigation__month-header{background:var(--color-accent-gradient);border-radius:4px;color:var(--color-text-main);font-weight:500;margin-bottom:4px;padding:4px 8px;transition:background .3s}.note-navigation__month-header:hover{background:var(--color-accent-gradient-rev)}.note-navigation__notes{display:flex;flex-direction:column;gap:4px;max-height:1000px;opacity:1;overflow:hidden;padding-left:16px;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.note-navigation__notes[aria-hidden=true]{max-height:0;opacity:0;pointer-events:none}.note-navigation__notes[aria-hidden=false]{max-height:1000px;opacity:1}.note-navigation__note{border-radius:4px;color:var(--color-text-main);cursor:pointer;font-size:14px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;transition:background .2s,color .2s;white-space:nowrap}.note-navigation__note:hover{background:var(--color-accent-gradient);color:#fff}.note-display{background:var(--color-bg-black);background-image:linear-gradient(135deg,#2c2c3c4d 0,#000c 100%),var(--color-bg-grain);background-size:cover,120px 120px;color:var(--color-text-main);flex:1 1;overflow-y:auto;padding:24px}.note-display--empty{align-items:center;color:var(--color-text-muted);display:flex;font-size:18px;justify-content:center}.note-display__header{border-bottom:1px solid var(--color-bg-dark2);margin-bottom:24px;padding-bottom:16px}.note-display__title{color:var(--color-text-main);font-size:32px;margin:0 0 16px;text-shadow:0 2px 16px var(--color-shadow-gray)}.note-display__meta{color:var(--color-text-muted);display:flex;font-size:14px;gap:16px;margin-bottom:16px}.note-display__tags{display:flex;flex-wrap:wrap;gap:8px}.note-display__tag{background:var(--color-tag-bg);border-radius:16px;box-shadow:0 0 8px var(--color-shadow-gray);color:var(--color-text-main);font-size:14px;padding:4px 12px}.note-display__content{color:var(--color-text-main);font-size:16px;line-height:1.6}.note-display__content ol,.note-display__content ul{margin-bottom:1em;margin-left:2em}.note-display__content li{margin-bottom:.3em}.note-display__content p{margin-bottom:1em}.note-display__content h1,.note-display__content h2,.note-display__content h3,.note-display__content h4,.note-display__content h5,.note-display__content h6{color:var(--color-text-secondary);font-weight:700;margin:1.2em 0 .6em;text-shadow:0 2px 8px var(--color-shadow-gray)}.note-display__actions{gap:.5rem}.note-display__delete-btn,.note-display__edit-btn{border:none;border-radius:.25rem;box-shadow:0 0 12px var(--color-shadow-gray);cursor:pointer;font-size:1rem;padding:.4rem 1rem;transition:background .2s,color .2s,box-shadow .2s}.note-display__edit-btn{box-shadow:0 0 16px var(--color-shadow-gray)}.note-display__edit-btn:hover{background:var(--color-accent-gradient-rev);box-shadow:0 0 24px var(--color-shadow-gray)}.note-display__delete-btn{background:var(--color-danger);box-shadow:0 0 16px var(--color-shadow-danger);color:#fff}.note-display__delete-btn:hover{background:var(--color-danger-dark);box-shadow:0 0 24px var(--color-shadow-danger)}.note-display__confirm{align-items:flex-start;background:var(--color-bg-dark2);border:1px solid var(--color-accent-gray2);border-radius:.25rem;box-shadow:0 0 16px var(--color-shadow-gray);color:var(--color-text-main);display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem}.note-display__confirm-yes{background:var(--color-danger);border:none;border-radius:.25rem;box-shadow:0 0 12px var(--color-shadow-danger);color:#fff;cursor:pointer;margin-right:.5rem;padding:.3rem .8rem}.note-display__confirm-yes:hover{background:var(--color-danger-dark);box-shadow:0 0 24px var(--color-shadow-danger)}.note-display__confirm-no{background:var(--color-accent-gradient);border:none;border-radius:.25rem;box-shadow:0 0 12px var(--color-shadow-gray);color:var(--color-text-main);cursor:pointer;padding:.3rem .8rem}.note-display__confirm-no:hover{background:var(--color-accent-gradient-rev);box-shadow:0 0 24px var(--color-shadow-gray)}.note-display__content a{color:var(--color-text-secondary);text-decoration:underline;transition:color .2s}.note-display__content a:hover{color:var(--color-text-main)}.markdown-editor{background:var(--color-bg-black);background-image:linear-gradient(135deg,#2c2c3c4d 0,#000c 100%),var(--color-bg-grain);background-size:cover,120px 120px;border:1px solid var(--color-accent-gray2);border-radius:.75rem;box-shadow:0 2px 24px var(--color-shadow-gray);display:flex;flex-direction:column;gap:1.5rem;margin:0;max-width:none;padding:2rem;width:100%}.markdown-editor__toolbar{display:flex;gap:.75rem;margin-bottom:.75rem}.markdown-editor__button{background:var(--color-bg-dark2);border:1px solid var(--color-accent-gray2);border-radius:.3rem;color:var(--color-text-main);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1.2rem;transition:all .2s}.markdown-editor__button:hover{background:var(--color-accent-gradient);border-color:var(--color-accent-gray1);color:#fff}.markdown-editor__button.is-active{background:var(--color-accent-gradient-rev);border-color:var(--color-accent-gray1);color:#fff}.markdown-editor__content{background:var(--color-bg-dark2);border:1.5px solid var(--color-accent-gray2);border-radius:.5rem;box-shadow:0 1px 8px var(--color-shadow-gray);box-sizing:border-box;color:var(--color-text-main);font-size:1.15rem;line-height:1.8;margin-bottom:.5rem;min-height:350px;padding:1.5rem;resize:vertical;white-space:pre-wrap;width:100%}.markdown-editor__content:focus{border-color:var(--color-accent-gray1);box-shadow:0 0 0 3px var(--color-shadow-gray);outline:none}.markdown-editor__preview{background:var(--color-bg-dark2);border:1px solid var(--color-accent-gray2);border-radius:.5rem;color:var(--color-text-secondary);font-size:1.05rem;margin-top:1.5rem;min-height:80px;padding:1.2rem;white-space:pre-wrap}.markdown-editor__save-button{align-self:flex-start;background:var(--color-accent-gradient);border:none;border-radius:.25rem;box-shadow:0 0 12px var(--color-shadow-gray);color:var(--color-text-main);cursor:pointer;padding:.5rem 1rem;transition:background .2s,box-shadow .2s}.markdown-editor__save-button:hover{background:var(--color-accent-gradient-rev);box-shadow:0 0 24px var(--color-shadow-gray)}.note-display__title-input{background:#0000;border:none;color:var(--color-text-main);font-size:2rem;font-weight:700;margin-bottom:.5rem;outline:none;width:100%}.note-display__title-input:focus{background:var(--color-bg-dark2);border-radius:.25rem;box-shadow:0 0 8px var(--color-shadow-gray)}.note-display__actions{display:flex;gap:.75rem;margin-top:1rem}.note-display__edit-btn{background:var(--color-accent-gradient);border:none;border-radius:.25rem;box-shadow:0 0 12px var(--color-shadow-gray);color:var(--color-text-main);cursor:pointer;font-size:1rem;padding:.4rem 1.2rem;transition:background .2s,box-shadow .2s}.note-display__edit-btn:disabled{background:var(--color-bg-dark2);color:var(--color-text-muted);cursor:not-allowed}.note-display__edit-btn:hover:not(:disabled){background:var(--color-accent-gradient-rev);box-shadow:0 0 24px var(--color-shadow-gray)}.note-display__delete-btn{background:var(--color-accent-gradient);border:none;border-radius:.25rem;box-shadow:0 0 12px var(--color-shadow-gray);color:var(--color-text-main);cursor:pointer;font-size:1rem;padding:.4rem 1.2rem;transition:background .2s,box-shadow .2s}.note-display__delete-btn:hover{background:var(--color-accent-gradient-rev);box-shadow:0 0 24px var(--color-shadow-gray)}.button{border:none;border-radius:4px;box-shadow:0 2px 12px var(--color-shadow-gray);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out}.button--primary{background:var(--color-accent-gradient);color:var(--color-text-main)}.button--primary:hover{background:var(--color-accent-gradient-rev);color:#fff}.button--secondary{background:var(--color-bg-dark2);border:1px solid var(--color-accent-gray2);color:var(--color-text-main)}.button--secondary:hover{background:var(--color-bg-dark1);color:var(--color-text-main)}.page-container{background:var(--color-bg-black);background-image:linear-gradient(135deg,#2c2c3c4d 0,#000c 100%),var(--color-bg-grain);background-size:cover,120px 120px;min-height:100vh}.main-content{margin:0 auto;max-width:1400px;padding:24px}.notes-layout{background:var(--color-bg-black);background-image:linear-gradient(135deg,#2c2c3c33 0,#000c 100%),var(--color-bg-grain);background-size:cover,120px 120px;border-radius:8px;box-shadow:0 2px 24px var(--color-shadow-gray);display:flex;gap:24px;height:calc(100vh - 120px)}.notes-layout__main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.notes-layout__header{border-bottom:1px solid var(--color-accent-gray2);display:flex;justify-content:flex-end;padding:16px 24px}@media (max-width:800px){.main-content{padding:8px}.notes-layout{border-radius:0;box-shadow:none;flex-direction:column;gap:8px;height:auto;min-height:100vh}.notes-layout__main{min-width:0;padding:0}.notes-layout__header{border-bottom:1px solid var(--color-accent-gray2);justify-content:flex-end;padding:8px}}@media (max-width:600px){.main-content{padding:2px}.notes-layout{border-radius:0;box-shadow:none;flex-direction:column;gap:0;height:auto;min-height:100vh}.notes-layout__main{min-width:0;padding:0}.notes-layout__header{border-bottom:1px solid var(--color-accent-gray2);justify-content:flex-end;padding:4px}}.note-form{background:var(--color-bg-black);background-image:linear-gradient(135deg,#2c2c3c4d 0,#000c 100%),var(--color-bg-grain);background-size:cover,120px 120px;border-radius:12px;box-shadow:0 2px 24px var(--color-shadow-gray);display:flex;flex-direction:column;gap:16px;margin:0;max-width:none;padding:24px;width:100%}.note-form__input,.note-form__tags-input,.note-form__textarea{background:var(--color-bg-dark2);border:1px solid var(--color-accent-gray2);border-radius:4px;color:var(--color-text-main);font-size:16px;padding:8px;transition:border .2s,box-shadow .2s}.note-form__input:focus,.note-form__tags-input:focus,.note-form__textarea:focus{border-color:var(--color-accent-gray1);box-shadow:0 0 8px var(--color-shadow-gray);outline:none}.note-form__textarea{min-height:200px;resize:vertical}.note-form__tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.note-form__tag{align-items:center;background:var(--color-tag-bg);border-radius:16px;box-shadow:0 0 8px var(--color-shadow-gray);color:var(--color-text-main);display:flex;font-size:14px;gap:4px;padding:4px 12px}.note-form__remove-tag{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0 4px;transition:color .2s}.note-form__remove-tag:hover{color:var(--color-danger)}.note-form__checkbox-container{align-items:center;display:flex;gap:16px}.note-form__checkbox-label{align-items:center;color:var(--color-text-main);cursor:pointer;display:flex;gap:8px}.create-note-page{background:var(--color-bg-black);background-image:linear-gradient(135deg,#2c2c3c4d 0,#000c 100%),var(--color-bg-grain);background-size:cover,120px 120px;border-radius:12px;box-shadow:0 2px 24px var(--color-shadow-gray);margin:0;max-width:none;padding:24px;width:100%}.create-note-page__header{margin-bottom:24px}.create-note-page h1{color:var(--color-text-main);margin-bottom:24px;text-shadow:0 2px 16px var(--color-shadow-gray)}@media (max-width:800px){.create-note-page{border-radius:0;box-shadow:none;padding:8px}.create-note-page__header{margin-bottom:12px}.create-note-page h1{font-size:1.5rem;margin-bottom:12px}}@media (max-width:600px){.create-note-page{border-radius:0;box-shadow:none;padding:2px}.create-note-page__header{margin-bottom:8px}.create-note-page h1{font-size:1.2rem;margin-bottom:8px}}
/*# sourceMappingURL=main.8386914b.css.map*/