*,*:before,*:after{box-sizing:border-box}body{margin:unset}button,input,textarea,select{font:inherit}a{text-decoration:unset;color:unset}img,picture,svg,canvas{display:block;max-inline-size:100%;height:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--main-hue: 265;--c-bg-page: hsl(var(--main-hue), 0%, 90%);--c-bg-box: hsl(var(--main-hue), 0%, 100%);--c-bg-code: hsl(var(--main-hue), 0%, 90%);--c-bg-button: hsl(var(--main-hue), 45%, 45%);--c-text: hsl(var(--main-hue), 0%, 10%);--c-text-code: hsl(var(--main-hue), 0%, 0%);--c-text-dim: hsl(var(--main-hue), 0%, 40%);--c-text-link: hsl(var(--main-hue), 45%, 45%);--c-text-title: hsl(var(--main-hue), 45%, 45%);--c-text-title-dim: hsl(var(--main-hue), 35%, 65%);--c-text-button: hsl(var(--main-hue), 0%, 95%);--c-border: hsl(var(--main-hue), 45%, 45%)}.dark-mode{--c-bg-page: hsl(var(--main-hue), 0%, 10%);--c-bg-box: hsl(var(--main-hue), 0%, 15%);--c-bg-code: hsl(var(--main-hue), 0%, 30%);--c-bg-button: hsl(var(--main-hue), 45%, 45%);--c-text: hsl(var(--main-hue), 0%, 85%);--c-text-code: hsl(var(--main-hue), 0%, 100%);--c-text-dim: hsl(var(--main-hue), 0%, 55%);--c-text-link: hsl(var(--main-hue), 45%, 65%);--c-text-title: hsl(var(--main-hue), 45%, 65%);--c-text-title-dim: hsl(var(--main-hue), 25%, 45%);--c-text-button: hsl(var(--main-hue), 0%, 95%);--c-border: hsl(var(--main-hue), 45%, 65%)}*{margin:0;padding:0;outline:none}:root{font-size:14pt}body{background-color:var(--c-bg-page);color:var(--c-text);font-family:sans-serif}input{padding:.1em .2em;border:1px solid var(--c-text);background-color:var(--c-bg-box);color:var(--c-text)}body{min-height:100vh;min-height:100dvh}.normal-content{padding:.5em;margin:auto;max-width:48em}.button-fixed{width:100%;margin-bottom:.5em}@media only screen and (max-width: 600px){.button-fixed{margin:0;width:unset;position:fixed;bottom:1em;right:.75em}}.account-info{margin:.5em 0}.button-list{white-space:nowrap}.button-list__button{margin-left:.1em}.button-list__button:first-of-type{margin-left:unset}.card{padding:1em;background-color:var(--c-bg-box);border-radius:1em}.card__title{font-size:1.75rem;margin-bottom:.5em;color:var(--c-text-title)}.card__section{margin-top:.5em}.compact-note{display:block;margin-top:.5em;padding:.75em;border-radius:.75em;background-color:var(--c-bg-box);-webkit-user-select:none;user-select:none;cursor:pointer}.compact-note:first-of-type{margin-top:0}.compact-note__title{color:var(--c-text-title);font-size:1.2rem}.compact-note__content{overflow:hidden;text-overflow:ellipsis;margin:.5em 0}.compact-note__date{color:var(--c-text-dim);margin-top:.25em;font-size:.8rem}.copyright-notice{font-size:.8rem;color:var(--c-text-dim);text-align:center;padding:.5em;margin-top:.5em}.error-message{padding:.5em;border-radius:.5em;border:solid 1px red;color:red;background-color:var(--c-bg-box);margin:.5em 0}.form{margin:.5em 0}.link{color:var(--c-text-link)}.modal__background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:#0003}.modal__card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15}.modal__text{text-align:center;margin-bottom:.5em}.modal__actions{margin:auto;width:fit-content}.navigation{padding:.5em;background-color:var(--c-bg-box)}.navigation__link{margin-right:.25em;text-decoration:none;color:var(--c-text-link);cursor:pointer}.normal-button{padding:.35em .75em;border-radius:.5em;border:none;background-color:var(--c-bg-button);color:var(--c-text-button);font-weight:700;cursor:pointer}.normal-button:active{transform:translateY(.1em)}.normal-button_light{border:2px solid var(--c-border);background-color:var(--c-bg-box);color:var(--c-text-title)}.note-editor{margin-bottom:.5em;overflow:hidden}.note-editor__note-title{font-size:1.75rem;width:100%;margin-bottom:.5em;border:none;background-color:var(--c-bg-box);color:var(--c-text-title);font-weight:700}.note-editor__note-title::placeholder{color:var(--c-text-title-dim)}.note-editor__note-body{width:100%;min-height:10em;grid-area:1 / 1 / 2 / 2;resize:none;border:none;overflow:hidden;word-wrap:break-word;text-wrap:pretty;background-color:var(--c-bg-box);color:var(--c-text)}.note-editor__note-body::placeholder{color:var(--c-text-dim)}.note-editor__note-body-dummy{width:100%;min-height:10em;grid-area:1 / 1 / 2 / 2;resize:none;border:none;overflow:hidden;word-wrap:break-word;text-wrap:pretty;white-space:pre-wrap;visibility:hidden}.note-editor__note-body-grid{display:grid;width:100%}.note-list{display:block}.note__title{font-size:1.75rem;margin-bottom:.5em;color:var(--c-text-title);font-weight:700}.note__content{margin:.5em 0;word-wrap:break-word}.note__dates{font-size:.8rem;margin:.5em 0;color:var(--c-text-dim)}.note-heading-1{font-size:1.5rem;margin-top:1em;margin-bottom:.5em;white-space:pre-wrap}.note-heading-2{font-size:1.3rem;margin-top:.75em;margin-bottom:.4em;white-space:pre-wrap}.note-heading-3{font-size:1.15rem;margin-top:.5em;margin-bottom:.4em;white-space:pre-wrap}.note-paragraph{margin-top:.4em;margin-bottom:.4em;white-space:pre-wrap}.note-bullet{display:flex;gap:.25em}.note-bullet__content{overflow:hidden}.note-ordered{display:flex;gap:.25em}.note-ordered__content{overflow:hidden}.note-task{display:flex;gap:.25em}.note-task_done{color:var(--c-text-dim)}.note-task__content{overflow:hidden}.note-task__content_done{text-decoration:line-through}[block-content]{white-space:pre-wrap}.code-mark{white-space:pre;font-family:monospace;font-size:.9rem;background-color:var(--c-bg-code);padding:1px .3em;border-radius:.3em;color:var(--c-text-code)}.hidden{display:none}.float-right{float:inline-end}