.google-sans{font-optical-sizing:auto;font-variation-settings:"GRAD" 0;font-family:Google Sans,sans-serif;font-style:normal;font-weight:400}body{position:relative;background:#f5f5f5;max-width:800px;margin:auto;padding:20px 420px;font-family:Google Sans,Arial,sans-serif}.top-banner{display:block;width:100%;max-width:800px;margin:0 auto 10px;padding:0}.top-banner img{display:block;object-fit:contain;width:100%;height:auto;max-height:120px}.bottom-banner{display:block;width:100%;max-width:800px;margin:0 auto 10px}.bottom-banner img{display:block;object-fit:contain;width:100%;height:auto;max-height:800px}.vertical-banner{position:fixed;z-index:1;overflow:hidden;width:400px;top:0;bottom:0}.vertical-banner.left{left:0}.vertical-banner.right{right:0}.vertical-banner img{object-fit:cover;display:block;width:100%;height:100%}.player-container{width:100%;max-width:800px;margin-bottom:20px}.player-embed{overflow:hidden;position:relative;background:#fff;border:1px solid #ccc;max-width:800px;margin-bottom:10px;padding:12px;box-shadow:0 2px 4px #0000001a}.info-icon-button,.queue-icon-button,.history-icon-button{position:absolute;cursor:pointer;z-index:10;display:flex;background:#ffffffe6;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items: center;padding:6px;transition:background-color .2s,transform .2s;top:12px;box-shadow:0 1px 3px #0000001a}.info-icon-button{right:84px}.queue-icon-button{right:48px}.history-icon-button{right:12px}.info-icon-button:hover,.queue-icon-button:hover,.history-icon-button:hover{background:#fff;transform:scale(1.05)}.info-icon-button:active,.queue-icon-button:active,.history-icon-button:active{transform:scale(.95)}.info-icon,.queue-icon,.history-icon{display:block;width:20px;height:20px}.info-popover,.queue-popover,.history-popover{position:absolute;z-index:1000;overflow:hidden;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:400px;max-width:600px;max-height:500px;box-shadow:0 4px 12px #00000026}.info-popover .info-content{padding:12px}.info-popover .info-content .recording-info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-popover .info-content .recording-info-item{display:flex;flex-direction:column;gap:5px}.info-popover .info-content .recording-info-label{color:#666;text-transform:uppercase;font-size:12px;font-weight:700}.info-popover .info-content .recording-info-value{color:#333;font-size:14px}.info-popover .info-content .recording-info-value a{color:#06c;text-decoration:none}.info-popover .info-content .recording-info-value a:hover{text-decoration:underline}.info-popover .info-content .recording-tags{display:flex;flex-wrap:wrap;gap:5px}.info-popover .info-content .recording-tag{color:#555;background:#f0f0f0;border-radius:3px;padding:4px 8px;font-size:11px}.info-popover .info-content .recording-release-item{border-bottom:1px solid #eee;margin-bottom:8px;padding-bottom:8px}.info-popover .info-content .recording-release-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-popover .info-content .recording-release-title{color:#333;margin-bottom:4px;font-size:13px;font-weight:600}.info-popover .info-content .recording-release-meta{color:#666;font-size:11px}.atabook-embed{overflow:hidden;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;max-width:800px;margin:20px auto;box-shadow:0 2px 4px #0000001a}.queue-popover .queue-content{padding:12px}.history-popover .history-embed{overflow:hidden;background:#fff;width:100%;padding:12px}.queue-item{display:flex;border-bottom:1px solid #eee;align-items: center;gap:12px;padding:12px;transition:background-color .2s}.queue-item:last-child{border-bottom:none}.queue-item:hover{background-color:#f5f5f5}.queue-item-number{color:#666;text-align:center;min-width:24px;font-size:16px;font-weight:700}.queue-item-art{overflow:hidden;background:#ddd;border-radius:4px;flex-shrink:0;width:60px;height:60px}.queue-item-art img{object-fit:cover;width:100%;height:100%}.queue-item-info{flex:1;min-width:0}.queue-item-title{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600}.queue-item-artist{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;font-size:12px}.queue-item-time{color:#999;font-size:11px}.yuri-gallery{overflow:hidden;position:relative;background:#fff;border:1px solid #ccc;padding:20px;box-shadow:0 2px 4px #0000001a}.gallery-title{text-align:center;color:#333;margin-bottom:15px;font-size:18px;font-weight:700}.gallery-container{position:relative;overflow:hidden;height:400px}.gallery-scroll{display:flex;animation:scroll 30s linear infinite;will-change:transform;gap:15px}.gallery-scroll:hover,.gallery-scroll.paused{animation-play-state:paused}.yuri-item{position:relative;border:2px solid #eee;flex-shrink:0;width:300px;height:400px;transition:transform .3s}.yuri-item:hover{z-index:10;transform:scale(1.05)}.yuri-item img{object-fit:cover;width:100%;height:100%}.source-link{position:absolute;color:#fff;text-decoration:none;opacity:.8;background:#000000b3;border-radius:4px;padding:5px 12px;transition:opacity .2s;font-size:12px;bottom:10px;left:50%;transform:translate(-50%)}.source-link:hover{opacity:1;background:#000000e6}.yuri-item:first-child,.yuri-item:nth-last-child(-n+2){opacity:.3}@keyframes scroll{0%{transform:translate(0)}to{transform:translateX(var(--scroll-distance,calc(-315px*10)))}}.loading{color:#999;text-align:center;padding:20px;font-style:italic}.gallery-controls{display:flex;background:#fff;border:1px solid #ccc;align-items: center;gap:10px;margin-top:10px;padding:15px;box-shadow:0 2px 4px #0000001a}.gallery-controls label{display:flex;cursor:pointer;user-select:none;align-items: center;gap:8px}.gallery-controls input[type=checkbox]{cursor:pointer;width:18px;height:18px}.recording-info{display:none;background:#fff;border:1px solid #ccc;margin-top:10px;padding:20px;box-shadow:0 2px 4px #0000001a}.recording-info.visible{display:block}.recording-info-title{color:#333;border-bottom:2px solid #eee;margin-bottom:15px;padding-bottom:10px;font-size:18px;font-weight:700}.recording-info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.recording-info-item{display:flex;flex-direction:column;gap:5px}.recording-info-label{color:#666;text-transform:uppercase;font-size:12px;font-weight:700}.recording-info-value{color:#333;font-size:14px}.recording-info-value a{color:#06c;text-decoration:none}.recording-info-value a:hover{text-decoration:underline}.recording-tags{display:flex;flex-wrap:wrap;gap:5px}.recording-tag{color:#555;background:#e8e8e8;border-radius:12px;padding:3px 8px;font-size:12px}.recording-releases{grid-column:1/-1}.recording-release-item{background:#f9f9f9;border-left:3px solid #ccc;margin-bottom:8px;padding:8px;font-size:13px}.recording-release-title{color:#333;margin-bottom:3px;font-weight:700}.recording-release-meta{color:#666;font-size:11px}@media (max-width:1600px){body{padding-left:365px;padding-right:365px}.vertical-banner{width:350px}}@media (max-width:1400px){body{padding-left:310px;padding-right:310px}.vertical-banner{width:300px}}@media (max-width:1200px){body{padding:20px}.vertical-banner{display:none}.top-banner{width:100%;max-width:100%;margin-bottom:10px;padding:0}.top-banner img{object-fit:contain;max-height:60px}}@media (max-width:600px){.top-banner{margin-bottom:15px}.top-banner img{max-height:60px}.yuri-item{width:250px;height:350px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-2650px)}}}