/* R10 finishing pass, preserving root/WebGL rendering and V1 original layout */
html[data-daiki-featured="v2"] canvas{filter:grayscale(1)!important;transition:filter .42s ease!important}
html[data-daiki-featured="v2"].daiki-feature-hover canvas{filter:grayscale(0)!important}
html[data-daiki-featured="v2"] article[data-gl="card"] video,html[data-daiki-featured="v2"] article[data-gl="card"] img{filter:grayscale(1)!important;transition:filter .35s ease!important}
html[data-daiki-featured="v2"] article[data-gl="card"]:hover video,html[data-daiki-featured="v2"] article[data-gl="card"]:hover img{filter:grayscale(0)!important}
/* No picture or video frames on Todos, even in V2. */
body:has(main.projects) .projects .item .visual,body:has(main.projects) .projects .item .visual a,
body:has(main.projects) .projects .item .visual video,body:has(main.projects) .projects .item .visual img{
 background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important;
}
html[data-daiki-todos="v2"] .projects .item,html[data-daiki-todos="v2"] .projects .item:nth-child(2n){
 border:0!important;background:transparent!important;border-radius:2px!important;box-shadow:none!important;overflow:visible!important;
}
html[data-daiki-todos="v2"] .projects .item:hover{box-shadow:none!important}
html[data-daiki-todos="v2"] .projects .item .visual{border:0!important;background:transparent!important}
html[data-daiki-todos="v2"] .projects .item .metadata{border-top:1px solid rgba(255,255,255,.19)!important;padding-left:0!important;padding-right:0!important}
html[data-daiki-todos="v2"] .projects .item::after{pointer-events:none!important}
@media(hover:none){html[data-daiki-featured="v2"] article[data-gl="card"] video,html[data-daiki-featured="v2"] article[data-gl="card"] img{filter:grayscale(1)!important}}

/* R11: Remove residual black media frames from live scrolling/hover previews in /todos/. */
body:has(main.projects) .daiki-scroll-preview,
body:has(main.projects) .daiki-hover-preview,
body:has(main.projects) .daiki-inline-preview {
 background:transparent!important;
 background-image:none!important;
 border:0!important;
 outline:0!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 padding:0!important;
 border-radius:0!important;
}
body:has(main.projects) .daiki-scroll-preview img,
body:has(main.projects) .daiki-hover-preview img,
body:has(main.projects) .daiki-inline-preview img {
 background:transparent!important;
 border:0!important;
 outline:0!important;
 box-shadow:none!important;
 object-fit:contain!important;
}