html,body{margin:0;font-family:sans-serif}a:link:not(.link-button),a:visited:not(.link-button),a:hover:not(.link-button),a:active:not(.link-button){color:#000;text-decoration:underline dotted var(--orange)}label>input{display:block;box-sizing:border-box}.link-button{display:inline-flex;align-items:center;margin:.25rem;padding:.4rem .5rem .3rem;font-size:.8rem;border-radius:5px;font-size:1rem;color:#fff;text-decoration:none}.tag-list__license{border:1px solid var(--license-color);background:var(--license-color)}.tag-list__tag{border:1px solid var(--tag-color);background:var(--tag-color)}.tag-list__fave{border:1px solid var(--fave-color);background:var(--fave-color)}.tag-list__count{margin-left:.5rem;font-size:.7em}.url-list__back,.advanced__submit,.advanced__random{margin:1rem 0 .25rem;padding:.5rem .75rem;background:var(--tag-color);color:#fff;border:1px solid var(--tag-color);border-radius:8px}.advanced__random{background:var(--green);border:1px solid var(--green)}.url-list__license-details,.url-list__about-me{margin:2rem 0 1rem;padding:1rem .75rem;border-radius:5px}.url-list__license-details{border:1px dashed var(--license-color)}.url-list__about-me{border:1px dashed var(--green)}.url-list__license-details>p{margin:.75rem 0 .75rem 1rem}.url-list__listing{position:relative;border:1px solid var(--green);padding:1rem .75rem;margin:2rem 0;border-radius:5px;overflow:hidden}.url-list__listing.url-list__listing--fave{border:2px solid var(--fave-color)}.url-list__star{font-size:1.3em;color:var(--fave-color)}.url-list__tag-container{margin-top:1rem}.url-list__tag,.url-list__license{background:none}.url-list__tag{border:1px dotted var(--tag-color);color:var(--tag-color)}.url-list__tag.url-list__tag--active{border:1px solid var(--tag-color);background:var(--tag-color);color:#fff}.url-list__license{border:1px dotted var(--license-color);color:var(--license-color)}.url-list__license.url-list__license--active{border:1px solid var(--license-color);background:var(--license-color);color:#fff}.url-list__not-found{margin:6rem 0 5rem}.url-list__listen{position:absolute;bottom:0;right:0;background:none;border:none;margin-left:.5rem;background:var(--primary-color);color:#fff;padding:calc(.5em + 1px) .75em .5em calc(.75em + 1px);border-top-left-radius:5px}.url-list__listen.url-list__listen--fave{background:var(--fave-color)}.url-list__blog-list{list-style-type:hiragana}.url-list__blog-list li::marker{color:var(--blue)}.advanced__rules{margin:2rem 0}.advanced-card{border-bottom:1px solid var(--primary-color);padding:1rem 0}.advanced-card ul{list-style-type:hiragana}.advanced-card li{margin:.5rem 0}.advanced-card li::marker{color:var(--blue)}.advanced-card__row-name{color:var(--orange)}:root{--yellow: #ffb300;--orange: #ff6f61;--red: #d5006d;--green: #00bfae;--blue: #00a8e1;--primary-color: #00bfae;--secondary-color: #ffb300;--tag-color: #00a8e1;--license-color: #d5006d;--fave-color: #ffb300;--dark-grey: #999;--light-grey: #eee}.header-link{text-decoration:none!important}h1{font-size:5em;margin:2rem 0 1rem;color:var(--red);cursor:pointer}h1:hover{animation:2s ease header infinite}@keyframes header{0%{text-shadow:var(--yellow) 0 0,var(--blue) 0 0,var(--orange) 0 0,var(--green) 0 0}25%{text-shadow:var(--yellow) 3px 3px,var(--blue) 6px 6px,var(--orange) 9px 9px,var(--green) 12px 12px}50%{text-shadow:var(--yellow) -3px 3px,var(--blue) -6px 6px,var(--orange) -9px 9px,var(--green) -12px 12px}75%{text-shadow:var(--yellow) -3px -3px,var(--blue) -6px -6px,var(--orange) -9px -9px,var(--green) -12px -12px}to{text-shadow:var(--yellow) 0 0,var(--blue) 0 0,var(--orange) 0 0,var(--green) 0 0}}.app__about>a:link,.app__about>a:visited,.app__about>a:hover,.app__about>a:active{color:var(--red);text-decoration:wavy underline}button{cursor:pointer}.main-container{max-width:800px;margin:auto;padding:0 8px}.app__bandcamp-friday{padding:.75em;text-align:center}.app__bandcamp-friday--active{color:#fff;background:var(--red)}.app__bandcamp-friday--close{color:var(--blue);border-bottom:2px dashed var(--blue)}.app__random-button{font-size:1.5em;margin:1rem 0;padding:.5rem;width:100%;border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;border-radius:8px;box-shadow:6px 6px var(--secondary-color);transition:all .1s}.app__random-button:disabled{background:var(--dark-grey);border:1px solid var(--dark-grey);box-shadow:6px 6px var(--light-grey);cursor:wait}.app__random-button:active:enabled{box-shadow:4px 4px var(--secondary-color);transform:translate(2px,2px)}footer{padding:1rem 0 5rem}footer>a:link,footer>a:visited,footer>a:hover,footer>a:active{color:#000;text-decoration:underline wavy var(--green)}.sticky-player{display:flex;align-items:stretch;justify-content:space-evenly;position:fixed;bottom:0;max-width:800px;box-shadow:0 0 8px #0005;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2}.sticky-player>iframe{border:none;background:#fff;width:700px;height:42px;display:block}.show-more-button{margin:1rem 0;padding:.5rem;width:100%;background:none;background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:8px;font-size:1rem}.input-label{display:block;padding:1rem .25rem}.input-label>input:not([type=checkbox]){width:100%;border:1px solid var(--primary-color);border-radius:5px;padding:.25rem;margin:.25rem 0}hr{height:1px;color:var(--yellow);background:var(--yellow);font-size:0;border:0;margin:2rem 0}