@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:180ms}
::view-transition-group(sen-cover),::view-transition-group(sen-title){animation-duration:340ms;animation-timing-function:cubic-bezier(.22,.7,.2,1)}
::view-transition-old(sen-cover),::view-transition-new(sen-cover){height:100%;object-fit:cover;overflow:clip}
::view-transition-group(sen-cover){overflow:clip;border-radius:18px}
::view-transition-old(sen-title),::view-transition-new(sen-title){height:100%;object-fit:contain;object-position:left}
html[data-shared-transition=true] [data-works-reveal]{opacity:1;transform:none}

:is(a.glass,.gallery-print,.community-bookmark,.community-friend-card,.gh-repo-card){transition:box-shadow .2s,border-color .2s,background-color .2s}
:is(a.glass,.gallery-print,.community-bookmark,.community-friend-card,.gh-repo-card):active{box-shadow:inset 0 2px 9px #38574018;border-color:#b7c5a9}
:is(a,button,summary,input,select):focus-visible{outline:2px solid #708b69;outline-offset:4px}
button:not(:disabled):active{filter:brightness(.96)}
button:disabled{cursor:not-allowed}
@media(hover:hover){:is(a.glass,.gallery-print,.community-bookmark,.community-friend-card,.gh-repo-card):focus-within{box-shadow:0 12px 28px -18px #526f4d80,inset 0 1px 1px white}}

:is(.project-visual,.category-visual,.reader-cover,.journal-cover,.gallery-photo,.works-art,.shelf-art,.journal-chapter-cover){background-color:#e5e9df;background-image:linear-gradient(135deg,#f7f7ed88,#dce5d955)}
.reader-cover,.journal-cover{aspect-ratio:16/9;overflow:hidden}
.reader-cover img,.journal-cover img{width:100%;height:100%;object-fit:cover}
img[data-media-state]{transition:opacity .28s ease}
body[data-works-view] :is(.category-visual,.project-visual)>img[data-media-state]{transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .6s,opacity .28s ease}
img[data-media-state=loading]{opacity:0}
img[data-media-state=ready],img[data-media-state=error]{opacity:1}
img[data-media-state=error]{color:#536b58;font:12px/1.8 sans-serif;background:#e9ede2}

.search-keyboard-hint{font-size:10px;color:#60745f;margin-top:14px}
#home-search-results{min-height:120px;transition:opacity .15s}
#home-search-results[aria-busy=true]{opacity:.5}
#home-search-results mark{color:#354e3a;background:#e5dca5a3;border-radius:3px;padding:0 .05em}
#home-search-results a:focus-visible{background:#fffff5;outline-offset:0;border-radius:12px}
#home-search-results a>span span{display:inline}
.search-history{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 12px}
.search-history button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:40px}
.search-history .search-history-clear{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.home-search-dialog label,#home-search-results h3,#home-search-status{color:#536a56}
@media(max-width:600px){.search-keyboard-hint{display:none}.home-search-dialog{max-height:86dvh}.home-search-dialog input{font-size:16px}.home-search-dialog button{min-height:44px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*){animation:none!important}img[data-media-state],#home-search-results{transition:none}:is(a,button){transition:none!important}}