body{margin:0;font-family:Monotype Corsiva,Georgia,cursive;background-image:url(/img/violinbg.a12e5e42.jpeg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:50%;color:#2d0b00}.app-wrapper{text-align:center}.admin-bar{display:flex;justify-content:flex-end;padding:10px 20px}.admin-button{background-image:url(/img/bgperg.2e6aabe4.jpg);background-size:cover;border:2px solid #804000;border-radius:20px;padding:6px 14px;font-weight:700;font-family:Monotype Corsiva,Georgia,cursive;color:#2d0b00;text-decoration:none;text-shadow:1px 1px 0 #d8b68a,-1px -1px 0 #fff1d0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4);transition:transform .2s ease,filter .2s ease}.admin-button:hover{filter:brightness(1.15);transform:scale(1.05)}.header-banner{background-image:url(/img/bgperg.2e6aabe4.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;border:2px solid #804000;padding:25px;margin:30px auto 10px;max-width:700px;border-radius:0 0 20px 20px;box-shadow:0 8px 20px rgba(0,0,0,.3);animation:fadeIn .6s ease forwards;opacity:0}.site-title{text-decoration:none;color:inherit;font-size:48px;font-weight:700;margin:0;color:#2d0b00;text-shadow:2px 2px 0 #fff1d0,-1px -1px 0 #804000}.site-title a{text-decoration:none;color:inherit}.site-title a:hover{opacity:.8;text-decoration:none}.nav-wrapper{margin:20px auto;padding:30px 20px;background-image:url(/img/bgperg.2e6aabe4.jpg);background-size:cover;background-position:50%;border:2px solid #804000;border-radius:20px;max-width:1000px;box-shadow:0 8px 18px rgba(0,0,0,.2);animation:fadeIn .6s ease .2s forwards;opacity:0}.main-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.admin-button,.alphabet-card,.nav-btn,.search-box{font-size:24px;background-image:url(/img/bgperg.2e6aabe4.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;border:2px solid #804000;border-radius:20px;padding:6px 14px;font-weight:700;font-family:Monotype Corsiva,Georgia,cursive;color:#2d0b00;text-decoration:none;text-shadow:1px 1px 0 #d8b68a,-1px -1px 0 #fff1d0;transition:transform .2s ease,filter .2s ease;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4)}.admin-button:hover,.alphabet-card:hover,.nav-btn:hover,.search-box:hover{filter:brightness(1.15);transform:scale(1.05);cursor:pointer}.admin-button:active,.alphabet-card:active,.nav-btn:active,.search-box:active{transform:scale(.98);filter:brightness(.9)}.search-box{position:relative;display:flex;align-items:center;background-image:url(/img/bgperg.2e6aabe4.jpg);background-size:cover;border:2px solid #804000;border-radius:20px;padding:4px 10px}.search-box input{outline:none;padding:4px;font-size:24px;width:100px;font-family:Monotype Corsiva,Georgia,cursive}.search-box button,.search-box input{border:none;background:transparent;color:#2d0b00}.search-box button{cursor:pointer;font-size:16px}.alphabet-navbar{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.alphabet-card{display:inline-block;padding:6px 12px;font-size:24px;font-weight:700;border:2px dashed #804000;border-radius:12px;text-decoration:none}@keyframes fadeIn{to{opacity:1}}.search-dropdown{position:absolute;background-color:rgba(255,248,235,.95);border:2px solid #804000;border-top:none;border-radius:0 0 12px 12px;list-style:none;padding:0;margin:0;width:220px;z-index:100;font-family:Monotype Corsiva,Georgia,cursive;box-shadow:0 4px 8px rgba(0,0,0,.1)}.dropdown-item{padding:8px 12px;cursor:pointer;border-bottom:1px dashed #c7a97d;background-color:transparent}.dropdown-item:hover{background-color:#fff0dc}.dropdown-results{position:absolute;top:100%;left:0;width:100%;background-color:rgba(255,248,235,.95);border:2px solid #804000;border-radius:10px;list-style:none;margin-top:5px;padding:6px 0;z-index:99;max-height:200px;overflow-y:auto;font-family:Monotype Corsiva,Georgia,cursive}.dropdown-results li{padding:6px 12px;cursor:pointer;font-size:20px;text-align:left}.dropdown-results li:hover{background-color:#ffe8d0}.app-footer{margin-top:40px;padding:15px 20px;text-align:center;font-family:Monotype Corsiva,Georgia,cursive;font-size:18px;background-color:rgba(255,248,235,.7);border-top:2px solid #804000;border-radius:20px 20px 0 0;color:#2d0b00;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-footer a{color:#2d0b00;font-weight:700;text-decoration:none;margin:0 6px}.app-footer a:hover{text-decoration:underline;color:#5a3e1b}.home-wrapper[data-v-4fd5f832]{max-width:800px;margin:40px auto;padding:20px 25px;background-color:hsla(0,0%,100%,.85);box-shadow:0 4px 10px rgba(0,0,0,.1)}.home-wrapper[data-v-4fd5f832],.summary-box[data-v-4fd5f832]{border:2px solid #804000;border-radius:12px;background-image:url(/img/bgperg.2e6aabe4.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}.summary-box[data-v-4fd5f832]{display:flex;justify-content:space-around;align-items:center;margin-bottom:30px;padding:16px}.stat[data-v-4fd5f832]{text-align:center}.stat-number[data-v-4fd5f832]{font-size:28px;font-weight:700;color:#2d0b00;text-shadow:1px 1px 0 #d8b68a}.stat-label[data-v-4fd5f832]{font-size:16px;color:#2d0b00;margin-top:4px}.section-title[data-v-4fd5f832]{font-size:24px;font-weight:700;color:#2d0b00;margin-bottom:12px;text-align:center}.song-scroll-box[data-v-4fd5f832]{max-height:300px;overflow-y:auto;padding-right:5px;border:1px solid #ccc;border-radius:10px;background-color:hsla(0,0%,100%,.7)}.song-box[data-v-4fd5f832]{display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;margin-bottom:6px;padding:6px 10px;border-radius:8px;border:1px solid #ccc;font-size:16px}.song-number[data-v-4fd5f832]{font-weight:700;width:24px;text-align:center}.song-info[data-v-4fd5f832]{flex:1;margin:0 10px;text-align:left}.song-link[data-v-4fd5f832]{text-decoration:none;color:#2d0b00;font-weight:500;font-family:Monotype Corsiva,Georgia,cursive}.song-link[data-v-4fd5f832]:hover{text-decoration:underline}.song-date[data-v-4fd5f832]{font-size:15px;color:#888;white-space:nowrap}.stat-link[data-v-4fd5f832]{text-decoration:none;color:inherit;border-radius:12px;transition:all .2s ease;position:relative}.stat-link[data-v-4fd5f832]:after{content:"";position:absolute;left:10%;bottom:1px;width:80%;height:.5px;background-color:#804000;opacity:0;transition:opacity .2s ease}.stat-link[data-v-4fd5f832]:hover:after{opacity:1}