html{width:100%;height:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;width:100%;height:100%;margin:0;font-family:Courier,sans-serif}*{box-sizing:border-box;transition:all}#root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background:#fff;padding-left:288px;font-family:Courier,sans-serif;position:relative}#root,#root>[data-reactroot]{width:100%;height:100%}h1,h2,h3,h4{margin:0;font-size:1.5rem;font-weight:600}a,button{color:#333;cursor:pointer;background:0 0;border:none;outline-color:#6c9;padding:0;font-family:Courier,sans-serif;font-size:1rem;font-weight:600;-webkit-text-decoration:none;text-decoration:none;transition:all .2s}a:active{color:#777}button.inactive{color:#d3d3d3}img{object-fit:cover;border-radius:1rem}input,textarea{box-sizing:border-box;resize:none;background-color:#fff;border:1px solid #ccc;border-radius:28px;outline-color:#6c9;width:100%;padding:1rem;font-family:Courier,sans-serif;font-size:1.25rem;font-weight:600}p{flex-wrap:wrap;margin:0;font-size:1.25rem;font-weight:600}div{font-weight:600}ul{margin:0;padding:0;list-style-type:none}@keyframes slideUpAppear{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.side-menu{width:288px;box-shadow:none;z-index:3;background-color:#fff;flex-shrink:0;padding:0 1rem 2rem;position:fixed;top:0;bottom:0;left:0;overflow:scroll}.side-menu-header{background-color:#fff;flex-shrink:0;align-items:center;margin-bottom:.5rem;padding:18px 0;display:flex;position:sticky;top:0}.side-menu-sub-title{color:#777}.side-menu-photo{object-fit:cover;border-radius:50%;width:56px;min-width:56px;height:56px;min-height:56px;margin-right:1rem}.side-menu-button{box-shadow:none;border-radius:30px;margin-bottom:1rem;padding:1rem;font-size:1.5rem;display:block}.side-menu-button.selected,.side-menu-button.selected:hover{color:#fff;background-color:#333}.side-menu-button.selected:active{color:#333;background-color:#ccc}.side-menu-button:hover{background-color:#eee}.side-menu-button:active{color:#333;background-color:#ccc}.menu-button{background-color:#fff;border-radius:50%;width:56px;min-width:56px;height:56px;min-height:56px;margin-right:1rem;padding:1rem;font-size:1.5rem;display:none}.menu-button:hover{background-color:#eee}.menu-button:active{background-color:#ccc}.side-menu-links{flex-wrap:wrap;margin-top:2rem;display:flex}.icon-link{box-shadow:none;border-radius:50%;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;min-height:58px;margin-bottom:1rem;margin-right:1rem;padding:1rem;font-size:1.625rem;display:flex}.icon-link:hover{background-color:#eee}.icon-link:active{color:#333;background-color:#ccc}.side-menu-form{margin-top:2rem;padding-bottom:2rem}.top-button{z-index:2;background-color:#fff;border-radius:50%;width:56px;min-width:56px;height:56px;min-height:56px;padding:1rem;font-size:1.5rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 0 5px 1px #0000001a}.top-button:hover{box-shadow:0 0 10px 1px #0003}.top-button:active{box-shadow:inset 0 0 5px 1px #0000001a}.nav-header{z-index:1;background-color:#fff;flex-shrink:0;padding:1rem 3rem;position:sticky;top:0}.headroom{z-index:1;background-color:#fff;flex-shrink:0;padding:1rem 3rem 1rem 336px}.headroom--unfixed{box-shadow:none;padding-left:3rem;transition:box-shadow .3s}.nav-list{color:#777;width:100%;max-width:55vw;margin:0 auto;padding:0;font-size:1.5rem;list-style-type:none}.nav-list li{padding:1rem 1rem 1rem 0}.nav-list h1,.nav-list h3,.nav-list li{vertical-align:super;display:inline-block}.nav-list h1,.nav-list h3{vertical-align:text-bottom}.nav-list a{color:#333;font-size:1.5rem}.nav-list a:hover{-webkit-text-decoration:underline #6c9;text-decoration:underline #6c9}#content{color:#333;flex:1 0 auto;padding:2rem 3rem 6rem;display:block}.main-content{width:100%;max-width:55vw;margin:0 auto;animation:1.5s ease-out slideUpAppear}.row,.mobile-column{align-items:stretch;display:flex;flex-direction:row!important}.row-center{align-items:center;display:flex;flex-direction:row!important}.column{flex-grow:1;display:flex;flex-direction:column!important}.links{flex-wrap:wrap}.search-row{flex-grow:1;flex-shrink:1;align-items:center;margin-bottom:1rem;display:flex;position:relative}.clear{height:55px;padding:1rem;font-size:24px;position:absolute;top:0;right:0}.filter-icon{border-radius:50%;justify-content:center;align-self:center;align-items:center;margin-bottom:2rem;margin-left:.5rem;padding:1rem;display:flex}.filter-icon:hover{background-color:#eee}.filter-icon:active{background-color:#ccc}.label{margin:0 0 1rem}.form-label{margin:2rem 0 1rem}.send-button{border-radius:1rem;align-items:center;margin-left:1rem;padding:.5rem 1rem;font-size:26px;display:flex;box-shadow:0 0 5px 1px #0000001a}.send-button:hover{box-shadow:0 0 10px 1px #0003}.send-button:active{box-shadow:inset 0 0 5px 1px #0000001a}.submit-button{border-radius:28px;justify-content:center;align-items:center;width:100%;margin-top:1rem;padding:1rem;font-size:1.25rem;display:flex;box-shadow:0 0 5px 1px #0000001a}.submit-button:hover{box-shadow:0 0 10px 1px #0003}.submit-button:active{box-shadow:inset 0 0 5px 1px #0000001a}.loading-button{color:#d3d3d3;justify-content:center;align-items:center;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;display:flex}.loading{color:#d3d3d3;align-self:center;margin-left:1rem;font-size:1rem}.error{color:red;padding-bottom:1rem}.contact-error{color:red;padding:1rem 0}.title{margin-bottom:2rem}.author{margin-bottom:2rem;font-size:1.25rem}.time{color:#777;margin-bottom:.5rem;font-size:.875rem}.date{color:#d3d3d3;margin-top:.5rem;margin-bottom:1rem;font-size:.875rem}.results{color:#777;margin-bottom:2rem}.empty-message{color:#d3d3d3}.rating{color:#777;margin-bottom:2rem}.youtube-video{padding-top:3rem}.note-link{font-size:1.25rem;-webkit-text-decoration:underline #6c9;text-decoration:underline #6c9}.margin-right{margin-right:.75rem}.note-detail{color:#777;display:inline}.list-item{align-items:flex-start;margin-bottom:2rem}.list-item .photo{margin-right:1rem}.write-photo{object-fit:contain;width:300px;margin-bottom:1rem}.list-item .title,.list-item .author,.list-item .date,.list-item .rating{margin-bottom:.5rem;margin-right:.75rem}.list-item:hover .title{-webkit-text-decoration:underline #6c9;text-decoration:underline #6c9}.list-item .icon-link{width:32px;min-width:32px;height:32px;min-height:32px;margin:0 .5rem .5rem 0;padding:.5rem;font-size:1.125rem}.list-item .icon-link img{width:15px;height:20px}.list-item iframe{margin-bottom:1rem}.item .photo{margin-right:1rem}.item .tags{margin-bottom:0;padding:0;overflow:visible}.item .title,.item .time,.item .date,.item .rating{margin-bottom:1rem}.item .author,.item .book-meta,.item .categories-text{margin-bottom:.5rem}.item .icon-link{width:32px;min-width:32px;height:32px;min-height:32px;margin:0 .5rem .5rem 0;padding:.5rem;font-size:1.125rem}.item .icon-link img{width:15px;height:20px}.screenshots{flex-wrap:wrap;margin-top:2rem}.screenshots img{margin-bottom:1rem;margin-right:1rem}.note{margin:2rem 0;line-height:1.5}.note-photo{object-fit:contain;width:350px;padding:.5rem 1rem}::selection{color:#333;background:#6c9}.apple,.apple:hover{color:#8e8e93}.app-store,.app-store:hover{color:#147efb}.play-store,.play-store:hover{color:#3bccff}.substack,.substack:hover{color:#ff6719}.facebook,.facebook:hover{color:#3b5998}.instagram,.instagram:hover{color:#e4405f}.youtube,.youtube:hover{color:#cd201f}.podcast,.podcast:hover{color:#7f3ee6}.product-hunt,.product-hunt:hover{color:#da552f}.linkedin,.linkedin:hover{color:#0077b5}.spotify,.spotify:hover{color:#1db954}.amazon,.amazon:hover{color:#f90}.patreon,.patreon:hover{color:#f96854}.coffee,.coffee:hover{color:#ff813f}.home-content{flex-direction:column;align-items:flex-start;display:flex;position:relative}.home-links{flex-wrap:wrap;display:flex;position:relative}.home-button{box-shadow:none;background-color:#fff;border-radius:36px;align-items:center;margin-bottom:1rem;margin-right:1rem;padding:8px 56px 8px 8px;display:flex;overflow:hidden}.home-button:hover{background-color:#eee}.home-button:active{color:#333;background-color:#ccc}.home-button:nth-child(2n){margin-right:0}.home-button img{border-radius:50%;width:56px;min-width:56px;height:56px;min-height:56px;margin-right:1rem}.home-icon{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;min-height:56px;margin-right:1rem;font-size:1.5rem;display:flex}.button-title{margin-bottom:0!important}.overlay{z-index:15;background-color:#fffc;position:fixed;inset:0}.modal-content{cursor:default;z-index:20;background:#fff;border:none;border-radius:1rem;flex-direction:column;width:85%;max-width:55vw;max-height:55vh;margin-bottom:1rem;padding:0;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px 1px #0003}.modal-header{border-top-left-radius:1rem;border-top-right-radius:1rem;flex-direction:column;flex-shrink:0;display:flex;box-shadow:0 0 8px 1px #0003}.close-modal{border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;padding:1rem;font-size:1.5rem;display:flex}.modal-title{flex-shrink:0;padding:0 1rem 1rem;font-size:1.25rem}.sort-row{flex-wrap:wrap;flex-shrink:0;padding:0 1rem;display:flex}.tags{flex-wrap:wrap;flex-shrink:1;padding:1rem 1rem 0;display:flex;overflow-y:scroll}.tag{color:#000;background-color:#fff;border-radius:.5rem;margin:0 .5rem .5rem 0;padding:.5rem .75rem;font-size:.875rem;box-shadow:0 0 5px 1px #0000001a}.tag-selected{color:#fff;background-color:#333}.tags-button{margin-bottom:1rem;padding:.5rem}.tag-filter{align-items:center;margin-bottom:2rem;display:flex}.tag-filter svg{margin-left:.5rem}.search-container{margin-bottom:1rem}.filters-section{margin-bottom:2rem}.filters-toggle{background-color:#f0f0f0;border:none;border-radius:28px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;display:flex}.filters-toggle.expanded{border-radius:28px 28px 0 0;margin-bottom:0}.filters-toggle:hover{background-color:#e0e0e0}.filters-toggle.has-filters{color:#fff;background-color:#333;border-color:#333}.filters-toggle.has-filters:hover{background-color:#444}.filters-content{background-color:#f0f0f0;border:none;border-radius:0 0 28px 28px;padding:1rem}.filter-group{margin-bottom:1.5rem}.filter-group:last-child{margin-bottom:0}.filter-group-title{align-items:center;gap:1rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex}.filter-options{flex-wrap:wrap;gap:.5rem;display:flex}.clear-filters-btn{color:#666;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.clear-filters-btn:hover{background-color:#e0e0e0}.active-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.book-card-tags{margin:.25rem 0;padding:0;overflow:visible}.book-card-tags .tag{margin:0 .5rem .25rem 0;padding:.25rem .5rem;font-size:.75rem}.tag-small{padding:.25rem .5rem;font-size:.75rem}.book-meta{color:#777;flex-wrap:wrap;gap:1rem;margin:.25rem 0;font-size:.875rem;display:flex}.book-rating,.book-time{font-weight:600}.categories-text{color:#777;margin:.25rem 0 .5rem;font-size:.875rem;display:block}.category-link{color:#777;font-size:.875rem;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.category-link:hover,.category-selected{color:#333;text-decoration-color:#6c9}@media only screen and (max-width:900px){.mobile-column{flex-direction:column!important}.mobile-column .photo{margin-bottom:1rem}.column{width:100%}.side-menu{display:none}.side-menu.open{width:100%;display:block;position:fixed;inset:0}.side-menu-header{padding:1rem 0}#root{padding-left:0}.menu-button{display:inline}.nav-header{padding:1rem 1rem 0}.headroom{padding:1rem}.nav-list{align-items:center;max-width:100%}#content{padding:0 1rem 6rem}.main-content{max-width:100%}.home-content{flex-direction:column}.home-button{width:100%;margin-bottom:1rem;margin-right:0}.modal-content{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.modal-header{border-top-left-radius:0;border-top-right-radius:0}.icon-link{font-size:1.5rem}h1,h2,h3,h4,.side-menu-button,.top-button,.nav-list,.nav-list a,.home-icon,.close-modal{font-size:1.25rem}input,p,textarea,.author,.time,.note-link{font-size:1rem}.margin-right{margin-right:.6rem}.title{margin-bottom:1.5rem}.note{margin:1.5rem 0}.list-item{margin-bottom:1.5rem}.clear{height:50px;padding:13px}}@media only screen and (max-width:400px){.__react_component_tooltip{z-index:10!important}}.__react_component_tooltip{color:#fff;opacity:.9;pointer-events:none;white-space:nowrap;z-index:999;background:#222;border-radius:3px;margin-top:-10px;padding:8px 21px;font-size:13px;position:fixed;transform:translate(-50%,-100%)}.__react_component_tooltip:after{content:"";border-top:6px solid #222;border-left:8px solid #0000;border-right:8px solid #0000;margin-left:-8px;position:absolute;bottom:-6px;left:50%}