body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-background-color:#000;--primary-aside-color:#ffffffbf;--primary-text-color:#dcdad7;--primary-darker-color:#919191;--primary-border-color:#fff;--secondary-border-color:#000;--secondary-background-color:#fff;--secondary-darker-color:#e6e6e6;--secondary-aside-color:#fff;--secondary-text-color:#262626;--color-transparent:#fff0}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}html{interpolate-size:allow-keywords}body{font-size:16px;line-height:1.6}main{background-color:var(--primary-background-color);width:100%;color:var(--primary-text-color);position:relative}h1{text-align:center}p{word-break:break-word}li{list-style-type:none}button{cursor:pointer;border:none;font-weight:bolder;line-height:25px}button a{width:100%;color:var(--secondary-text-color);display:inline-block}button:hover{transform:scale(.98)}iframe{align-self:center}.youTube-video-player,.bilibili-video-player{padding:1rem}figure{flex-direction:column;justify-content:center;align-items:center;margin-block:10px;display:flex}figure img{width:75%}footer{text-align:center;flex-direction:column;justify-content:center;justify-self:flex-end;padding:1rem 0 0;display:flex}footer img{align-self:center;width:fit-content;margin:5px}blockquote{color:silver;padding:0 1rem}.invisible{position:absolute;top:0}.buttons{z-index:999;flex-direction:column;gap:5px;display:flex;position:fixed}.buttons>*{cursor:pointer;text-align:center;background-color:var(--secondary-background-color);color:var(--secondary-text-color);border:0px solid var(--secondary-text-color);width:45px}.buttons>:hover{transition:all .3s;transform:scale(.9)}.buttons .top-btn{height:45px;font-size:xx-large;line-height:45px}.buttons .all-btn{height:30px}.list-tags-item{text-align:center;flex:1;width:fit-content;max-width:200px;margin-left:5px}.list-tags-item:hover{font-weight:900}.container{scrollbar-width:none;flex:1;width:100%;padding:15px;position:relative}.cards{width:100%}.card{border:1px solid var(--primary-border-color);background-color:#d8bfd800;margin-bottom:15px;padding:10px}.card:hover{animation:.35s ease-in-out rotate}.card:hover .card-info-img-src{filter:none}.card-info-titles{word-break:break-all}.card-info-singer{color:var(--primary-darker-color);font-size:small;font-style:italic}.card-info-img{border:1px solid #ededed;width:100%;max-height:270px;margin-bottom:15px;position:relative;overflow:hidden}.card-info-img-src{object-fit:cover;width:100%;height:100%}.card-info-date{clip-path:inset(0%);cursor:pointer}.card-info-review{border-right:3px solid var(--color-transparent);flex:1;width:100%;min-height:80px;padding:2px;font-size:.85rem;overflow-y:scroll}.card-info-review::-webkit-scrollbar{width:3px}.card-info-review::-webkit-scrollbar-track{background-color:var(--color-transparent);border-radius:10px}.card-info-review::-webkit-scrollbar-thumb{background-color:var(--color-transparent);border-radius:10px}.card-info-tags{gap:5px;width:100%;margin-top:10px;display:flex}.card-info-tag{cursor:pointer;word-break:break-all}.card-info-tags .card-info-tag{text-align:center;border:1px solid var(--primary-border-color);background-color:var(--secondary-aside-color);width:100%;color:var(--secondary-text-color);flex:1;font-size:.8rem}.card-info-date:hover,.card-info-tag:hover{color:var(--primary-darker-color);text-shadow:1px 1px 1px #c4c4c4;animation:.35s ease-in-out rotate}.card-play-btn{background:var(--primary-background-color);width:20%;color:var(--primary-text-color);border:1px solid var(--primary-border-color);cursor:pointer;border-radius:50%;height:fit-content}.card-play-btn:hover{transition:all .1s;transform:scale(1.1)}.card-info-tip{font-size:x-small}aside{color:var(--secondary-text-color);background-color:var(--primary-aside-color);scrollbar-width:none;border-left:10px double;flex-direction:column;display:flex}aside a{text-decoration:none}.list{border:1px solid var(--secondary-border-color);padding:15px}.list li,.list a{border-bottom:1px solid var(--color-transparent);text-align:left;height:1.6rem;margin:3px 0;text-decoration:none}.list-date{scrollbar-width:thin;flex-direction:column;height:fit-content;display:flex}.list-tags{scrollbar-width:thin;align-items:center;width:100%;max-height:40vh;position:relative;overflow-y:scroll}.list-tags .card-info-tag{border-bottom:1px outset #dcdcdc}.list-tags-btn{z-index:1;border:none;width:100%;margin:5px 0 15px;font-weight:bolder;line-height:25px;position:sticky;top:0}.list-posts{color:var(--secondary-text-color);background-color:#fff;height:fit-content}.pagination{display:block;position:absolute;bottom:0}.search{width:100%;height:40px}.list-articles{width:100%;height:fit-content}.list-articles li{background-color:var(--primary-background-color);border:1px outset #7e7e7e;height:fit-content}.list-articles a{color:var(--secondary-text-color)}.list-articles li:hover{background-color:#7e7e7e;border:1px inset}.posts{background-color:var(--secondary-background-color);color:var(--secondary-text-color);font-size:14px;position:relative}.posts .container{scrollbar-width:thin}.posts .posts-container-content{background-color:#0000;flex-direction:column;justify-content:flex-start;width:100%;display:flex}.posts .posts-container-content h2,.posts .posts-container-content h3,.posts .posts-container-content p,.posts .posts-container-content ul,.posts .posts-container-content hr{margin-block:8px}.posts .posts-container-content p{text-indent:2ch}.posts .posts-container-content li{margin-left:20px;list-style-type:square}.posts .posts-container-content li p{text-indent:0}.posts .list{background-color:var(--secondary-background-color);color:var(--secondary-text-color)}.posts .list ul{flex-direction:column;display:flex}.posts .list ul li{cursor:pointer;height:fit-content}.posts .list ul li:hover{transform-origin:0;transform:rotate(1deg)}.posts aside{border:none}.posts aside .posts-aside-buttons{gap:5px;display:flex}.posts aside .posts-aside-buttons button{width:50%;padding:3px}.posts aside .posts-aside-buttons button:hover{box-shadow:2px 2px}.posts aside .posts-aside-buttons :last-child{background-color:var(--primary-background-color);color:var(--secondary-aside-color)}.posts aside .posts-aside-buttons :last-child a{text-align:center}.posts aside .posts-aside-article span{color:var(--primary-text-color)}.post-details-summary{cursor:pointer}.media{margin:auto;background-color:var(--secondary-darker-color);flex-direction:column;gap:5px;width:95%;margin-block:20px;padding:10px;display:flex}.media-info{justify-content:space-between;width:100%;display:flex}.media-info img{object-fit:contain;max-width:45%}.media-info h3{align-self:flex-end}.media-btns{border-bottom:2px solid;gap:5px;padding-bottom:20px;display:flex}.media-btns button:last-child{filter:invert();border-radius:50%;width:10%}.media-btns button{color:var(--secondary-text-color);width:33%;margin-right:5px;font-weight:400}.media-btns button:hover{transition:all .1s;transform:translate(2px);box-shadow:-1px 0 #d3d3d3}.media-iframe{width:100%;padding:5px}.media-iframe a:after{content:"↩"}h2#table-of-contents+ul{background-color:var(--secondary-background-color);border-left:3px solid #ededed;padding-left:20px;position:fixed;left:0}h2#table-of-contents+ul a{color:var(--primary-darker-color);text-decoration:none;transition:all .2s}h2#table-of-contents+ul a:hover{color:var(--primary-text-color);font-weight:700}@keyframes in{0%{transform:translate(0)}25%{color:#7e7e7e}50%{color:#cecece}75%{color:#7e7e7e}to{transform:translate(-50%)}}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(2deg)}to{transform:rotate(0)}}@-moz-document url-prefix(){.container{scrollbar-color:var(--color-transparent) var(--color-transparent)}.card-info-review{scrollbar-color:var(--track-color,var(--color-transparent)) var(--thumb-color,var(--color-transparent));scrollbar-width:thin;padding-right:2px}}@media (width>=305px){main{flex-direction:column-reverse;max-height:fit-content;display:flex}h1{cursor:pointer}.buttons{top:65%;right:5px}.container{margin-top:50px}.cards{flex-flow:column wrap;justify-content:flex-start;font-size:.8rem;display:flex}.card{border:1px solid #fff;width:100%;height:fit-content}.card-info{grid-template:"a b""c c""d d""e f"/55% 45%;display:grid}.card-info-img{filter:none;grid-area:b;justify-content:end;display:flex}.card-info-img-src{transition:all .6s cubic-bezier(.34,1.56,.64,1)}.card-info-text{text-align:start;flex-direction:column;grid-area:a;justify-content:space-evenly;display:flex}.card-info-text h3{font-size:1.5rem}.card-info-date{grid-area:e}.card-play-btn{grid-area:f;justify-self:right}.card-info-review{grid-area:c;align-self:self-end;height:fit-content;font-size:.75rem}.card-info-tags{grid-area:d;align-self:self-end;margin-bottom:15px;font-size:.5rem;line-height:1.4}aside{border-bottom:3px double #fff;border-left:0;align-self:flex-start;width:100%;height:fit-content;padding:0;position:fixed;top:0;overflow:auto}aside h1{background-color:var(--secondary-background-color)}.list{background-color:var(--secondary-background-color);color:var(--secondary-text-color);border-inline:0 solid #000}.list-date{border-bottom:1px solid #fff;flex-direction:row;justify-content:flex-start;gap:20px;overflow-x:scroll}.list-date.card-info-date{width:fit-content}.list-tags,.list-posts{flex-wrap:wrap;gap:15px;display:flex}.posts aside{width:100%;box-shadow:0px 1px 1px var(--primary-darker-color)}.posts .posts-aside-article ul{max-height:300px;overflow-y:scroll}}@media (width>=615px){main{flex-direction:row;justify-content:center;align-items:center;min-height:100dvh}h1{cursor:default}.container{height:100dvh;margin-top:0;margin-bottom:0;padding-top:20px;overflow-y:scroll}.container::-webkit-scrollbar-track{background-color:var(--color-transparent);border-radius:10px}.buttons{top:85%;left:5px}aside{gap:20px;width:20%;height:100dvh;padding:20px;position:relative;overflow-y:scroll}.lists{flex-direction:row-reverse;display:flex}.lists .list{scrollbar-width:none;height:40dvh;padding:5px}.cards{grid-gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);display:grid}.card{height:545px}.card-info{flex-direction:column;width:100%;height:100%;display:flex}.card-info-img{filter:grayscale()}.card-info-img:hover{filter:none}.card-info-img-src{transition:all .6s cubic-bezier(.34,1.56,.64,1)}.card-info-img-src:hover{object-fit:contain;transform:scale(.95)}.card-info-review{font-size:.85rem}.card-info-tags{margin-bottom:0}aside h1{background-color:#0000}.list{background-color:var(--primary-background-color);color:var(--primary-text-color);border:1px solid #000}.list-date{flex-direction:column;justify-content:space-evenly;gap:5px;height:fit-content;min-height:35vh;overflow-x:visible}.list-date li:hover{border-bottom:1px solid #fff}.list-date li:hover span{width:inherit;margin:0;padding:0;font-size:1.2rem;font-weight:800;transition:all .1s cubic-bezier(.075,.82,.165,1);display:block;transform:translate(80%)}.list-tags{gap:0;max-height:40vh;display:block}.posts{flex-direction:row-reverse}.posts aside{width:50%;box-shadow:0px 0px 0px var(--primary-darker-color);justify-content:space-between}.posts aside .list{border:0}.posts aside .posts-aside-content{flex:1}.posts aside .posts-aside-buttons{justify-content:flex-start}.posts .posts-aside-article ul{scrollbar-width:thin;max-height:70vh;padding:10px;list-style-type:square;overflow:hidden scroll}}