@font-face{font-family:Euphoria;src:url(./EuphoriaScript-Regular-B0IT5EQi.ttf)format("truetype");font-display:swap}@font-face{font-family:Cormorant;src:url(./CormorantGaramond-VariableFont_wght-B4Q5m-X8.ttf)format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Syne;src:url(./Syne-VariableFont_wght-HbfUXLBI.ttf)format("truetype");font-weight:100 700;font-style:normal;font-display:swap}:root{--text-xs:clamp(.75rem, .7rem + .2vw, .85rem);--text-sm:clamp(.875rem, .8rem + .3vw, 1rem);--text-m:clamp(1.1rem, .8rem + .3vw, 1rem);--text-base:clamp(1rem, .95rem + .4vw, 1.125rem);--text-lg:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-xl:clamp(1.5rem, 1.3rem + .8vw, 2rem);--text-2xl:clamp(2rem, 1.6rem + 1.2vw, 3rem);--text:#aaa;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--theme-titles:#b99dd6;--theme-links:#dbbbfb;--accent-bg:#aa3bffa8;--accent-border:#aa3bff80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:18px/145% Syne}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}:root.dark{--text:#b8babd;--text-h:#e6e6e6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc9a;--accent-border:#c084fc80;--social-bg:#e5e5ec;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex;position:relative}*,:before,:after{box-sizing:border-box}html,body{min-width:100%;min-height:100%}html{scroll-behavior:smooth;scrollbar-gutter:stable}.euphoria-font{font-family:Euphoria}body{padding-top:env(safe-area-inset-top);background-color:var(--bg);color:var(--text);scrollbar-gutter:stable;margin:0;padding:0;line-height:1.4;transition:all .3s}body::-webkit-scrollbar{display:none}h1,h2{letter-spacing:1px;font-weight:500}h1{letter-spacing:-1.68px;margin:10px 0;font-size:32px}h2,h3{letter-spacing:-.24px;color:var(--text-h);margin:0;font-family:Euphoria,cursive;font-size:26px;line-height:118%}p{color:var(--text-h);margin:0}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}li{list-style:none}li::marker{content:none}li a{color:var(--theme-links)}.main-landing{background-color:var(--social-bg);opacity:0;justify-content:center;align-items:center;min-height:100vh;padding:0 2.5rem 3rem;animation:1s forwards appear;display:flex;transform:translateY(10px)}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error{color:#b63d3d}.message{color:#3b7f3b}.auth-card{--_bg-color:#a2a2ad;background-color:var(--_bg-color);opacity:0;border-radius:.3rem;width:100%;max-width:520px;animation:1s forwards appear-card;overflow:hidden;transform:scale(.88)}@keyframes appear-card{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.image-wrapper{z-index:100;border-radius:100vw;width:30px;height:30px;position:fixed;top:1rem;left:1rem}.image-wrapper img{object-fit:cover;width:100%;height:100%}.auth-forms{position:relative}.auth-panel{opacity:0;transform-origin:50%;grid-template-rows:0fr;transition:grid-template-rows .5s ease-in-out,opacity .3s ease-in-out,transform .5s ease-in-out;display:grid;transform:scaleY(0)}.auth-panel>*{min-height:0}.auth-panel.active{opacity:1;grid-template-rows:1fr;transform:scaleY(1)}.auth-switch{background-color:var(--_bg-color);justify-content:center;padding:1rem;display:flex}.auth-switch button{color:#030303;cursor:pointer;font:inherit;background:0 0;border:0}.form-register,.form-login{background-color:var(--bg);border-radius:.3rem .3rem 0 0;grid-auto-rows:auto;gap:1.5rem;padding:2rem;display:grid}:is(.form-register,.form-login) h2{color:var(--_bg-color);font-size:1.5rem}:is(.form-register,.form-login) input{color:#ededed;background-color:#53546e;border:1px solid gray;width:80%;padding:1rem;font-size:1.2rem;transition:all .2s}@media (width<502px){:is(.form-register,.form-login) input{width:100%}}:is(.form-register,.form-login) button{color:#030303;background-color:var(--_bg-color);border:none;border-radius:2px;outline:none;padding:.5rem .75rem}input:focus,input:focus-visible{border-color:#cbcbcb;border-radius:2px;outline:none;box-shadow:0 0 0 3px #cbcbcbe9;background-color:var(--lightningcss-light,#e8f0fe)var(--lightningcss-dark,#465a7e66)!important}.internet{z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.internet-display{text-align:center;background-color:#fff;border-radius:.5rem;flex-wrap:wrap;justify-content:center;width:250px;padding:1rem 1.5rem 1.5rem;font-weight:900;display:flex;position:absolute;top:5rem;left:50%;transform:translate(-50%)}.internet-display svg{color:#3c7bcd;margin-right:.5rem;font-size:2.5rem;display:inline}.novel-workspace{flex-direction:column;min-height:100vh;display:flex}.novel-overlay{display:none}@media (width<=900px){.novel-overlay{z-index:9;opacity:0;pointer-events:none;box-shadow:var(--shadow);background:#00000098;transition:opacity .2s;display:block;position:fixed;inset:0}.novel-overlay-visible{opacity:1;pointer-events:auto}.novel-drawer{z-index:10}}.novel-header{grid-template-columns:2rem 1fr fit-content(8ch);align-items:center;padding:1rem;display:grid}.h1-title{text-align:center;grid-column:2;width:100%}.novel-reference .novel-header,#novel-back{padding:0}.novel-header h1{color:var(--theme-titles);margin:0;padding:0}.novel-header button{cursor:pointer;z-index:999;grid-column:1;width:33px;height:33px;position:fixed}.split-view{z-index:1000;display:flex;position:fixed;bottom:.5rem;left:.5rem}.split-view button{color:#d2d2d2;background-color:#0000;border:none;outline:#0000;width:30px;margin:0;padding:0;font-size:1.2rem}.novel-status{grid-column:3;gap:.5rem;display:flex}.novel-status span{color:var(--text-h);opacity:.8}.novel-pane-active{box-shadow:inset 0 0 5px #b6edff8a}.novel-body{flex:1;min-height:0;padding-block-end:20rem;position:relative}.novel-drawer{--_top:4.5rem;top:var(--_top);width:300px;height:calc(100dvh - var(--_top));z-index:10;background-color:#767676;border-right:1px solid #c9b0ec;padding:1rem;transition:transform .18s;position:fixed;left:0;overflow:hidden auto;transform:translate(-100%)}@media (width<1026px){.novel-drawer{--_top:4.8rem}}.chapter-index-ul{--_height:300px;text-align:left;height:100%;box-shadow:var(--shadow);margin-bottom:1rem;padding:1rem}.novel-container{margin-top:1.5rem}.chapter-index-header{justify-content:space-between;width:100%;display:flex}.document-create{padding-block:1rem}.chapter-index-hm .chapter-index-header{padding-top:1rem}.chapter-index-hm{box-shadow:var(--shadow);container:chapter-index/inline-size}.container-hm{padding:0 2rem}@container chapter-index (width<600px){.container-hm{padding:0 1rem}}.novel-container li{justify-content:space-between;padding:1rem 0;transition:all .2s;display:flex}.novel-container li:hover{background-color:#727272;padding-left:.25rem;padding-right:.25rem}.tips{counter-reset:tips;padding:0;position:relative}.tip{counter-increment:tips;text-align:left;grid-template-columns:1fr 4ch;gap:0;padding-block:1rem;display:grid;position:relative}.tip:after{content:"0 " counter(tips);color:inherit;opacity:.8;font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800;line-height:1.2}.novel-menu{position:absolute;top:50%;right:-.75rem;transform:translateY(-48%)}.novel-drawer li{justify-content:space-between;padding:.5rem 0;display:flex}.chapter-title{text-overflow:ellipsis;min-width:0;max-width:180px;overflow:hidden}.reference-ul{text-align:right;box-shadow:var(--shadow);padding:1rem}.novel-drawer li:first-child:not(.reference-ul li,.chapter-index-ul li){justify-content:center}.document-menu{display:inline-block;position:relative}.document-menu-trigger{cursor:pointer;color:#fff;opacity:.5;background:0 0;border:0;padding:2px 6px;font-size:18px}.document-menu-trigger:hover{opacity:1}.document-menu-dropdown{z-index:1000;border:1px solid var(--border);background:var(--bg);min-width:100px;box-shadow:var(--shadow);padding:4px;position:absolute;top:100%;right:0}.document-menu-delete{text-align:center;cursor:pointer;width:100%;color:inherit;letter-spacing:2px;background:0 0;border:0;padding:7px 10px;font-weight:600}.document-menu-delete:hover{background:var(--accent-bg)}.novel-drawer-open{transform:translate(0)}.novel-editor{min-height:40px;padding:0 2rem 1rem}@media (width<768px){.novel-editor{padding:0 1rem 1rem}}.novel-workspace-split-horizontal .novel-editor{flex-direction:column;gap:2rem;display:flex}.novel-workspace-split-vertical .novel-editor{flex-direction:row;gap:1rem;display:flex}.novel-editor-single>.novel-pane-active{box-shadow:none}.novel-pane{flex:1;width:100%;min-width:0;max-width:1100px;min-height:655px;margin:auto;padding:1rem}@media (width<428px){.novel-pane{padding:1rem 0}}.novel-workspace-split-horizontal>* .novel-pane:not(:first-child){border:1px solid #ffffff2c}.novel-document{flex-direction:column;width:100%;max-width:900px;height:100%;min-height:0;margin:0 auto;display:flex}.document-header{border-bottom:1px solid #ddd}.document-header p{margin:.35rem 0 0;font-size:.8rem}.document-editor{flex:1;min-height:0;padding:2rem 0 0;position:relative}.direction{justify-content:space-between;display:flex}.direction #button-prev,.direction #button-next{color:#8f8f8f;cursor:pointer;background-color:#0000;border:none;outline:none}.direction #button-prev{position:absolute;top:-3rem;left:0}.direction #button-next{position:absolute;top:-3rem;right:0}.direction #button-prev:hover,.direction #button-next:hover{color:#ddd}main{flex-direction:column;justify-content:center;width:100%;display:flex}.chapter-title-control{position:fixed;bottom:1rem;right:1rem}.chapter-title-control>button{cursor:pointer}.chapter-title-popup{background:#fff;border:1px solid #ccc;border-radius:8px;width:240px;padding:1rem;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 4px 16px #00000026}.chapter-title-popup label{margin-bottom:.5rem;display:block}.chapter-title-popup input{box-sizing:border-box;width:100%}.document-editor textarea{resize:none;width:100%;height:100%;min-height:500px;font-family:Cormorant,serif;font-weight:400;font-size:var(--text-base);color:#222;resize:vertical;box-sizing:border-box;background:#dfdfdf;border:none;outline:none;padding:1rem;line-height:1.6;display:block}.document-editor textarea::placeholder{color:#aaa}.document-editor textarea:focus{outline:none}.reference-index{width:100%;max-width:760px;margin:0 auto}.reference-index header{margin-bottom:1.5rem}.reference-index header h2{margin:0;font-weight:500}.reference-list{cursor:pointer;border-bottom:1px solid #ddd;padding:.9rem 1rem;transition:background-color .15s;position:relative}.reference-list .document-menu{position:absolute;bottom:.7rem;right:1rem}.reference-list:hover{background-color:#6b6b6b}.reference-list:first-of-type{border-top:1px solid #ddd}.reference-editor{flex-direction:column;gap:1.25rem;width:min(750px,100%);margin:0 auto;display:flex}.reference-editor input,.reference-editor textarea{background:0 0;border:none;outline:none;width:100%}.reference-editor input{text-align:left;letter-spacing:1px;color:var(--text-h);opacity:.8;border-bottom:1px solid #ddd;margin-bottom:.5rem;padding:.5rem;font-family:Euphoria,cursive;font-size:26px}.reference-editor input::placeholder{color:#aaa;font-weight:400}.reference-editor textarea{resize:vertical;min-height:486px;font-size:1.05rem;line-height:28.5px}.reference-editor textarea{color:inherit;font-size:var(--text-base);font-family:Cormorant,serif;font-weight:600}@media (width<428px){.reference-editor textarea{font-size:var(--text-m)}}.reference-editor textarea::placeholder{color:#aaa}.reference-editor input:focus{box-shadow:none;border-bottom-color:#999}.reference-editor textarea:focus{box-shadow:none;outline:none}.pagination-editor{position:relative;overflow:hidden}.pagination-editor textarea{z-index:1;padding-right:.75rem;position:relative}.pagination-editor textarea::-webkit-scrollbar{background-color:#80808015;width:7px}.pagination-editor textarea::-webkit-scrollbar-thumb{background-color:gray;border-radius:50px}.pagination-editor textarea::-webkit-scrollbar-corner{background:0 0}.page-markers{pointer-events:none;z-index:2;position:absolute;inset:0}.page-marker{border-top:1px solid #ccc;height:1px;position:absolute;left:0;right:0}.page-marker span{opacity:.6;pointer-events:auto;cursor:pointer;font-size:11px;position:absolute;top:4px;right:0}.page-index{transition:all .3s;position:fixed;bottom:0;right:0;transform:translate(100%)}.span-pages{color:#d9d9d9;cursor:pointer;position:fixed;bottom:.75rem;left:7rem}.page-index.active{transform:translate(0)}.novel-create-dropdown{--_timing:.3s;--_localTransition:opacity var(--_timing) ease-in-out, height var(--_timing) ease-in-out, transform var(--_timing) ease-in-out, display var(--_timing) ease-in-out;opacity:0;height:0;transition:var(--_localTransition);transition-behavior:allow-discrete;display:none}.form-novel-create{margin:0}.novel-create-dropdown.active{opacity:1;height:fit-content;display:block}@starting-style{.novel-create-dropdown.active{opacity:0;height:0}}@view-transition{navigation:auto}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-from-right{0%{transform:translate(10px)}}@keyframes slide-to-left{to{transform:translate(-10px)}}::view-transition-old(page-transition){animation:.6s cubic-bezier(.4,0,1,1) both fade-out,1s cubic-bezier(.4,0,.2,1) both slide-to-left}::view-transition-new(page-transition){animation:1.11s cubic-bezier(0,0,.2,1) 60ms both fade-in,1s cubic-bezier(.4,0,.2,1) both slide-from-right}.novel-create-actions{grid-auto-flow:column;justify-content:end;display:grid}.app-loading{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-loading img{object-fit:cover;width:100%;height:100%}.button-create,.button-ref-menu{color:#c9b0ec;font-size:1rem;font-family:var(--sans);cursor:pointer;background-color:#0000;border:none;outline:none;text-decoration:underline}.button-manuscript-create,.button-novel-create{width:100%}.button-create.isMenu{color:#fafafb}.button-save{margin:.5rem}.logout-button{cursor:pointer;width:100%;margin-top:1rem;padding:1rem}.reference-list a{color:#a0a1f9}.novel-back{color:#a0a1f9;cursor:pointer;text-decoration:underline}.novel-create-actions{gap:.5rem;margin-top:1rem}.novel-editor-hm .document-create button{float:right;width:fit-content;color:inherit;cursor:pointer;background-color:#0000;border:none;outline:none}.novel-editor-hm .document-create button:hover{color:#e1e1e1}.chapter-index-ul .reference-editor .novel-create-actions button{color:#e8e8e8;cursor:pointer;background-color:#535353;border:none;outline:none}.chapter-index-ul .reference-editor .novel-create-actions button:hover{color:#fff;background-color:#535353}
