@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Exo:ital,wght@0,100..900;1,100..900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ysabeau:ital,wght@0,1..1000;1,1..1000&display=swap");:root{--main-font:"Ysabeau",sans-serif;--ui-font:"Noto Sans",sans-serif;--reading-font:"EB Garamond",serif;--reading-font-size:18px;--background-ui-color:white;--a-hover-color:orange}body,html{max-width:100vw;height:100%}body{font-family:Ysabeau,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0;transition:color .2s ease-in-out}a{color:inherit;text-decoration:none}a:hover{color:var(--a-hover-color)!important}.ui-elem{font-family:var(--ui-font),Arial,sans-serif}.button{padding:.5rem;border:none;background-color:transparent}.error-page,.loading-div{height:calc(100vh - 125px);gap:1rem;text-align:center}.confirm-container,.error-page,.loading-div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.confirm-container{position:fixed;top:0;left:0;height:100%;background-color:rgba(0,0,0,.4)}.confirm-div{border:2px solid black;border-radius:4px;padding:1rem;background-color:white;display:flex;flex-direction:column;gap:1rem}.confirm-button-div{display:flex;justify-content:flex-end}.confirm-button{display:flex;align-items:center;gap:.25rem}.confirm-button.reject{color:red}.confirm-button.confirm{color:green}.home-bar{display:flex;align-items:center;gap:1rem;background-color:lightgoldenrodyellow;padding:.5rem 2rem}.home-drawer-button{padding:.5rem;border:none;background-color:transparent;margin-left:auto}.home-drawer .drawer-header{display:flex;align-items:center;padding:0 1rem 1rem 0}.drawer-content{padding:1rem}.drawer-items-div{display:flex;flex-wrap:wrap;gap:2rem}.drawer-content .drawer-item{display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center;border:2px solid black;border-radius:.5rem;padding:1rem;width:125px;height:125px}.drawer-icon svg{font-size:4rem}.drawer-item span{text-align:center;font-size:1.1rem}.sign-in-form{display:flex;flex-direction:column;gap:.5rem}.sign-in-form-fields{display:flex;gap:1rem}.footer-div{width:100%;display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center}.footer-div a{text-decoration:underline}.story-list{flex-direction:column;gap:1rem}.story-list,.story-list-item{display:flex;width:100%}.story-list-item.header{font-weight:500}.story-list-item .id{width:2rem;font-size:.7rem}.story-list-item .title{width:inherit}.story-list-item .author,.story-list-item .genre{width:100px}.story-list-item.item .author,.story-list-item.item .genre{font-style:italic;font-size:.7rem}.story-list-item .options{margin-left:auto;display:flex;gap:2rem}.story-info-page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0}.story-info-page .story-title{font-size:2.25rem;margin:.5rem 0;text-align:center}.span-header{font-size:1.25rem;font-weight:bolder;display:flex;margin:.5rem 0;justify-content:center}.story-description{padding:.5rem 2rem}.story-tags-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.story-toc{padding:1rem;margin:1rem 0}.story-toc-list{display:flex;flex-direction:column;gap:.5rem}.story-toc-list a{font-size:1.15rem}.story-info-page>div{width:90%;text-align:center}.story-div{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:2px solid black;border-radius:.5rem;width:-moz-fit-content;width:fit-content}.story-div .top{display:flex;gap:1rem;align-items:center}.story-div .top .title{font-size:1.5rem}.story-div .body{height:50px;border-left:2px solid black;padding:.5rem 1rem;overflow:hidden;-webkit-line-clamp:2;line-clamp:2}.story-div .bottom{display:flex;gap:1rem;align-items:center}.story-div .bottom a{padding:.25rem .5rem}#main-content{width:100%;padding:1rem 2rem;justify-content:center;align-items:center}#main-content,.chapter-page{display:flex;flex-direction:column}.chapter-page{font-family:var(--reading-font),serif;font-size:var(--reading-font-size);padding-bottom:1rem}.chapter-page .chapter-name,.chapter-page .story-name{text-align:center}.chapter-body{border:2px solid black;border-bottom:0;border-radius:8px 8px 0 0;position:fixed;bottom:0;left:0;margin:0 2.5%;width:95%;height:calc(100vh - 4rem - 100px);overflow:auto;padding:1rem 0}.chapter-body p{margin:.5rem 0}.chapter-footer hr{width:100%}.chapter-footer{align-items:center;width:100%}.chapter-footer,.settings-nav{display:flex;flex-direction:column;justify-content:center}.settings-nav{position:fixed;bottom:1rem;right:1rem;gap:1rem;align-items:flex-end;z-index:2}.settings-nav,.settings-nav-panel{background-color:var(--background-ui-color)}.settings-nav-panel{max-width:90vw;width:600px;min-height:100px;border:2px solid black;border-radius:3px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;line-height:1}.settings-nav-panel .header{font-size:1.5rem}.settings-nav-setting{display:flex;align-items:center;gap:1rem}.settings-nav-setting-name{width:250px;font-weight:bolder}.settings-nav-settings-input-div{margin-left:auto}.settings-nav .button{padding:.5rem;display:flex;align-content:center;justify-content:center;border:1px solid black;border-radius:10rem;background-color:var(--background-ui-color)}.settings-nav .button.active{background-color:lightgoldenrodyellow}.chapter-footer-buttons{display:flex;gap:1rem;align-items:center;justify-content:center}.button-list{display:flex;flex-direction:column;gap:1rem}.button-list.row{flex-direction:row}.flex{display:flex;align-items:center}.text-header{font-size:1.5rem}span.text-header{display:block}.text-header.center{text-align:center}.story-editor-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.story-editor-page .chapters-list{display:flex;flex-direction:column;padding:1rem .5rem}.edit-chapter-div{width:100%;display:flex;gap:1rem;padding:.5rem 0;align-items:center}.edit-chapter-div .button-a{margin-left:auto}.tab-content{width:100%;min-width:98vw}.edit-story-footer,.tab-content{display:flex;flex-direction:column}.edit-story-footer{padding:1rem;gap:1rem}.tags-list{padding:1rem 0;max-height:200px;overflow-y:auto;display:flex;gap:.5rem;flex-wrap:wrap}.page,.page div,.page h1,.page h2,.page h3,.page h4,.page h5,.page h6,.page span{font-family:var(--ui-font),Arial,sans-serif}.page{padding:1rem}.page-header{font-family:var(--ui-font),Arial,sans-serif;font-weight:500}.home-page{justify-content:center;align-items:center}.home-page,.story-page-filter-list{display:flex;flex-direction:column;width:100%}.story-page-filter-list{gap:1rem}.story-page-filter-list input,.underline-input{outline:none;border:none;border-bottom:1px solid black;padding-bottom:4px;text-align:right;width:-moz-fit-content;width:fit-content}.home-page .form,.home-page form{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.create-page,.create-page .stories-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.create-story-popup-div{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);width:95%;max-height:calc(75vh - 4rem - 175px);min-height:300px;border:2px solid black;border-radius:.5rem;background-color:var(--background-ui-color);display:flex;flex-direction:column;padding:2rem;gap:1rem;align-items:center}.create-story-popup-div>div{width:100%;gap:.5rem}.create-story-popup-div>div label{font-weight:bolder}.create-story-popup-div>div input{width:100%}.create-story-div{display:flex;gap:1rem;width:100%;align-items:center}.create-story-div .title{font-size:1.25rem}.box-icon-header-a{width:2rem;text-align:center}.box-icon-button{display:flex;align-items:center;justify-content:center;border:1px solid black;width:2rem;height:2rem}.box-icon-button svg{font-size:1rem}.create-story-div button{text-decoration:underline}.create-story-div .button-list{margin-left:auto}.edit-story-div{border:1px solid black;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column}.edit-story-info{gap:1rem}.edit-story-div .story-title{font-size:1.5rem}.edit-story-description{border-left:2px solid black;padding:.15rem .5rem .15rem .25rem;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;height:4.5rem}.story-editor-page .flex,.story-editor-page input{width:100%}.story-editor-page #story-title{font-size:2.25rem}.story-tags-container{display:flex;flex-wrap:wrap;align-items:center;width:100%}.story-tags-container input{width:100px!important;border-bottom:1px solid black;padding-bottom:4px}.story-tags-container a{margin-right:1rem}.story-tags-container a:hover{cursor:pointer}.story-editor-page #story-description{outline:none;border:none;padding:.5rem 0;resize:vertical;max-height:150px;min-height:100px;width:100%}.story-editor-page .tab-content{gap:0;padding:0 1rem}.container-div.left{text-align:left;justify-content:center;align-content:center}.edit-chapter-page{display:flex;flex-direction:column;gap:1rem;padding:1rem}.edit-chapter-input,.edit-story-input,.page button{outline:none;border:none;padding:.5rem;width:-moz-fit-content;width:fit-content;background-color:transparent;font-family:var(--ui-font) Arial,sans-serif;margin:0;line-height:1}.page label svg{font-size:.75rem}.page button:hover{cursor:pointer;color:var(--a-hover-color)}.edit-chapter-page #chapter-name{font-size:2.25rem;width:100%}.container,.container-div{display:flex;flex-direction:column;width:100%}.container-div.row,.container.row{flex-direction:row;align-items:center}.container-div.rightAlign{text-align:right;justify-content:right;align-items:end}.container-div.rightAlign.row{align-items:center}.editor-input-div{position:fixed;bottom:0;height:calc(100vh - 300px - 6rem);width:calc(100vw - 2rem);border-radius:.5rem .5rem 0 0;border:1px solid black;border-bottom:none;padding:1rem;overflow-y:auto;left:1rem}.story-info-header{font-size:.8rem;font-weight:500}.story-info-value{font-size:.7rem}.story-info-chapter{display:flex;gap:1rem;margin-bottom:.5rem}.story-info-chapter .read{margin-left:auto;text-align:right}.hover-reveal button{opacity:0}.hover-reveal:hover button{opacity:1}.tiptap{width:100%;outline:none}.button-list.sticky-top{position:-webkit-sticky;position:sticky;top:0;background-color:white;z-index:2;padding:1rem 0}.tiptap p{margin:0 0 1rem}.tiptap-button-list{gap:4px;padding-bottom:4px;border-bottom:1px solid black;width:-moz-fit-content;width:fit-content;font-family:var(--ui-font) Arial,sans-serif}.tiptap-editor-button{border:none;background-color:var(--background-ui-color);padding:.25rem .5rem;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;text-align:center}.tiptap-editor-button.is-active{font-weight:700;text-decoration:underline}.tiptap-editor-button.is-active:hover,.tiptap-editor-button:not(.is-active):hover{color:var(--a-hover-color);cursor:pointer}.tiptap-editor-button.is-active:hover .tiptap-editor-button-icon{color:white}.tiptap-info-list{font-family:var(--ui-font) Arial,sans-serif}.edit-chapter-editor-div .control-group,.tiptap-info-list{display:flex;flex-direction:column;gap:.25rem}