@import "https://fonts.googleapis.com/css2?family=Arimo:wght@400;500&display=swap";:root{color:#000;font-synthesis:none;--ink:#000;--paper:#fff;--tag:#4296ea;--muted:#0003;--empty-star:#0000001a;--rule:#0003;--placeholder:#f3f3f3;--daily-background:#fff7ef;--daily-accent:#da7f7a;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);background:#fff7ef;font-family:Arimo,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--daily-background)}body{background:var(--daily-background);min-width:320px;min-height:100vh;margin:0}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible{outline:2px solid var(--tag);outline-offset:3px}img{display:block}.site-shell{background:var(--daily-background);grid-template-columns:330px minmax(0,1fr);gap:25px;min-height:100vh;padding:25px 25px 50px;display:grid;position:relative}.site-shell:before{content:"";z-index:10;background:var(--ink);pointer-events:none;width:1px;position:absolute;top:0;bottom:25px;left:380px}.brand-rail{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 75px);padding-bottom:0;display:flex}.wordmark{width:min(255px,100%);line-height:0}.wordmark img{width:100%;height:auto}.brand-rail nav{grid-template-columns:repeat(3,1fr);display:grid}.brand-rail nav button{color:var(--muted);font-size:14px;line-height:18px}.brand-rail nav button:nth-child(2){text-align:center}.brand-rail nav button:last-child{text-align:right}.brand-rail nav button.is-active{color:var(--ink)}.page{min-width:0;min-height:calc(100vh - 75px);padding-left:25px;overflow:hidden}.daily-accent{background:var(--daily-accent);z-index:20;width:100%;height:25px;color:var(--ink);white-space:nowrap;position:fixed;inset:auto 0 0;overflow:hidden}.marquee-track{width:max-content;animation:24s linear infinite marquee;display:flex}.marquee-group{flex-shrink:0;align-items:center;width:100vw;display:flex}.marquee-group>span{font-size:10px;line-height:25px}@keyframes marquee{to{transform:translate(-50%)}}.content-page,.detail-page,.profile-page,.beta-page,.about-page{min-height:calc(100vh - 100px)}.section-heading{height:36px;color:var(--muted);justify-content:space-between;align-items:flex-start;font-size:10px;display:flex}.section-heading button{align-items:center;gap:6px;font-size:10px;display:flex}.chevron{border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;margin-top:-3px;display:inline-block;transform:rotate(45deg)}.calendar-wrap{position:relative}.calendar-trigger .chevron{transition:transform .16s var(--ease-out)}.calendar-trigger[aria-expanded=true] .chevron{margin-top:3px;transform:rotate(225deg)}.calendar-popover{z-index:30;width:226px;color:var(--ink);background:var(--paper);border:1px solid var(--ink);transform-origin:100% 0;transition:opacity .14s var(--ease-out), transform .18s var(--ease-out);padding:10px;position:absolute;top:23px;right:0}@starting-style{.calendar-popover{opacity:0;transform:translateY(-3px)scale(.98)}}.calendar-popover header{justify-content:space-between;margin-bottom:12px;font-size:10px;display:flex}.calendar-weekdays,.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekdays{color:var(--muted);margin-bottom:5px;font-size:8px}.calendar-grid{gap:2px 0}.calendar-grid button{place-items:center;width:26px;height:22px;margin:auto;font-size:9px;display:grid}.calendar-grid button.is-selected{background:var(--ink);color:var(--paper)}.calendar-grid button:disabled{color:var(--muted);cursor:default}.calendar-popover p{border-top:1px solid var(--rule);color:var(--muted);margin:10px 0 0;padding-top:8px;font-size:8px;line-height:11px}.sort-control{z-index:10;align-items:center;gap:10px;margin:20px 0 14px;font-size:10px;display:flex;position:relative}.select-wrap{width:148px;position:relative}.select-button{border:1px solid var(--ink);background:var(--paper);justify-content:space-between;align-items:center;width:148px;height:27px;padding:0 7px;font-size:10px;display:flex}.select-button .chevron{transition:transform .16s var(--ease-out);transform-origin:50%}.select-button[aria-expanded=true] .chevron{margin-top:3px;transform:rotate(225deg)}.select-menu{z-index:8;background:var(--paper);border:1px solid var(--ink);transform-origin:top;opacity:1;width:148px;transition:opacity .14s var(--ease-out), transform .18s var(--ease-out);position:absolute;top:26px;left:0;transform:translateY(0)scale(.999)}@starting-style{.select-menu{opacity:0;transform:translateY(-3px)scale(.98)}}.select-menu button{border-bottom:1px solid var(--rule);width:100%;min-height:27px;padding:6px;font-size:10px;display:block}.select-menu button:last-child{border-bottom:0}.select-menu button.is-selected:after{content:"•";float:right}.log-grid{scrollbar-width:none;align-items:flex-start;gap:16px;width:calc(100% + 25px);margin-left:-25px;padding:0 0 10px 25px;display:flex;overflow-x:auto}.log-grid::-webkit-scrollbar{display:none}.log-grid:after{content:"";flex:0 0 max(25px,100% - 200px);height:1px}.log-card{--scale-progress:0;flex:0 0 calc(200px + (100px * var(--scale-progress)));flex-direction:column;gap:6px;display:flex}.username{color:var(--muted);width:fit-content;font-size:10px}.log-image-button{width:100%}.log-visual{width:100%;position:relative}.log-image-button img{width:100%;height:calc(260px + (131px * var(--scale-progress)));object-fit:cover;background:var(--placeholder);transition:opacity .14s}.log-card>.stars{width:fit-content;transform:scale(calc(1 + (.625 * var(--scale-progress))));transform-origin:0 0}.log-hover-preview{display:none}.stars{gap:3px;display:flex}.star{width:16px;height:15px;fill:var(--ink);flex:none}.star--empty{opacity:.1}.stars--large{gap:7px}.stars--large .star{width:26px;height:25px}.dispatch-countdown{color:var(--muted);margin:0;font-size:10px;position:absolute;bottom:44px;right:25px}.detail-header{justify-content:space-between;align-items:center;height:36px;display:flex}.back-button{align-items:center;gap:4px;font-size:14px;line-height:18px;display:inline-flex}.back-button span{font-size:10px}.detail-byline{align-items:center;font-size:10px;display:flex}.detail-byline button{color:var(--muted)}.detail-byline>span{color:var(--ink);margin-left:4px}.detail-body{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.detail-photo{object-fit:cover;background:var(--placeholder);width:200px;height:260px}.log-copy{margin:4px 0 24px;font-size:14px;line-height:18px}.inline-tag{color:var(--tag)}.inline-tag-wrap{pointer-events:auto;display:inline;position:relative}.inline-tag-card{z-index:40;opacity:0;visibility:hidden;transform-origin:0 0;width:62px;transition:opacity .12s ease, transform .16s var(--ease-out), visibility 0s linear .16s;display:block;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-2px)scale(.98)}.tags-section{border-top:1px solid var(--rule);padding-top:10px}.tags-section h2{margin:0 0 20px;font-size:10px;font-weight:400}.tag-row{align-items:flex-start;gap:14px;display:flex}.tag-card{background:var(--paper);border:1px solid var(--rule);cursor:default;width:62px;padding:5px}.tag-card img{object-fit:cover;width:50px;height:50px}.tag-card span{color:var(--tag);margin-top:6px;font-size:8px;line-height:10px;display:block}.profile-page>.back-button{margin:0 0 16px}.profile-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:26px;display:flex}.profile-header img{object-fit:cover;background:#ddd;border-radius:50%;width:50px;height:50px}.profile-header h1{margin:0;font-size:26px;font-weight:400;line-height:30px}.profile-header p{color:var(--muted);margin:-4px 0 0;font-size:10px}.profile-page .sort-control{margin-top:0}.profile-log-row{gap:16px;width:calc(100% + 25px);margin-left:-25px;padding:0 0 28px 25px;display:flex;overflow-x:auto}.profile-log-row article{flex:0 0 200px}.profile-log-row article>span{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.profile-log-row article button,.profile-log-row img{width:200px}.profile-log-row img{object-fit:cover;height:260px}.profile-log-row .stars{margin-top:7px}.muted{color:var(--muted)}.beta-page{font-size:14px;line-height:18px}.beta-lede{margin:0 0 20px}.beta-page a{text-decoration:none}.logger-section{border-top:1px solid var(--rule);margin-top:18px}.logger-section header{justify-content:space-between;padding:10px 0;font-size:10px;display:flex}.logger-row{gap:16px;width:calc(100% + 25px);margin-left:-25px;padding:0 0 20px 25px;display:flex;overflow-x:auto}.logger-row button{flex:0 0 70px;font-size:10px}.logger-row img{object-fit:cover;background:#ddd;border-radius:50%;width:70px;height:70px;margin-bottom:8px}.logger-row span{text-overflow:ellipsis;display:block;overflow:hidden}.app-preview{border-top:1px solid var(--rule);justify-content:space-between;padding-top:10px;font-size:10px;display:flex}.about-intro{border-bottom:1px solid var(--rule);margin:0;padding:0 0 18px;font-size:14px}.about-page section>h1{margin:10px 0 18px;font-size:10px;font-weight:400}.about-page article{max-width:720px;display:block}.about-page h2{color:var(--muted);margin:0;font-size:14px;font-weight:400;line-height:18px}.about-page article p{margin:4px 0 18px;font-size:14px;line-height:18px}@media (width<=700px){.site-shell{min-height:100vh;padding:0 0 218px;display:block}.site-shell:before{display:none}.brand-rail{border-bottom:1px solid var(--rule);height:344px;min-height:344px;padding:28px 15px 48px;position:relative}.wordmark{width:170px}.brand-rail nav{flex-direction:column;gap:16px;display:flex;position:absolute;top:30px;right:16px}.brand-rail nav button,.brand-rail nav button:nth-child(2),.brand-rail nav button:last-child{text-align:right;font-size:14px}.page{border:0;min-height:0;padding:0}.content-page,.detail-page,.profile-page,.beta-page,.about-page{min-height:508px;padding:0 15px}.section-heading{border-top:0;align-items:flex-start;height:59px;margin:0 -15px;padding:8px 15px 0}.sort-control{margin-top:0}.log-grid{gap:16px;width:calc(100% + 15px);margin:0 -15px;padding:0 15px 10px}.log-grid:after{flex-basis:max(15px,100% - 120px)}.log-card{flex-basis:calc(120px + (80px * var(--scale-progress)))}.log-image-button img{height:calc(180px + (80px * var(--scale-progress)))}.dispatch-countdown{display:none}.detail-page,.profile-page{padding-top:8px}.detail-header{border:0;align-items:flex-start;height:72px}.detail-body{gap:16px}.detail-photo{width:200px;height:260px}.detail-body .stars--large{gap:7px}.detail-body .stars--large .star{width:26px;height:25px}.log-copy{max-width:360px;margin-top:14px}.tags-section{margin:120px -15px 0;padding:10px 15px 0}.detail-page .tags-section{margin-top:0}.profile-page>.back-button{margin-bottom:88px}.profile-header img{width:50px;height:50px}.profile-header h1{font-size:26px}.profile-log-row{margin:0 -15px;padding-left:15px}.profile-log-row article{flex-basis:150px}.profile-log-row article button,.profile-log-row img{width:150px}.profile-log-row img{height:195px}.profile-page .tags-section{margin-top:16px}.beta-page{padding-top:8px}.logger-row{margin:0 -15px;padding-left:15px}.about-page{padding-top:8px}.about-page article{display:block}.about-page h2{margin-top:18px}.daily-accent{height:32px;position:absolute;top:calc(100% - 32px)}.marquee-group>span{font-size:11px;line-height:32px}}@keyframes mobile-logo-collapse{0%{transform:translateY(12px)scale(2.2667)}to{transform:translateY(0)scale(1)}}@keyframes mobile-nav-collapse{0%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes mobile-header-border{0%{opacity:0}to{opacity:1}}@supports (animation-timeline:scroll()){@media (width<=700px){.brand-rail{z-index:15;background:var(--daily-background);border-bottom:0;height:118px;min-height:118px;margin-bottom:226px;padding:16px 15px;position:sticky;top:0;overflow:visible}.brand-rail:after{content:"";background:var(--ink);opacity:0;height:1px;animation:1s linear both mobile-header-border;animation-timeline:scroll(root);animation-range:225px 226px;position:absolute;bottom:0;left:0;right:0}.page{border-top:1px solid var(--rule)}.wordmark{transform-origin:0 0;width:75px;animation:1s linear both mobile-logo-collapse;animation-timeline:scroll(root);animation-range:0 140px}.brand-rail nav{animation:1s linear both mobile-nav-collapse;animation-timeline:scroll(root);animation-range:0 140px;top:16px}}}@media (hover:hover) and (pointer:fine){.brand-rail nav button:hover{color:var(--ink)}.brand-rail nav button.is-active:hover{color:#00000080}.calendar-trigger:hover{text-underline-offset:2px;text-decoration:underline}.back-button:hover{color:var(--tag)}.detail-byline button:hover,.username:hover{color:var(--ink)}.select-menu button:hover{background:#0000000d}.profile-log-row img,.logger-row img{transition:opacity .14s}.profile-log-row button:hover img,.logger-row button:hover img{opacity:.86}.log-hover-preview{background:var(--paper);border:1px solid var(--ink);opacity:0;pointer-events:none;align-items:start;padding:14px;transition:opacity .16s;display:grid;position:absolute;inset:0}.log-hover-preview p{margin:0;font-size:14px;line-height:18px}.log-visual:hover .log-hover-preview{opacity:1}.inline-tag-wrap:hover .inline-tag-card{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)scale(1)}}.select-button:active,.select-menu button:active,.back-button:active,.inline-tag:active,.logger-row button:active{transform:scale(.97)}.log-image-button:active,.profile-log-row button:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){.select-button .chevron,.select-menu,.calendar-trigger .chevron,.calendar-popover,.log-card,.log-image-button img,.log-hover-preview,.profile-log-row img,.logger-row img{transition-duration:0s}.marquee-track{animation:none}@media (width<=700px){.brand-rail{margin-bottom:0}.wordmark,.brand-rail nav{animation:none;transform:none}.brand-rail:after{opacity:1;animation:none}}}
