html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.fade-enter-active,.fade-leave-active{transition:opacity 150ms}.fade-enter,.fade-leave-to{opacity:0}.slow-fade-enter-active,.slow-fade-leave-active{transition:opacity 250ms}.slow-fade-enter,.slow-fade-leave-to{opacity:0}.notification-enter-active{transition:transform 200ms ease-in-out,opacity 400ms ease-in-out}.notification-leave-active{transition:transform 400ms ease-in-out,opacity 200ms ease-in-out}.notification-enter,.notification-leave-to{transform:translateY(10px);opacity:0}.slide-fade-enter-active{transition:all 150ms ease-in-out}.slide-fade-leave-active{transition:all 150ms ease-in-out}.slide-fade-enter,.slide-fade-leave-to{transform:translateY(30px);opacity:0}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-webkit-keyframes slidetounlock{0%{background-position:-720px 0}100%{background-position:720px 0}}.About{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.About__content{border:1px solid #000;background:#fff;max-width:700px;z-index:10000}.About__inner{border-left:24px solid #000;background:#fff;z-index:10000}.About__intro{font-size:1.4em;padding:1em 1.4em}.About__footer{padding:1.4em;text-align:right;opacity:.5;font-size:.8em}.About__title{display:block;margin:0 0 .4em;font-size:1.1em;font-weight:bold;line-height:140%}.About__questions{padding:0 1.4em;border-bottom:1px solid #000;border-top:1px solid #000;overflow:hidden;overflow-y:scroll;height:500px}.About__question:first-child{margin-top:1.4em}.About__question{margin:0 0 1.4em;break-inside:avoid;border:1px solid #000;border-radius:4px;padding:1em}.About__question.is-more{background:#ffffe0}.About__inner.is-0{border-color:#f2994a}.About__inner.is-1{border-color:#6fcf97}.About__inner.is-2{border-color:#27ae60}.About__inner.is-3{border-color:#2f80ed}.About__inner.is-4{border-color:#2d9cdb}.About__inner.is-5{border-color:#56ccf2}.About__inner.is-6{border-color:#eb5757}.About__inner.is-7{border-color:#bb6bd9}.About__inner.is-8{border-color:#9b51e0}.About__inner.is-9{border-color:#f2c94c}.About__inner.is-10{border-color:#ffeb3b}.About__innerContent{border-left:1px solid #000}.Books{display:grid;margin:8em auto;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(auto-fill, 200px);grid-gap:32px}.Book{width:300px;height:200px;border:none}.Book__shadow{position:absolute;left:0;background:#000;opacity:.05;height:50%;bottom:0;width:100%;border-radius:2px}.Book__inner{position:relative;border:1px solid #000;background:#fff;align-items:flex-start;height:100%;width:100%;transition:all 250ms ease-in-out;box-shadow:0 8px 8px rgba(0,0,0,0);z-index:1}.Book.is-selected .Book__inner,.Book:hover .Book__inner{transform:translateY(-20px);box-shadow:0 10px 10px rgba(0,0,0,.2)}.Book__content{padding:1em;border-left:20px solid #000;height:100%;font-family:var(--sans-font)}.Book__title{font-weight:bold;margin:0 0 .4em;word-break:break-word}.Book__source{font-weight:normal}.Book__count{position:absolute;bottom:3em;right:1em;opacity:.5;font-size:.8em;background:#f0f0f0;border-radius:100px;padding:.4em .8em}.Book__pages{bottom:0;background:#fff;width:100%;display:flex;flex-direction:column;justify-content:space-between}.Book__pages{position:absolute}.Book__page{position:relative;width:100%;height:2px;margin-bottom:2px;border-top:1px solid #000}.Books__infoInner{border:2px solid rgba(0,0,0,.1);color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;border-radius:800px;padding:.8em 1em;font-size:1.4em;font-family:var(--sans-font);text-align:center;line-height:145%;pointer-events:none;user-select:none;transition:all 250ms ease-in-out}.Books__info{flex:1;max-width:80%;display:flex;justify-content:center;align-items:center;transition:opacity 250ms ease-in-out}.Books__info.is-small{position:absolute;top:1em;height:auto;display:flex;justify-content:center;align-items:center;transition:opacity 250ms ease-in-out}.Books__info.is-small .Books__infoInner{padding:.4em 1em;font-size:.8em;opacity:.5;font-weight:400}@media only screen and (max-width: 1700px){.Books{grid-template-columns:repeat(4, 1fr)}}@media only screen and (max-width: 1380px){.Books{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 1000px){.Books{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 700px){.Books{grid-template-columns:repeat(1, 1fr)}.Books__infoInner{font-size:.8em}}button{position:relative;display:block;margin:0;padding:0;text-decoration:none;font-family:var(--sans-font);font-size:1em;background:rgba(0,0,0,0);color:var(--black);cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;outline:none}.Link{border:none;text-decoration:underline;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;display:inline-block}.Button{position:relative;line-height:normal;display:inline-block;font-size:1em;border:1px solid #000;padding:.8em .8em;border-radius:4px;box-shadow:0 8px 0 #000;text-align:center;text-decoration:none;transition:opacity 250ms ease-in-out}.Button.is-disabled:hover{opacity:.5;transform:translateY(0);box-shadow:0 8px 0 #000}.Button.is-disabled{opacity:.5}.Button:hover{transform:translateY(2px);box-shadow:0 6px 0 #000;cursor:pointer}.Button.has-spinner{display:flex;align-items:center;justify-content:center}.Channels{position:relative}.Channels__content{position:relative;width:100%}.Channels__listInner{max-height:300px;position:absolute;width:100%;bottom:0;overflow:hidden;overflow-y:scroll;border:1px solid #000;border-radius:4px;background:#fff}.Channels.is-open .Channels__list{width:100%}.Channels__list{position:absolute;height:300px;bottom:0px;z-index:1000}.Channel.is-public,.Channels.is-public .Channels__titleChannel{color:green}.Channel.is-private,.Channels.is-private .Channels__titleChannel{color:red}.Channel.is-selected,.Channel:hover{color:#fff;background:#000}.Channel{color:#000;width:100%;border:none;border-bottom:1px solid #000;border-radius:0;padding:.8em;line-height:145%}.Channel:last-child{border-bottom:none}.Channels__title{padding:0;display:flex;justify-content:center;align-items:center}.Channels.is-selected .Channels__titleChannel{text-align:left}.Channels.is-selected .Channels__titleChannel{border-right:1px solid #000}.Channels__titleChannel{padding:.8em .8em;width:100%}.Channels__visit:hover{transform:translate(3px, 0);box-shadow:none;border:none}.Channels__visit{display:flex;justify-content:center;align-items:center;padding:.8em;text-decoration:none;box-shadow:none;border:none;transition:transform 150ms ease-in-out}.Clippings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.Clippings__inner{display:flex;flex-direction:row;position:relative;width:80%;max-width:900px;height:80%;background:#fff;border:1px solid #000;z-index:1000}.Clippings__content{position:relative;background:#fff;width:calc(100% - 300px);overflow:hidden;overflow-y:scroll}.Clippings__bookTitle{word-break:break-word}.Clippings__pages{position:absolute;z-index:1000}.Clippings__pages{bottom:0;background:#fff;width:100%;display:flex;flex-direction:column;justify-content:space-between}.Clippings__page{position:relative;width:100%;height:2px;margin-bottom:2px;border-top:1px solid #000}.Clippings__actions{display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:1em 1em 2em 1em;background:#fff}.Clippings__actions .Clippings__action:last-child{margin:0}.Clippings__actions .Clippings__action{margin:0 0 1em;color:#000}.Clippings__action.is-disabled{opacity:.5;cursor:default}.Clippings__snippets{padding:1em}.Clippings__contentHeader .Link{margin:0 0 0 .8em}.Clippings__contentHeaderActions{flex:1;display:flex;justify-content:flex-end;align-items:center}.Clippings__info{background:#000;color:#fff;border-radius:40px;padding:.4em .8em}.Clippings__contentHeader{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;left:0;width:100%;background:#fff;padding:1.2em;font-size:.8em;border-bottom:1px solid #000;z-index:100000}.Clippings__header{position:relative;display:flex;flex-direction:column;width:300px;border-right:1px solid #000;z-index:1000}.Clippings__headerData{padding:1em;border-left:10px solid #000}.Clippings__bookTitle{display:block;font-weight:bold;margin:0 0 .2em}.Collaborate{margin:0 0 1em;font-size:.8em;display:flex}.Collaborate__help{border-radius:100px;width:8px;height:8px;padding:8px;display:flex;justify-content:center;align-items:center;font-size:.9em;background:#000;color:#fff;position:relative;top:4px;margin-left:4px}.Collaborate .Collaborate__text{margin:0 0 0 2px}.Collaborate__checkbox{position:relative;top:1px}.Collaborate:hover .Collaborate__text{text-decoration:underline;cursor:pointer}.Navigation{position:fixed;top:2em;right:2em;display:flex;justify-content:flex-end;align-items:center;z-index:1000}.Navigation__actions{display:flex;justify-content:flex-end;align-items:center}.Navigation__actions>*{margin:0 0 0 .8em}.Navigation .Button{padding:.4em 1em;text-decoration:none;background:#fff}.Notification{position:fixed;top:2em;display:flex;justify-content:center;align-items:center;z-index:10000}.Notification__message{background:#000;color:#fff;padding:.4em .8em;border-radius:4px;font-size:.9em}.Notification__message a{color:#fff;font-weight:bold}.Notification__message strong{font-weight:bold}.Pages{bottom:0;background:#fff;width:100%;display:flex;flex-direction:column;justify-content:space-between}.Pages__page{position:relative;width:100%;height:2px;margin-bottom:2px;border-top:1px solid #000}.Snippet.is-selected{border-left:12px solid #000}.Snippet__footerRight{position:absolute;right:20px}.Snippet__footerLeft{position:absolute;display:flex;left:20px}.Snippet__revert,.Snippet__action{border:1px solid #000;color:#000}.Snippet__revert:hover,.Snippet__action:hover{background:#000;color:#fff}.Snippet .Snippet__action{display:none;visibility:hidden;opacity:0;transition:all 150ms ease-in-out;border-radius:100px;padding:2px 16px;font-size:.8em;font-weight:bold;margin:0 4px 0 0}.Snippet__revert{border:1px solid #000;border-radius:100px;padding:2px 16px;font-size:.8em;font-weight:bold;margin:0 4px 0 0;text-decoration:none}.Snippet:hover .Snippet__action{display:block;visibility:visible;opacity:1}.Snippet{transition:border 120ms ease-in-out,background 120ms ease-in-out;background:#fff;border:1px solid #000;margin:0 0 1em;width:100%;position:relative;border-radius:4px;cursor:pointer}.Snippet.is-note{font-style:italic}.Snippet__content{margin:1em;padding:.4em;transition:background 150ms ease-in-out;border-radius:2px}.Snippet__content:focus{outline:none}.Snippet__content:hover{outline:none;cursor:text;background:rgba(0,0,0,.05)}.Clippings__snippets .Snippet:last-child{margin:0 0 60px}.Snippet__footer{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 1.6em 1em 1.6em;font-size:.9em;height:40px}.Snippet__datetime{opacity:.5}.Button .Spinner{position:absolute;top:auto;left:1em;border-top:4px solid rgba(0,0,0,.3);border-right:4px solid rgba(0,0,0,.3);border-bottom:4px solid rgba(0,0,0,.3);border-left:4px solid #000}.Spinner{position:fixed;top:1em;left:1em;border-top:4px solid rgba(0,0,0,.1);border-right:4px solid rgba(0,0,0,.1);border-bottom:4px solid rgba(0,0,0,.1);border-left:4px solid #fff;animation:load8 .8s infinite linear}.Spinner,.Spinner:after{width:30px;height:30px;border-radius:50%}.Spinner.is-small{width:20px;height:20px}.Tooltip{position:relative;display:inline-block;margin:0 0 0 4px;display:inline-flex;text-align:center;vertical-align:baseline;line-height:133%;position:relative;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#000;color:#fff;text-indent:0;cursor:pointer;transition:background 250ms ease-in-out}.Tooltip__text{position:absolute;visibility:hidden;font-size:.9em;text-align:center;padding:12px;border-radius:4px;line-height:135%;bottom:125%;opacity:0;transition:opacity 250ms ease-in-out;width:280px;background:#000;color:#fff;z-index:1}.Tooltip:hover .Tooltip__text{visibility:visible;opacity:1}*{box-sizing:border-box}html,body{height:100%}:root{--sans-font: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif}body{font-size:1.1em;line-height:135%;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#000;font-family:var(--sans-font);margin:0;padding:0;background:#ffd951;transition:background 250ms ease-in-out;background:linear-gradient(125deg, #ffd951 0%, #51ffaf 100%) fixed;background-repeat:no-repeat}a{color:#000;text-decoration:underline}strong{font-weight:bold}.code{background:#f0f0f0;border-radius:2px;padding:2px 4px;font-size:.8em;line-height:135%;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#000;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}em{font-style:italic}p{line-height:135%;margin:0 0 1em}p:last-child{margin:0}p.is-small{font-size:.8em;color:#999}p.is-small a{color:#999}body.block-scroll{overflow:hidden}body.is-dragover .Books__infoInner{background:rgba(0,0,0,.1)}.App{height:100%}.Home{display:flex;flex-direction:column;align-items:center;min-height:100%}.Backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);transition:all 250ms ease-in-out;z-index:100}.Title{position:fixed;top:2em;left:0;text-align:center;font-weight:bold;width:100%;font-size:1.4em;z-index:1}.is-0 .Spine{border-color:#f2994a}.is-1 .Spine{border-color:#6fcf97}.is-2 .Spine{border-color:#27ae60}.is-3 .Spine{border-color:#2f80ed}.is-4 .Spine{border-color:#2d9cdb}.is-5 .Spine{border-color:#56ccf2}.is-6 .Spine{border-color:#eb5757}.is-7 .Spine{border-color:#bb6bd9}.is-8 .Spine{border-color:#9b51e0}.is-9 .Spine{border-color:#f2c94c}.is-10 .Spine{border-color:#ffeb3b}.is-11 .Spine{border-color:#000}.Icon{width:20px}