:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color: #121212;--text-color: #ffffff;--accent-color: #e91e63;--secondary-color: #2196f3;--card-bg: #1e1e1e;--hover-bg: #2d2d2d;--nav-height: 60px}body{background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;min-height:100vh}a{color:inherit;text-decoration:none}.page-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:9999;display:flex;align-items:center;justify-content:center}.wave-text span{display:inline-block;font-size:1.5rem;font-weight:700;color:var(--accent-color);animation:wave 1s infinite ease-in-out;margin:0 2px}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.main-content{min-height:calc(100vh - 100px);padding-top:var(--nav-height)}.page-container{max-width:800px;margin:0 auto;padding:20px;animation:fadeIn .3s ease}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#121212f2;border-bottom:1px solid #333;display:flex;align-items:center;padding:0 20px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-btn{background:none;border:none;color:#fff;cursor:pointer}.nav-title{flex:1;text-align:center;font-weight:700;letter-spacing:1px;font-size:1.1rem}.nav-spacer{width:28px}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-sidebar{position:absolute;top:0;left:0;width:250px;height:100%;background:#1e1e1e;transform:translate(-100%);transition:transform .3s ease;padding:20px;display:flex;flex-direction:column}.menu-overlay.open .menu-sidebar{transform:translate(0)}.menu-close-btn{align-self:flex-end;background:none;border:none;color:#aaa;cursor:pointer;margin-bottom:20px}.menu-list{list-style:none;padding:0;margin:0}.menu-list li{margin-bottom:15px}.menu-list a{display:flex;align-items:center;gap:10px;font-size:1.1rem;padding:10px;border-radius:8px}.menu-list a:hover{background:#333;color:var(--accent-color)}.menu-list hr{border:none;border-top:1px solid #333;margin:15px 0}.hero-section{text-align:center;margin-bottom:10px;padding:20px 0}.hero-section h1{font-size:1.8rem;margin-bottom:5px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:center}.unofficial-badge{font-size:.7rem;border:1px solid var(--accent-color);color:var(--accent-color);padding:2px 6px;border-radius:4px}.hero-subtitle{color:#888;font-size:.9rem;margin:0}.search-buttons{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto}.big-search-btn{display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:12px;background:#3232324d;color:#ddd;font-weight:700;font-size:1.1rem;border:1px solid #444;transition:transform .2s,background .2s}.big-search-btn:hover{transform:translateY(-3px);background:#333;color:#fff}.song-btn{border-left:5px solid var(--accent-color)}.prog-btn{border-left:5px solid var(--secondary-color)}.artist-btn{border-left:5px solid #ff9800}.ranking-btn{border-left:5px solid #FFD700}.home-page{display:flex;flex-direction:column;gap:40px}.update-list-small li{border-bottom:1px solid #333;padding:8px 0;display:flex;gap:15px;font-size:.85rem}.update-date{color:var(--accent-color);font-weight:700;min-width:80px}.official-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent-color);border:1px solid var(--accent-color);padding:8px 16px;border-radius:20px;font-size:.9rem}.safety-box{border:1px solid #4CAF50;background:#4caf500d!important}.safety-box h3{color:#4caf50!important;border-bottom:1px solid rgba(76,175,80,.3)!important}.search-header{text-align:center;margin-bottom:20px}.search-header h2{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5rem;margin-bottom:15px}.sub-nav-pills{display:flex;justify-content:center;gap:10px;margin-top:10px}.nav-pill{padding:6px 16px;border-radius:20px;font-size:.9rem;border:1px solid transparent;transition:all .2s}.nav-pill:hover{transform:translateY(-2px);filter:brightness(1.2)}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.cat-btn{background:transparent;padding:6px 12px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid #fff;color:#fff}.cat-btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.cat-btn.fav-filter-btn{border-color:#e91e63;color:#e91e63}.cat-btn.fav-filter-btn.active{background-color:#e91e63!important;color:#fff!important;box-shadow:0 0 10px #e91e63!important}.cat-btn.good-filter-btn{border-color:#ff9800;color:#ff9800}.cat-btn.good-filter-btn.active{background-color:#ff9800!important;color:#fff!important;box-shadow:0 0 10px #ff9800!important}.search-box-wrapper{display:flex;gap:10px;max-width:600px;margin:0 auto 20px}.search-box{flex:1;display:flex;align-items:center;background:var(--card-bg);padding:12px 20px;border-radius:50px;border:1px solid #333}.search-box input{background:transparent;border:none;color:#fff;width:100%;font-size:1rem;outline:none}.search-exec-btn{background:var(--accent-color);color:#fff;border:none;padding:0 25px;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s}.search-exec-btn.highlight{animation:pulse-search 1.5s infinite;box-shadow:0 0 15px var(--accent-color)}@keyframes pulse-search{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.instruction-box{background:#1a1a1a;padding:15px;border-radius:8px;border:1px solid #333;margin-bottom:20px}.instruction-text{color:#ccc;font-size:.85rem;line-height:1.8;margin:0}.search-instruction{background:#1a1a1a;padding:15px;border-radius:8px;color:#ccc;font-size:.9rem;display:flex;align-items:center;max-width:600px;margin:0 auto;border:1px solid #333}.no-result{text-align:center;color:#888;padding:40px}.results{display:flex;flex-direction:column;gap:10px}.card{background:var(--card-bg);padding:15px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;border-left:5px solid var(--accent-color);transition:transform .2s,background .2s,border .2s;position:relative;cursor:pointer;border:1px solid transparent}.card:hover{transform:translateY(-2px);background:var(--hover-bg)}.song-card .card-link-wrapper{display:flex;flex:1;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.card-link-wrapper{display:flex;flex:1;text-decoration:none;color:inherit;width:100%;cursor:pointer}.external-links{display:flex;gap:8px;z-index:2;flex-wrap:wrap;margin-top:5px}.ext-btn{background:transparent;border:1px solid #444;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:700;cursor:pointer;transition:.2s;text-decoration:none;display:inline-block;text-align:center}.ext-btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.ext-btn.yt-btn{color:red;border-color:#ff000080}.ext-btn.yt-btn:hover{background:#ff00001a}.ext-btn.am-btn{color:#ff2d55;border-color:#ff2d5580}.ext-btn.am-btn:hover{background:#ff2d551a}.card.favorite-card{background-color:#e91e6314;border:1px solid rgba(233,30,99,.3)}.card.favorite-card:hover{background-color:#e91e6326}.program-badge{display:inline-block;width:auto;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;color:#000;text-align:center}.program-name-large{font-weight:700;font-size:1.1rem;margin-top:5px}.clickable-badge{cursor:pointer;box-shadow:0 2px 4px #00000080;border:1px solid rgba(255,255,255,.2);transition:transform .2s,filter .2s;display:inline-flex;align-items:center;gap:4px}.clickable-badge:hover{transform:translateY(-2px);filter:brightness(1.2)}.clickable-badge:after{content:"▶";font-size:.6em;margin-left:2px}.action-icons-group{display:flex;align-items:center;gap:8px;z-index:2;flex-wrap:wrap;justify-content:flex-end}.action-icon-btn{background:transparent;border:none;cursor:pointer;padding:5px;transition:transform .2s}.action-icon-btn:active{transform:scale(1.2)}.rank-indicator-btn{background:#0009;border:1px solid #ffd700;color:gold;border-radius:20px;padding:4px 8px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:.2s;white-space:nowrap}.rank-indicator-btn:hover{background:gold;color:#000}.program-header-box{border-bottom:2px solid;padding-bottom:15px;margin-bottom:20px}.program-title-detail{margin:0 0 10px;font-size:1.8rem}.program-meta{display:flex;align-items:center;gap:15px}.vote-actions{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;border:1px solid #444;background:#222;color:#fff;cursor:pointer;transition:.2s;font-weight:700}.action-btn.fav-act-btn.active{background:#e91e63;border-color:#e91e63}.action-btn.good-act-btn.active{background:#ff9800;border-color:#ff9800}.program-detail-layout{display:flex;gap:20px;align-items:flex-start}.setlist-area{flex:2;width:100%}.comment-area{flex:1;background:#1a1a1a;padding:20px;border-radius:12px;border:1px solid #333;width:100%}.area-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;border-bottom:1px solid #333;padding-bottom:10px;margin-top:0}.comment-form textarea{width:100%;background:#222;border:1px solid #444;color:#fff;padding:10px;border-radius:8px;resize:vertical;box-sizing:border-box;font-family:inherit}.comment-submit-btn{width:100%;background:var(--secondary-color);color:#fff;border:none;padding:10px;border-radius:8px;margin-top:10px;font-weight:700;cursor:pointer}.comment-submit-btn:disabled{background:#555;cursor:not-allowed}.comment-list{margin-top:20px;display:flex;flex-direction:column;gap:15px}.comment-item{background:#222;padding:15px;border-radius:8px;border-left:3px solid var(--secondary-color)}.comment-text{margin:0 0 10px;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.comment-date{font-size:.75rem;color:#888}.no-comment{color:#888;font-size:.9rem;text-align:center;margin-top:20px}.ranking-box{margin-bottom:30px;border:1px solid;border-radius:12px;padding:15px;background:#1a1a1a}.ranking-list{list-style:none;padding:0;margin:0}.ranking-list li{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #333}.rank-num{width:30px;font-weight:700;font-size:1.2rem;color:#aaa}.rank-name{flex:1;font-weight:700;text-decoration:underline}.rank-heart{display:flex;align-items:center;gap:5px;color:#ff9800;font-weight:700}.ranking-more-btn{width:100%;padding:10px;margin-top:10px;background:transparent;border:1px dashed #555;color:#aaa;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5px}.ranking-more-btn:hover{background:#333;color:#fff;border-color:#888}.table-container{overflow-x:auto}.info-table{width:100%;border-collapse:collapse;font-size:.9rem;color:#ddd;min-width:300px}.info-table th{background:#333;padding:10px;text-align:left;border-bottom:1px solid #555;white-space:nowrap}.info-table td{padding:10px;border-bottom:1px solid #333;vertical-align:middle}.info-icon-btn{background:none;border:none;color:#aaa;cursor:pointer}.info-icon-btn:hover{color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e1e1e;width:90%;max-width:600px;max-height:80vh;border-radius:12px;border:1px solid #333;padding:20px;overflow-y:auto}.close-btn-text{margin-top:20px;background:#333;border:none;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer}.limit-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.limit-btn{background:#333;color:#ddd;border:1px solid #555;padding:8px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}.site-description{text-align:left;background:#1a1a1a;padding:20px;border-radius:12px;border:1px solid #333;line-height:1.7}.site-description h3{margin-top:0;color:var(--secondary-color);display:flex;align-items:center;gap:8px;border-bottom:1px solid #333;padding-bottom:10px}.scroll-top-btn{position:fixed;bottom:20px;right:20px;background:var(--secondary-color);border:none;width:50px;height:50px;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 4px 10px #0000004d;display:flex;align-items:center;justify-content:center;z-index:900}.site-footer{text-align:center;color:#666;padding:20px;font-size:.8rem;border-top:1px solid #333;margin-top:40px}.back-btn{background:none;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;gap:5px;margin-bottom:15px;font-size:1rem}details{background:#252525;margin-bottom:10px;border-radius:8px;overflow:hidden}summary{padding:12px 15px;cursor:pointer;font-weight:700;color:#eee}details p{padding:15px;background:#2a2a2a;color:#ccc;margin:0;font-size:.9rem}.privacy-page h3{color:var(--accent-color);margin-top:30px;font-size:1.1rem}.privacy-page p{color:#ccc;font-size:.95rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.hero-section h1{font-size:1.5rem}.search-buttons{width:100%}.program-detail-layout{flex-direction:column}}