html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{height:100%;margin:0;line-height:1.5;color:#121212}textarea,input,button{font-size:1rem;font-family:inherit;border:none;border-radius:8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:.5rem .75rem;box-shadow:0 0 1px #0003,0 1px 2px #0003;background-color:#eee;line-height:1.5;margin:0}button{color:#3992ff;font-weight:500}textarea:hover,input:hover,button:hover{box-shadow:0 0 1px #0009,0 1px 2px #0003}button:active{box-shadow:0 0 1px #0006;transform:translateY(1px)}#contact h1{display:flex;align-items:flex-start;gap:1rem}#contact h1 form{display:flex;align-items:center;margin-top:.25rem}#contact h1 form button{box-shadow:none;font-size:1.5rem;font-weight:400;padding:0}#contact h1 form button[value=true]{color:#a4a4a4}#contact h1 form button[value=true]:hover,#contact h1 form button[value=false]{color:#eeb004}form[action$=destroy] button{color:#f44250}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#root{display:flex;height:100%;width:100%}#sidebar{background-color:#f7f7f7;border-right:solid 1px #e3e3e3;display:flex;flex-direction:column}#sidebar>*{padding-left:2rem;padding-right:2rem}#sidebar h1{font-size:1rem;font-weight:500;display:flex;align-items:center;margin:0;padding:1rem 2rem;border-bottom:1px solid #e3e3e3;line-height:1}#sidebar h1:before{margin-right:.5rem;position:relative;top:1px}#sidebar>div{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid #e3e3e3}#sidebar>div form{position:relative}#sidebar>div form input[type=search]{width:100%;padding-left:2rem;background-repeat:no-repeat;background-position:.625rem .75rem;background-size:1rem;position:relative}#sidebar>div form input[type=search].loading{background-image:none}#search-spinner{width:1rem;height:1rem;animation:spin 1s infinite linear;position:absolute;left:.625rem;top:.75rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#sidebar nav::-webkit-scrollbar{overflow:scroll;width:100%;padding-top:1rem;display:none}#sidebar div::-webkit-scrollbar{overflow:scroll;width:100%;padding-top:1rem;display:none}#sidebar nav{overflow:scroll;padding-top:1rem;width:100%;-ms-overflow-style:none;scrollbar-width:none}.chapter-nav{flex:1}.bookmark-nav{max-height:30%}#sidebar nav a span{text-align:center;float:right;color:#eeb004}#sidebar nav a.active span{color:inherit}i{color:#818181}#sidebar nav .active i{color:inherit}#sidebar div .active i{color:inherit}#sidebar ul{padding:0;margin:0;list-style:none}#sidebar li{margin:.25rem 0}#sidebar nav a{display:flex;align-items:center;justify-content:space-between;overflow:hidden;white-space:pre;padding:.5rem;border-radius:8px;color:inherit;text-decoration:none;gap:1rem}#sidebar nav a:hover{background:#e3e3e3}#sidebar nav a.active{background:hsl(224,98%,58%);color:#fff}#sidebar nav a.pending{color:#2b63fd}#detail{display:flex;flex-shrink:0;width:100vw}#detail.loading{opacity:.25;transition:opacity .2s;transition-delay:.2s}#contact{max-width:40rem;display:flex}#contact h1{font-size:2rem;font-weight:700;margin:0;line-height:1.2}#contact h1+p{margin:0}#contact h1+p+p{white-space:break-spaces}#contact h1:focus{outline:none;color:#2b63fd}#contact a[href*=twitter]{display:flex;font-size:1.5rem;color:#3992ff;text-decoration:none}#contact a[href*=twitter]:hover{text-decoration:underline}#contact img{width:12rem;height:12rem;background:#c8c8c8;margin-right:2rem;border-radius:1.5rem;object-fit:cover}#contact h1~div{display:flex;gap:.5rem;margin:1rem 0}#contact-form{display:flex;max-width:40rem;flex-direction:column;gap:1rem}#contact-form>p:first-child{margin:0;padding:0}#contact-form>p:first-child>:nth-child(2){margin-right:1rem}#contact-form>p:first-child,#contact-form label{display:flex}#login>p:first-child,#login label{display:flex}#login p:first-child span,#login label span{width:8rem;margin-top:10px}#login{margin:auto}#email-confirmation{margin:auto;padding-inline:20px}#login label{margin-top:10px}#contact-form p:first-child span,#contact-form label span{width:8rem}#login p:first-child input,#login label input,#login label textarea,#contact-form p:first-child input,#contact-form label input,#contact-form label textarea{flex-grow:2}#contact-form-avatar{margin-right:2rem}#contact-form-avatar img{width:12rem;height:12rem;background:hsla(0,0%,0%,.2);border-radius:1rem}#contact-form-avatar input{box-sizing:border-box;width:100%}#contact-form p:last-child{display:flex;gap:.5rem;margin:0 0 0 8rem}#login p:last-child button[type=button]{color:inherit}#zero-state{margin:2rem auto;text-align:center;color:#818181}#zero-state a{color:inherit}#zero-state a:hover{color:#121212}#zero-state:before{display:block;margin-bottom:.5rem}#error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.no-more-chapter{width:100vw;display:block;text-align:center;margin:auto 30px auto -100px}.no-more-chapter p{padding:20px;width:100vw}.page{height:min(90vh,150vw)}.chapterContainer{padding-left:100px;padding-right:100px;width:100%;margin:0;overflow-x:scroll;overflow-y:hidden;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.signupLink{padding:.6rem .3rem;float:right;font-size:.8rem}.bookmark{left:30}.hint{margin-top:-10px;font-style:italic;text-align:center;color:#818181}#index{margin:auto}nav.bookmark-nav{height:300px}nav.chapters-nav{height:300px}