*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.container{max-width:600px;width:100%;background:white;border-radius:20px;box-shadow:0 15px 50px #00000040;padding:20px 40px;text-align:center}h1{color:#333;margin-bottom:30px;font-size:2.2em}.logo{max-width:280px;width:40%;height:auto;margin-bottom:5px}.subtitle{color:#666;margin-bottom:40px;font-size:1.1em}.menu-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.version-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:15px}.section-title{text-align:center;color:#333;font-size:1.3em;font-weight:600;margin-bottom:15px;margin-top:5px}.level-button{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:700;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 3px 10px #00000026}.level-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.level-button:active{transform:translateY(-1px)}.version-button,.genre-button{padding:12px;font-size:.95em;font-weight:600;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 3px 10px #00000026;text-align:center}.version-button:hover,.genre-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.version-button:active,.genre-button:active{transform:translateY(-1px)}.kana-button{padding:12px 10px;font-size:.9em;font-weight:600;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 3px 10px #00000026;text-align:center}.kana-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.kana-button:active{transform:translateY(-1px)}.version-dx{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.version-old{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);color:#333}.genre-pops{background:linear-gradient(135deg,#ff9a56 0%,#ffb347 100%)}.genre-vocaloid{background:linear-gradient(135deg,#00d4ff 0%,#00e5ff 100%)}.genre-touhou{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.genre-game{background:linear-gradient(135deg,#43e97b 0%,#5af59d 100%)}.genre-maimai{background:linear-gradient(135deg,#ff6b9d 0%,#ff5a8a 100%)}.genre-ongeki{background:linear-gradient(135deg,#0099cc 0%,#0077aa 100%)}.kana-hiragana{background:#43e97b}.kana-alpha{background:#667eea}.kana-kanji{background:#f093fb}.kana-other{background:#fa709a}.level-1{background:linear-gradient(135deg,#4ade80,#4ade80)}.level-2{background:linear-gradient(135deg,#4ade80,#22c55e)}.level-3,.level-4{background:linear-gradient(135deg,#22c55e,#22c55e)}.level-5{background:linear-gradient(135deg,#fde047,#fde047)}.level-6{background:linear-gradient(135deg,#fde047,#facc15)}.level-7,.level-7p{background:linear-gradient(135deg,#facc15,#facc15)}.level-8{background:linear-gradient(135deg,#f87171,#f87171)}.level-8p{background:linear-gradient(135deg,#f87171,#ef4444)}.level-9{background:linear-gradient(135deg,#ef4444,#ef4444)}.level-9p{background:linear-gradient(135deg,#ef4444,#dc2626)}.level-10,.level-10p,.level-11,.level-11p{background:linear-gradient(135deg,#dc2626,#dc2626)}.level-12{background:linear-gradient(135deg,#c084fc,#a855f7)}.level-12p{background:linear-gradient(135deg,#a855f7,#a855f7)}.level-13{background:linear-gradient(135deg,#a855f7,#9333ea)}.level-13p{background:linear-gradient(135deg,#9333ea,#9333ea)}.level-14{background:linear-gradient(135deg,#9333ea,#7e22ce)}.level-14p{background:linear-gradient(135deg,#7e22ce,#7e22ce)}.level-15{background:linear-gradient(135deg,#7e22ce,#6b21a8);text-shadow:0 0 10px rgba(255,255,255,.5)}.menu-button{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px #00000026;gap:15px}.menu-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.menu-button:active{transform:translateY(-1px)}.menu-icon{font-size:1.8em}.menu-text{display:flex;flex-direction:column;align-items:center}.menu-title{font-size:1em;font-weight:700;color:#fff}.menu-desc{font-size:.75em;color:#ffffffd9;margin-top:2px}.btn-version{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.btn-level{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.btn-kana{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.btn-genre{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%)}.btn-filter{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.footer{margin-top:30px;color:#999;font-size:.9em}.logo-container{position:relative;text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.update-info{text-align:center;margin-top:4px;visibility:hidden}.update-info.visible{visibility:visible}.last-update-date{color:#555;font-size:.85em}.update-content-btn{padding:4px 12px;font-size:.8em;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;cursor:pointer;margin-left:8px;transition:all .3s ease;box-shadow:0 2px 6px #667eea4d}.update-content-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #667eea66}.update-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1000;justify-content:center;align-items:center}.update-popup-overlay.active{display:flex}.update-popup{background:white;border-radius:16px;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.update-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.update-popup-header h3{margin:0;font-size:1.1em}.update-popup-close{background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:0;line-height:1}.update-tabs{display:flex;border-bottom:2px solid #f0f0f0;background:#fafafa}.update-tab{flex:1;padding:10px 8px;border:none;background:transparent;cursor:pointer;font-size:.8em;font-weight:600;color:#888;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.update-tab:hover{color:#667eea;background:rgba(102,126,234,.05)}.update-tab.active{color:#667eea;border-bottom-color:#667eea;background:white}.update-tab-content{display:none}.update-tab-content.active{display:block}.update-popup-body{padding:16px 20px;max-height:60vh;overflow-y:auto}.update-day-section{padding:8px 0}.update-day-header{font-size:1.1em;font-weight:700;color:#333;padding:8px 12px;background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.15) 100%);border-radius:8px;margin-bottom:12px}.update-category,.update-category-accordion{margin-bottom:12px}.update-category-accordion summary{cursor:pointer;list-style:none}.update-category-accordion summary::-webkit-details-marker{display:none}.update-category-accordion summary:before{content:"▶ ";font-size:.7em;margin-right:4px}.update-category-accordion[open] summary:before{content:"▼ "}.update-category-title{font-size:.9em;font-weight:600;color:#555;margin-bottom:6px;padding-left:4px;word-break:break-word}.update-song-list{list-style:none;padding:0;margin:0}.update-song-item{display:block;font-size:.85em;color:#444;padding:4px 12px;border-left:2px solid #ddd;margin-bottom:2px;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.update-song-item:before{content:"○";margin-right:4px}.update-song-item.with-badge:before{content:"";margin-right:0}.update-type-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.75em;font-weight:700;color:#fff;min-width:28px;text-align:center}.update-type-std{background:#3b82f6}.update-type-dx{background:#f59e0b}.update-nested-list{list-style:none;padding:0;margin:4px 0 4px 16px}.update-nested-item{font-size:.95em;color:#666;padding:2px 0;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.update-nested-item:before{content:"・";margin-right:4px;color:#999}.update-day-separator{border:none;border-top:1px solid #ddd;margin:16px 0}.no-updates{text-align:center;color:#888;padding:20px}.social-links{text-align:left}.section-title-bordered{margin-top:15px;padding-top:15px;border-top:2px solid #f0f0f0}.social-link-item{display:flex;align-items:center;gap:8px;font-size:.9em;color:#555;margin-bottom:8px}.social-icon{width:18px;height:18px;flex-shrink:0}.social-link-item a{color:#667eea;text-decoration:none;transition:color .2s ease}.social-link-item a:hover{color:#764ba2;text-decoration:underline}@media (max-width: 500px){.container{padding:30px 20px}.menu-grid{grid-template-columns:1fr;gap:15px}.menu-button{padding:10px 16px}.menu-icon{font-size:1.5em}.menu-title{font-size:.9em}.menu-desc{font-size:.7em}.level-grid{grid-template-columns:repeat(8,1fr);gap:6px}.level-button{font-size:.9em}.version-grid{grid-template-columns:repeat(4,1fr);gap:6px}.version-button{padding:10px 4px;font-size:.8em}.genre-grid{grid-template-columns:repeat(2,1fr);gap:8px}.genre-button{padding:12px 8px;font-size:.85em}.kana-grid{grid-template-columns:repeat(5,1fr);gap:6px}.kana-button{padding:10px 6px;font-size:.75em}h1{font-size:1.6em}}