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:.25rem;padding:.625rem 1rem;font-size:1.5rem;display:block}.side-menu-button.selected,.side-menu-button.selected:hover{color:#fff;background-color:#333}.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 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:.25rem;margin-right:1rem;padding:4px 56px 4px 4px;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}.search-container{margin-bottom:1rem}.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: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:.25rem;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%}.side-menu{border-right:1px solid #eee}.side-menu-button{border-radius:10px;margin-bottom:.125rem;padding:.625rem 1rem;font-size:1.125rem;position:relative}.side-menu-button:hover{background-color:#f5f5f5}.side-menu-button:active{color:#333;background-color:#ebebeb}.side-menu-button.selected,.side-menu-button.selected:hover{color:#1f6b46;background-color:#eefaf3}.side-menu-button.selected:active{color:#1f6b46;background-color:#ddf3e7}.side-menu-button.selected:before{content:"";background-color:#6c9;border-radius:3px;width:4px;position:absolute;top:8px;bottom:8px;left:0}.side-menu-links{gap:.25rem;margin-top:1.5rem;padding:0 .5rem}.side-menu-links .icon-link{filter:grayscale();opacity:.6;width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;font-size:1.125rem;transition:filter .15s,opacity .15s,background-color .15s}.side-menu-links .icon-link:hover{filter:none;opacity:1;background-color:#f5f5f5}.side-menu-links .icon-link img{width:15px;height:22px}.home-links{gap:.5rem}.home-links .icon-link{width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;font-size:1.375rem}.home-links .icon-link:hover{background-color:#f2f2f2}.home-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:640px;display:grid}.home-button,.home-button:nth-child(2n){border:1px solid #e6e6e0;border-radius:16px;margin:0;padding:.75rem;transition:border-color .15s,box-shadow .15s,transform .15s}.home-button:hover{background-color:#fff;border-color:#cfcfc8;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.home-button:active{box-shadow:none;background-color:#fafafa;transform:none}.home-button img,.home-icon{object-fit:cover;border-radius:12px;width:48px;min-width:48px;height:48px;min-height:48px}.home-icon{background-color:#f6f6f3}.button-title{font-size:1.25rem}.news-form{border:1px solid #eee;border-radius:14px;margin:1.5rem 0 2rem;padding:14px}.main-content .news-form{max-width:640px;margin-top:2rem}.news-form-title{margin:0 0 2px;font-size:.9375rem;font-weight:700;display:block}.news-form-text{color:#777;margin:0 0 10px;font-size:.8125rem;line-height:1.4}.news-form-field{position:relative}.news-form-field input{border:1px solid #e2e2e2;border-radius:10px;outline:none;height:44px;padding:0 3rem 0 .75rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.news-form-field input:focus{border-color:#6c9;box-shadow:0 0 0 3px #6c93}.news-form-send{color:#aaa;background-color:#f0f0f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.125rem;display:flex;position:absolute;top:6px;right:6px}.news-form-send.ready{color:#fff;background-color:#6c9}.news-form-send.ready:hover{background-color:#4fb883}.news-form-error{color:#d33;margin:8px 0 0;font-size:.8125rem}.news-form-spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite news-form-spin}@keyframes news-form-spin{to{transform:rotate(360deg)}}@media only screen and (max-width:900px){.side-menu-button{font-size:1.125rem}.home-content{grid-template-columns:1fr}}.contact-card{border:1px solid #e6e6e0;border-radius:16px;max-width:640px;padding:1.5rem}.contact-title{margin:0 0 .25rem;font-size:1.375rem}.contact-subtitle{color:#777;margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5}.contact-label{margin:1rem 0 .375rem;font-size:.875rem;font-weight:700;display:block}.contact-card input,.contact-card textarea{border:1px solid #e2e2e2;border-radius:10px;outline:none;padding:.75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.contact-card textarea{resize:vertical;min-height:160px;line-height:1.5}.contact-card input:focus,.contact-card textarea:focus{border-color:#6c9;box-shadow:0 0 0 3px #6c93}.contact-card .contact-error{color:#d33;margin:.75rem 0 0;padding:0;font-size:.875rem}.contact-actions{justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.contact-hint{color:#999;font-size:.8125rem}.contact-hint kbd{color:#666;background-color:#f5f5f5;border:1px solid #e2e2e2;border-radius:5px;padding:1px 6px;font-family:inherit;font-size:.75rem}.contact-submit{color:#fff;background-color:#222;border-radius:10px;padding:.75rem 1.25rem;font-size:1rem}.contact-submit:hover{background-color:#000}.contact-submit:active{background-color:#444}.contact-submit:disabled{cursor:default;background-color:#999}.contact-sent{flex-direction:column;align-items:flex-start;display:flex}.contact-sent-icon{color:#1f6b46;background-color:#eefaf3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;font-size:1.375rem;display:flex}.contact-secondary{border:1px solid #e2e2e2;border-radius:10px;padding:.625rem 1rem;font-size:.9375rem}.contact-secondary:hover{background-color:#f5f5f5}@media only screen and (max-width:900px){.contact-card{padding:1.125rem}.contact-actions{flex-direction:column-reverse}.contact-submit{width:100%}}@media (hover:none){.contact-hint{display:none}}.main-content,.nav-list{max-width:720px}.date{color:#999;margin:.25rem 0 .5rem;font-size:.8125rem}.time{color:#777;font-size:.8125rem}.note{margin:1.25rem 0;font-size:1.0625rem;line-height:1.65}.note-link{font-size:inherit}.search-container .search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;border:1px solid #e2e2e2;border-radius:12px;outline:none;height:48px;padding:0 3rem 0 2.75rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.search-container .search:focus{border-color:#6c9;box-shadow:0 0 0 3px #6c93}.search-row{margin-bottom:.75rem}.clear{color:#999;align-items:center;height:48px;padding:0 1rem;font-size:1.25rem;display:flex}.clear:hover{color:#333}.filters-section{margin-bottom:1.25rem}.filters-toggle{background-color:#fff;border:1px solid #e6e6e0;border-radius:12px;padding:.625rem 1rem;font-size:.9375rem}.filters-toggle:hover{background-color:#fafafa;border-color:#cfcfc8}.filters-toggle.expanded{border-bottom-color:#0000;border-radius:12px 12px 0 0}.filters-toggle.has-filters,.filters-toggle.has-filters:hover{color:#1f6b46;background-color:#eefaf3;border-color:#bfe8d2}.filters-content{background-color:#fff;border:1px solid #e6e6e0;border-top:none;border-radius:0 0 12px 12px;padding:.5rem 1rem 1rem}.filters-toggle.has-filters+.filters-content{border-color:#bfe8d2}.filter-group{margin-bottom:1.25rem}.filter-group-title{color:#888;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem}.filter-options{gap:.375rem}.tag{box-shadow:none;color:#333;background-color:#fff;border:1px solid #e6e6e0;border-radius:999px;margin:0;padding:.3125rem .75rem;font-size:.8125rem}.tag:hover{background-color:#f5f5f5}.tag-selected,.tag-selected:hover{color:#1f6b46;background-color:#eefaf3;border-color:#bfe8d2}.tag-filter{gap:.375rem;margin-bottom:0}.tag-filter svg{margin-left:0}.active-filters{gap:.375rem;margin-bottom:1rem}.clear-filters-btn{letter-spacing:0;text-transform:none;font-size:.75rem}.results{color:#888;margin:0 0 .75rem;font-size:.875rem}.empty-message{color:#999;font-size:1rem}.search-container+.note{color:#555;margin:0 0 1.25rem;font-size:.9375rem}.list-item{border:1px solid #e6e6e0;border-radius:16px;gap:1rem;margin-bottom:.75rem;padding:.75rem;transition:border-color .15s,box-shadow .15s}.list-item:hover{border-color:#cfcfc8;box-shadow:0 4px 12px #0000000f}.list-item:hover .title{text-decoration:none}.list-item .photo{flex-shrink:0;margin-right:0}.list-item .photo img{border-radius:10px;display:block}.list-item .title{margin:.25rem 0 .125rem;font-size:1.25rem;line-height:1.3}.list-item .author{color:#555;margin:0 0 .375rem;font-size:1rem}.list-item .date{margin:.25rem 0 .375rem}.list-item .categories-text{margin:0 0 .375rem}.list-item .icon-link{width:30px;min-width:30px;height:30px;min-height:30px;margin:0 .25rem 0 0;padding:0}.list-item .icon-link:hover,.item .icon-link:hover{background-color:#f2f2f2}.book-meta{gap:.375rem;margin:.125rem 0 0}.book-rating,.book-time{color:#555;background-color:#f5f5f2;border-radius:6px;padding:.125rem .5rem;font-size:.8125rem}.categories-text,.category-link{color:#888;font-size:.8125rem}.item.mobile-column{align-items:flex-start;gap:1.5rem;margin-bottom:.5rem}.item .photo{border:1px solid #eee;border-radius:12px;margin-right:0;box-shadow:0 8px 24px #00000014}.item .title{margin:0 0 .25rem;font-size:1.75rem;line-height:1.25}.item .author{color:#555;margin:0 0 .75rem;font-size:1.125rem}.item .time{margin:0 0 .25rem}.item .date{margin:.25rem 0 .75rem}.item .categories-text{margin-bottom:.75rem}.item .categories-text span{margin:0 .375rem .375rem 0;font-size:0;display:inline-block}.item .category-link{color:#555;border:1px solid #e6e6e0;border-radius:999px;padding:.1875rem .625rem;font-size:.8125rem;display:inline-block}.item .category-link:hover{color:#1f6b46;background-color:#eefaf3;border-color:#bfe8d2}.item .icon-link{margin:0 .25rem 0 0}.note-list{margin-top:1.5rem}.note-list .note{margin:0;padding:.75rem 0}.write-photo{border-radius:16px;max-width:100%;margin-bottom:1.25rem}.writing-list{max-width:68ch;margin-top:1rem}.writing-list .note{margin:.875rem 0}.note-photo{border-radius:12px;max-width:100%;margin:.5rem 0;padding:0}.detail-section{margin-top:1.5rem}.detail-label{color:#888;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem}.detail-section .note{margin:0}.chips{flex-wrap:wrap;gap:.375rem;display:flex}.chip{background-color:#fafaf8;border:1px solid #e6e6e0;border-radius:999px;padding:.25rem .75rem;font-size:.8125rem}.item.screenshots{flex-wrap:nowrap;gap:.75rem;margin-top:2rem;padding-bottom:.5rem;overflow-x:auto;flex-direction:row!important}.item.screenshots img{box-shadow:none;border:1px solid #eee;border-radius:16px;flex-shrink:0;width:200px;height:auto;margin:0}@media only screen and (max-width:900px){.item .title{font-size:1.5rem}.list-item .title{font-size:1.125rem}.item.screenshots img{width:160px}.item.mobile-column .photo{width:140px;height:auto}.nav-list{max-width:100%}}.side-menu-header{padding:1.25rem .25rem 1rem}.side-menu-photo{width:40px;min-width:40px;height:40px;min-height:40px;margin-right:.75rem}.side-menu-header h1{font-size:1.125rem;line-height:1.2}.side-menu-sub-title{color:#888;font-size:.8125rem}.headroom{padding-top:1.25rem;padding-bottom:.75rem}.nav-list{flex-wrap:wrap;align-items:center;gap:.25rem .625rem;font-size:1.125rem;display:flex}.nav-list li{padding:.25rem 0}.nav-list h1,.nav-list h3,.nav-list li{vertical-align:baseline}.nav-list h1,.nav-list h3,.nav-list a{font-size:1.125rem}.nav-list h1{color:#888}.nav-list>li:not([itemprop]){color:#ccc}.nav-list>li:has(h1){color:#888}.list-item{gap:1.25rem;padding:1rem}.list-item .column{gap:.5rem}.list-item .column>a{flex-direction:column;gap:.375rem;display:flex}.list-item .title,.list-item .author,.list-item .date,.list-item .categories-text,.list-item .book-meta{margin:0}.list-item .title,.list-item .date,.list-item .links{margin-top:.125rem}@media only screen and (max-width:900px){.menu-button{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;margin-right:.25rem;padding:0;font-size:1.25rem;display:flex}.nav-list h1,.nav-list h3,.nav-list a{font-size:1rem}.headroom{padding-top:.75rem;padding-bottom:.5rem}}