@media (max-width:600px){.chord-sheet-list{font-size:var(--font-size-base)}}.chord-sheet{font-family:var(--font-family-base);font-size:var(--font-size-px-16);line-height:var(--line-height-base)}.bridge,.chorus,.verse{border-radius:var(--radius-px-6);padding:var(--spacing-px-8)}.bridge+.chorus,.bridge+.verse,.chorus+.bridge,.chorus+.verse,.verse+.bridge,.verse+.chorus{margin-top:var(--spacing-px-10)}.row{display:flex;flex-wrap:wrap;justify-content:center}.column{align-items:center;display:flex;flex:0 1;flex-direction:column;padding-left:0!important;padding-right:0!important}.chord{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-px-3);margin-right:var(--radius-px-6);min-height:1.4em;white-space:nowrap}.image-chord{background-repeat:no-repeat;background-size:contain;height:40px;width:80px}.image-chord svg{display:block;height:100%;width:100%}.image-chord--text{display:inline-block;font-weight:var(--font-weight-bold);height:40px;margin-right:var(--radius-px-6);white-space:nowrap}.image-chord--empty{height:40px}.lyrics{font-weight:var(--font-weight-bold);text-align:center;white-space:nowrap}@media (max-width:600px){.chord-sheet{font-size:.6rem}.chord,.image-chord--text{font-size:.8rem}.bass-chord-text{font-size:.4rem}h5{font-size:1rem}}@media (min-width:768px){.chord-sheet{font-size:1rem}.chord{font-size:1.1rem}.bass-chord-text{font-size:.5rem}.image-chord--text{font-size:1rem}h5{font-size:1.3rem}}@media (min-width:992px){.chord-sheet{font-size:1.1rem}.chord{font-size:1.3rem}.bass-chord-text{font-size:.6rem}.image-chord--text{font-size:1.2rem}h5{font-size:1.4rem}}@media (min-width:1200px){.chord-sheet{font-size:1.25rem}.chord{font-size:1.5rem}.bass-chord-text{font-size:.7rem}.image-chord--text{font-size:1.3rem}h5{font-size:1.6rem}}.chord-sheet.light{background-color:#fff;color:#000}.chord-sheet.light .chord{color:#006400}.chord-sheet.light .image-chord{filter:invert(15%) sepia(62%) saturate(2225%) hue-rotate(100deg) brightness(89%) contrast(106%)}.chord-sheet.light .image-chord--text{color:#006400}.chord-sheet.light .lyrics{color:#000}.chord-sheet.dark{background-color:#333;color:#fff}.chord-sheet.dark .chord{color:#90ee90}.chord-sheet.dark .lyrics{color:#fff}.chord-sheet.dark .image-chord{filter:invert(50%) brightness(2) sepia(1) hue-rotate(50deg) saturate(10)}.chord-sheet.dark .image-chord--text{color:#90ee90}.chord-sheet.spring{background-color:#fff0f5;color:#4b2e1e}.chord-sheet.spring .chord,.chord-sheet.spring .image-chord--text{color:#d81b60}.chord-sheet.spring .lyrics{color:#000}.chord-sheet.spring .image-chord{filter:invert(19%) sepia(77%) saturate(3316%) hue-rotate(323deg) brightness(89%) contrast(96%)}.chord-sheet.summer{background-color:#e8f4f8;color:#1b4f72}.chord-sheet.summer .chord,.chord-sheet.summer .image-chord--text{color:#059669}.chord-sheet.summer .lyrics{color:#1b4f72}.chord-sheet.summer .image-chord{filter:invert(25%) sepia(85%) saturate(1000%) hue-rotate(120deg) brightness(.9) contrast(1.2)}.chord-sheet.autumn{background-color:#faf3e0;color:#5c4033}.chord-sheet.autumn .chord,.chord-sheet.autumn .image-chord--text{color:#8b4513}.chord-sheet.autumn .lyrics{color:#000}.chord-sheet.autumn .image-chord{filter:invert(22%) sepia(32%) saturate(677%) hue-rotate(335deg) brightness(97%) contrast(82%)}.chord-sheet.winter{background-color:#f0f8ff;color:#006400}.chord-sheet.winter .chord,.chord-sheet.winter .image-chord--text{color:#b22222}.chord-sheet.winter .lyrics{color:#000}.chord-sheet.winter .image-chord{filter:invert(20%) sepia(28%) saturate(4304%) hue-rotate(338deg) brightness(115%) contrast(105%)}.chord-sheet.black{background-color:#fff;color:#000}.chord-sheet.black .chord,.chord-sheet.black .image-chord--text,.chord-sheet.black .lyrics{color:#000}.chord-sheet.ai{background-color:#0a0a0f;color:#e8f4fd}.chord-sheet.ai .chord,.chord-sheet.ai .image-chord--text{color:#00d4ff}.chord-sheet.ai .lyrics{color:#e8f4fd}.chord-sheet.ai .image-chord{filter:invert(82%) sepia(37%) saturate(7356%) hue-rotate(147deg) brightness(102%) contrast(104%)}.image-chord--modal{background-color:var(--color-white);border-radius:var(--spacing-px-10);box-shadow:var(--shadow-sm);padding:var(--spacing-px-5);pointer-events:none;z-index:var(--z-modal)}.image-chord--modal svg{display:block;height:50px;width:40px}.auto-scroll-button{align-items:center;background-color:initial;border:1px solid var(--color-border-dark);border-radius:var(--radius-full);bottom:var(--spacing-px-20);color:var(--color-border-dark);cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:var(--spacing-px-20);transition:opacity var(--transition-base);width:50px}.key-select{min-width:80px;width:auto}.chord-sheet-textarea{font-family:monospace;font-size:var(--font-size-base)}.word-cloud-container{height:auto;margin:0 auto;max-width:960px;padding:var(--spacing-xl);width:100%}.word-cloud-container>svg{height:auto!important;width:100%!important}.word-cloud-container text{fill:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-korean);transition:font-size var(--transition-fast);user-select:none;-webkit-user-select:none;-ms-user-select:none}.word-cloud-container table.table{table-layout:fixed!important;width:100%!important}.word-cloud-container th,.word-cloud-container tr{text-align:left;vertical-align:middle}@media (max-width:600px){.word-cloud-container{font-size:var(--font-size-base)}}.container{font-family:var(--font-family-base);margin:0 auto;max-width:800px;padding:var(--spacing-px-20);position:relative}.header{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-px-20);margin-top:var(--spacing-px-40)}.update-date{color:var(--color-text-muted);font-size:var(--font-size-px-14);position:absolute;right:var(--spacing-px-20);top:0}.notice-list{list-style-type:none;margin:0;padding:0}.notice-list li{align-items:flex-start;background-color:var(--color-bg-light);border-radius:var(--radius-px-5);display:flex;margin-bottom:var(--spacing-px-10);padding:var(--spacing-px-15)}.notice-number{font-weight:var(--font-weight-bold);margin-right:var(--spacing-px-10)}.notice-content{flex-grow:1}.notice-content p{margin:0}.notice-content img{border-radius:var(--radius-px-5);height:auto;margin-top:var(--spacing-px-10);max-width:100%}.notice-list .new-notice{background-color:var(--color-bg-notice);border-left:var(--spacing-px-5) solid var(--color-border-notice);color:var(--color-border-notice);padding-left:var(--spacing-px-10)}.notice-list .new-notice .notice-number{color:var(--color-notice-accent)}.logo{align-items:center;display:flex;font-weight:var(--font-weight-bold);text-decoration:none}.logo-icon{margin-right:var(--spacing-px-8)}.logo-icon,.logo-text-bom{color:var(--color-primary)}.logo-text-ione{color:var(--color-secondary)}.logo-sm .logo-icon,.logo-sm .logo-text-bom,.logo-sm .logo-text-ione{font-size:var(--font-size-px-16)}.logo-md .logo-icon,.logo-md .logo-text-bom,.logo-md .logo-text-ione{font-size:var(--font-size-px-20)}.logo-lg .logo-icon,.logo-lg .logo-text-bom,.logo-lg .logo-text-ione{font-size:var(--font-size-px-24)}.logo-korean .logo-text-bom,.logo-korean .logo-text-ione,.logo-text .logo-text-bom,.logo-text .logo-text-ione{font-size:inherit}.logo-korean.logo-lg .logo-text-bom,.logo-korean.logo-lg .logo-text-ione{font-size:var(--font-size-px-24)}.logo-korean.logo-md .logo-text-bom,.logo-korean.logo-md .logo-text-ione{font-size:var(--font-size-px-20)}.logo-korean.logo-sm .logo-text-bom,.logo-korean.logo-sm .logo-text-ione{font-size:var(--font-size-px-16)}.logo:hover{text-decoration:none}.logo:hover .logo-icon{transform:scale(1.05);transition:transform var(--transition-fast)}.nav-items-container{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;width:100%}.nav-item{border-radius:var(--radius-sm);flex:1 1;padding:var(--spacing-sm);text-align:center}.nav-item:hover{background-color:var(--color-black-overlay)}.nav-item.btn-sm{flex:none;padding:var(--spacing-xs) var(--spacing-sm)}.footer{background-color:var(--color-bg-light);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--spacing-2xl) 0}.footer-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.footer-description{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:0}.footer-links{margin-bottom:var(--spacing-lg)}.footer-link{color:var(--color-text-tertiary);font-size:var(--font-size-base);margin:0 var(--spacing-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary-hover);text-decoration:none}.footer-separator{color:var(--color-border);font-size:var(--font-size-base)}.footer-copyright{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-bottom:0}@media (max-width:767.98px){.footer{padding:var(--spacing-xl) 0}.footer-brand{font-size:var(--font-size-lg)}.footer-links{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.footer-link{display:block;margin:var(--spacing-xs) 0}.footer-separator{display:none}}.notice-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--spacing-px-20);position:fixed;right:0;top:0;z-index:var(--z-modal)}.notice-modal-content{animation:modalFadeIn .3s ease-out;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-height:90vh;max-width:600px;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notice-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-px-20)}.notice-modal-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.notice-modal-close-btn{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);justify-content:center;padding:var(--spacing-px-5);transition:color var(--transition-fast)}.notice-modal-close-btn:hover{color:var(--color-text-primary)}.notice-modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-px-20)}.notice-modal-item{align-items:flex-start;display:flex;margin-bottom:var(--spacing-px-15)}.notice-modal-number{align-items:center;color:var(--color-notice-accent);display:flex;gap:var(--spacing-px-5);margin-right:var(--spacing-px-10)}.notice-modal-item-content{flex:1 1}.notice-modal-item-content p{color:var(--color-text-primary);line-height:var(--line-height-base);margin:0 0 var(--spacing-px-10) 0}.notice-modal-item-content p:last-child{margin-bottom:0}.notice-modal-item-content a{color:var(--color-link);text-decoration:none}.notice-modal-item-content a:hover{text-decoration:underline}.notice-modal-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:flex-start;padding:var(--spacing-px-20)}.notice-modal-checkbox-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--spacing-px-8);-webkit-user-select:none;user-select:none}.notice-modal-checkbox{cursor:pointer;height:18px;width:18px}@media (max-width:768px){.notice-modal-content{max-height:85vh;max-width:90%}.notice-modal-body,.notice-modal-footer,.notice-modal-header{padding:var(--spacing-px-15)}.notice-modal-title{font-size:var(--font-size-md)}}@media (max-width:480px){.notice-modal-overlay{padding:var(--spacing-px-10)}.notice-modal-content{border-radius:var(--radius-md);max-height:90vh;max-width:100%}.notice-modal-body,.notice-modal-footer,.notice-modal-header{padding:var(--spacing-px-10)}.notice-modal-title{font-size:var(--font-size-base)}.notice-modal-item-content p{font-size:var(--font-size-sm)}}:root{--color-primary:#006400;--color-primary-hover:#28a745;--color-secondary:#ffb6c1;--color-text-primary:#333;--color-text-secondary:#6c757d;--color-text-tertiary:#495057;--color-text-muted:gray;--color-bg-light:#f8f9fa;--color-bg-hover:#d9eaff;--color-bg-notice:#f0f8ff;--color-bg-tag:#f0f0f0;--color-border:#dee2e6;--color-border-dark:#bbb;--color-border-notice:#2c3e50;--color-link:#007bff;--color-notice-accent:tomato;--color-white:#fff;--color-black-overlay:#0000000d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.625rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--spacing-px-3:3px;--spacing-px-5:5px;--spacing-px-8:8px;--spacing-px-10:10px;--spacing-px-15:15px;--spacing-px-20:20px;--spacing-px-40:40px;--spacing-tag-y:0.3rem;--spacing-tag-x:0.7rem;--ad-height:280px;--font-size-xs:0.8rem;--font-size-sm:0.85rem;--font-size-base:0.9rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.6rem;--font-size-px-14:14px;--font-size-px-16:16px;--font-size-px-20:20px;--font-size-px-24:24px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-family-base:Arial,sans-serif;--font-family-korean:"Noto Sans KR",sans-serif;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.75rem;--radius-full:50%;--radius-px-5:5px;--radius-px-6:6px;--shadow-sm:0 2px 5px #00000080;--transition-fast:0.2s ease;--transition-base:0.6s ease-in-out;--z-modal:1000;--line-height-base:1.4;--line-height-tight:1.1}body,html{height:100%;margin:0;padding:0;width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fade-in{animation:fadeIn var(--transition-base) forwards;opacity:0;transform:scale(.98)}@keyframes fadeIn{to{opacity:1;transform:scale(1)}}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.tag{background:var(--color-bg-tag);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-tag-y) var(--spacing-tag-x);transition:background var(--transition-fast),color var(--transition-fast)}.tag:hover{background:var(--color-bg-hover);color:var(--color-link)}table{table-layout:fixed;width:100%}.table th,.table tr{text-align:left;vertical-align:middle}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.custom-container{flex:1 1;max-width:100%!important;width:100%}.app-wrapper .btn-group,.app-wrapper .col-auto,.app-wrapper .row,.custom-container{margin:0;padding:0}.google-ad-container{align-items:center;display:flex;height:var(--ad-height);justify-content:center;overflow:hidden;position:relative;width:100%}.google-ad-container .adsbygoogle{object-fit:cover!important;overflow:hidden!important;width:100%!important}.google-ad-wrapper{padding:var(--spacing-px-5)}
/*# sourceMappingURL=main.1b313b22.css.map*/