#result ul,#result li,#video-by-ondo details fieldset,ol.thumb-list{display:flex}ol.thumb-list li button img{display:block}ol.thumb-list li button b,#video-by-ondo details summary b,fieldset.odori label{display:inline-block}#result li input[type=radio],#video-by-ondo details input[type=radio]{display:none}#result ul,#result li{gap:.5rem}#video-by-ondo details fieldset{gap:1.5rem .5rem}#video-by-ondo details fieldset,ol.thumb-list{flex-wrap:wrap}ol.thumb-list,#result ul{list-style:inside none}#video-by-ondo,ol.thumb-list li,ol.thumb-list li button{position:relative}ol.thumb-list li input.edit,ol.thumb-list li button b{z-index:1;position:absolute}#video-by-ondo details{z-index:10;float:right;position:sticky;top:0;right:0}#home footer{clear:both}#video-by-ondo details:open{clear:both}#video-by-ondo details:open{background:#ffffffe6;place-items:center;width:100%;height:100%;display:grid;position:fixed}ol.thumb-list li.active button{border:.2rem solid #e60052}ol.thumb-list li.active button img{filter:brightness(2)}ol.thumb-list li input.edit{color:#111;background:#fff;bottom:0;left:0}ol.thumb-list li button b{color:#fff;mix-blend-mode:exclusion;text-align:start;top:0;right:0}#result li{place-items:center}fieldset.odori button,#result ul,ol.thumb-list,ol.thumb-list li button{padding:0}ol.thumb-list li button b{padding:.25rem}#video-by-ondo details{padding:.5rem}#video-by-ondo details input[type=radio]+label,#video-by-ondo details summary b code{padding:.5rem 0}#video-by-ondo details{margin:0}ol.thumb-list li{margin:.25rem}#video-by-ondo details input[type=radio]:checked+label{margin:0 .5rem}ol.thumb-list{margin:.25rem 0 .25rem .25rem}fieldset.odori button{margin:.75rem .25rem .5rem}#result ul{margin:1rem}fieldset.odori button{border-bottom:.1rem solid #111}#video-by-ondo details input[type=radio]:checked+label,#result li input[type=radio]:checked+label,#result li input.delete{color:#e60052}header#videos button[type=button].edit,#readme h2,#video-by-ondo{font-family:var(--zen-mincho), serif}#video-by-ondo details summary b code{font-family:var(--zen-kaku-gothic), sans-serif}#video-by-ondo details summary b,#video-by-ondo details input[type=radio]:checked+label,ol.thumb-list li button b{transform:scaleX(1.25)}header#videos button[type=button].edit,#readme h2{transform:scaleY(1.5)}#video-by-ondo details:open summary b{transform:scaleY(1.5)}ol.thumb-list li button b,#video-by-ondo details,#video-by-ondo details fieldset label{writing-mode:vertical-rl;text-orientation:mixed}#video-by-ondo details summary b code{text-combine-upright:all}header#videos button[type=button].edit{text-decoration:underline;text-decoration-thickness:.1rem}#video-by-ondo details:open{writing-mode:horizontal-tb}#video-by-ondo details summary{font-size:123%}#video-by-ondo details input[type=radio]+label,#result li input[type=radio]:checked+label{font-size:111%}header#videos button[type=button].edit{font-size:100%}ol.thumb-list li{width:calc(20% - .5rem)}@media screen and (max-width:1280px){ol.thumb-list li{width:calc(25% - .5rem)}}@media screen and (max-width:1024px){ol.thumb-list li{width:calc(33.3333% - .5rem)}}@media screen and (max-width:640px){ol.thumb-list li{width:calc(50% - .5rem)}}@media screen and (max-width:320px){ol.thumb-list li{width:calc(100% - .5rem)}}ol.thumb-list li button,ol.thumb-list li button img{object-fit:cover;width:100%;height:100%}ol.thumb-list li{aspect-ratio:16/9}fieldset.odori{max-width:25rem}ol.thumb-list li button b{max-height:100%}#result li label,#result li input.delete{word-break:keep-all}#result li label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#result li input[type=radio]:checked+label:before{content:"▶️ "}ol.thumb-list li button img{-webkit-user-select:none;user-select:none;pointer-events:none}#videos figure#player,figure#player figcaption,ol.thumb-list,ol.thumb-list li,ol.thumb-list li button{overflow:hidden}