:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #6b7280;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--yellow-50: #fffbeb;--yellow-100: #fef3c7;--yellow-200: #fde68a;--yellow-300: #fcd34d;--yellow-400: #fbbf24;--yellow-500: #f59e0b;--yellow-600: #d97706;--yellow-700: #b45309;--yellow-800: #92400e;--yellow-900: #78350f;--green-50: #ecfdf5;--green-100: #d1fae5;--green-200: #a7f3d0;--green-300: #6ee7b7;--green-400: #34d399;--green-500: #10b981;--green-600: #059669;--green-700: #047857;--green-800: #065f46;--green-900: #064e3b;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--purple-50: #f5f3ff;--purple-100: #ede9fe;--purple-200: #ddd6fe;--purple-300: #c4b5fd;--purple-400: #a78bfa;--purple-500: #8b5cf6;--purple-600: #7c3aed;--purple-700: #6d28d9;--purple-800: #5b21b6;--purple-900: #4c1d95;--openlibrary: #e1dcc5;--content-width: 80rem;--header-height: 8.9rem}.green{background-color:var(--green-500);color:var(--green-200)}.green:hover,.green:active{background-color:var(--green-700)}.blue{background-color:var(--blue-500);color:var(--blue-200)}.blue:hover,.blue:active{background-color:var(--blue-700)}.red{background-color:var(--red-500);color:var(--red-200)}.red:hover,.red:active{background-color:var(--red-700)}.yellow{background-color:var(--yellow-500);color:var(--yellow-200)}.yellow:hover,.yellow:active{background-color:var(--yellow-700)}body{background-color:var(--gray-100);color:var(--gray-600);margin:0;padding:0}#top-bar{position:fixed;width:100%;z-index:10}.flex{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.start{justify-content:flex-start}.flex-col{display:flex;flex-wrap:wrap;flex-direction:column}.flex-reverse{display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:space-between}.flex-centre{align-self:center}.grow{flex-grow:1}.container{padding:1rem}.container-screen{min-height:100vh;width:100%}.section{margin:0;padding:2rem 0;min-height:20rem}.card{width:100%;margin-bottom:.1rem;padding:1rem;display:flex;justify-content:space-between;gap:1rem;background-color:var(--gray-50);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-actions a{color:var(--blue-600);font-weight:600}.fit{width:-moz-fit-content;width:fit-content}.centre{align-self:center}main{position:relative;top:var(--header-height);width:100%;height:calc(100vh - var(--header-height))}.content{width:100%;height:100%;padding:1rem 0}nav{padding:0 .5rem;color:var(--blue-700);z-index:100}nav.pale{color:var(--blue-100)}#top{width:100%}.full-nav{display:none}.full-nav a{padding:.5rem;font-size:1.2rem}.responsive-nav{border-bottom:solid 1px var(--gray-100)}.responsive-nav a{padding:.2rem}@media(min-width:640px){.content{max-width:80rem;margin:0 auto}#top .content{display:flex;flex-direction:row-reverse;justify-content:space-between}.full-nav{display:block}.hamburger{display:none}}.padding{padding:1rem}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}#top .image-container{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden}#top figcaption{margin-top:-2rem;text-align:right;color:var(--purple-700);font-size:.7rem}@media(min-width:640px){#top .image-container{width:50%}#top figcaption{margin-top:-5rem}}h1{font-size:2rem;color:var(--blue-500);font-weight:700}h2{font-size:1.7rem;color:var(--blue-700);font-weight:700}h3{font-size:1.5rem;color:var(--blue-700);text-align:center;font-weight:600;margin:1rem 0}h4{font-size:1.3rem;color:var(--blue-700);font-weight:600;margin:.5rem 0}p{color:var(--blue-700);margin-bottom:.5rem}q,blockquote{color:var(--purple-700);font-style:italic;padding-left:2rem}.error{color:var(--red-200)}.bold{font-weight:700}@media(min-width:640px){h1{font-size:3rem}h2{font-size:2.5rem}}form{padding:.5rem}label{color:var(--blue-300);display:block}@media(min-width:640px){form{max-width:60rem;margin:0 auto}}#titleInput{width:100%;text-align:center;background:transparent;border:none;outline:none;color:var(--blue-700);font-weight:600;font-size:1.8rem}.chapter-editor,.part-editor{min-height:68vh;border:none;outline:none;padding:1rem;font-family:Georgia,"Source Serif 4",Inter,Times New Roman,serif;font-size:1.3rem;color:var(--gray-700);background-color:var(--gray-100);resize:vertical;width:100%;line-height:1.6;resize:none;background:transparent;box-shadow:none;caret-color:var(--gray-900);overflow:hidden;overflow-y:hidden}.chapter-editor p,.part-editor p{margin-bottom:.5rem;color:var(--gray-700)}.chapter-editor hr,.part-editor hr{margin-top:3rem;border:none}#titleInput:focus,.chapter-editor:focus{border:none;outline:none;box-shadow:none}#titleInput::-moz-selection,.chapter-editor::-moz-selection{background:var(--blue-300)}#titleInput::selection,.chapter-editor::selection{background:var(--blue-300)}.sidebar{position:fixed;top:var(--header-height);bottom:0;width:25rem;background:var(--gray-50);gap:0;transition:transform .3s ease-in-out}#left-sidebar{left:0;transform:translate(-21rem)}#right-sidebar{right:0;transform:translate(21rem)}.sidebar .bar{display:inline-block;width:20rem;height:100%;padding:1rem 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to bottom,transparent,black 12px,black calc(100% - 12px),transparent);mask-image:linear-gradient(to bottom,transparent,black 12px,black calc(100% - 12px),transparent)}.sidebar .bar::-webkit-scrollbar{display:none}.sidebar-toggle{display:inline-block;width:4rem;height:100%;background-color:var(--gray-100)}.sidebar button:hover{background-color:var(--gray-200)}#left-sidebar.sidebar--open-left{transform:translate(0)}#left-sidebar.sidebar--open-left button div{transform:rotate(180deg)}#right-sidebar.sidebar--open-right{transform:translate(0)}#right-sidebar button div{transform:rotate(180deg)}#right-sidebar.sidebar--open-right button div{transform:rotate(0)}.sidebar section{margin-bottom:2rem}.sidebar dl{margin:0;padding:0}.sidebar dt{font-weight:600}.sidebar dd{margin:0}.sidebar summary{font-weight:600;color:var(--blue-700);font-size:1.3rem;cursor:pointer}.sidebar details details summary{font-size:1rem;color:var(--gray-700)}.sidebar label{display:block;color:var(--gray-700)}.character-group+.character-group{border-top:solid 1px var(--gray-300)}.save-indicator{position:fixed;bottom:1rem;right:1rem;z-index:100;background-color:green;color:#fff;padding:.5rem 1rem;border-radius:.5rem;opacity:0}.save-indicator.is-visible{opacity:1}.blue{background-color:#00f}