#root,body,html{height:100%;margin:0;max-width:100vw;overflow-x:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--gmain-menu-bar-height:32px;--ghamburger-height:32px;--gsubmenu-bar-height:32px;--gcontent-padding-with-submenu:20px;--gcontent-padding-without-submenu:10px;--facebook-url:"https://www.facebook.com/people/Bagpipe-Blasphemy/61575988768010/"}*{box-sizing:border-box}body,html{background:linear-gradient(to left bottom,#777,#1a1a1a);color:#fff;font-size:10px}#root,body,html{margin:0;max-width:100vw!important;overflow-x:hidden!important;padding:0;width:100%}#root{height:100%}.App{justify-content:flex-start;min-height:100vh;position:relative}.App,main{display:flex;flex:1;flex-direction:column;margin:0;padding:0;width:100%}.App,.app-theme,main{max-width:100vw!important;overflow-x:hidden!important}.app-theme{flex:1;margin:0 auto;min-height:100vh;position:relative}.app-theme.home-theme button,.app-theme.home-theme div,.app-theme.home-theme h1,.app-theme.home-theme p,.app-theme.home-theme>*{margin:0 auto;max-width:calc(100vw - 48px);overflow-x:hidden!important;width:100%}:root{--error-color:#dc3545;--error-hover:#c82333;--error-active:#bd2130;--text-secondary:#ffffffb3;--background-dark:#1a1a1a;--item-background:var(--background-lighter);--waveform-background:var(--background-light);--frequency-display-background:var(--background-light);--button-primary:var(--primary-color);--button-hover:var(--primary-hover);--button-active:var(--primary-active);--object-primary:var(--primary-color);display:flex;flex-direction:column;font-size:12px;height:100%}body,html{font-size:1rem;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}.logo-container,body{flex-direction:column}.logo-container{margin:0 auto;max-width:1200px;padding:2rem}.main-logo{border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:2rem;max-width:600px;width:90%}@media (max-width:768px){.main-logo{max-width:400px}}@media (max-width:480px){.main-logo{max-width:300px}.logo-container{padding:1rem}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.basicnotes-container{margin:0 auto;max-width:800px;padding:2rem}.basicnotes-container h2{color:#2c3e50;font-size:2.5rem;font-weight:600;margin-bottom:2rem}.button-container{background:linear-gradient(145deg,#f6f8fa,#e9ecef);border-radius:12px;box-shadow:0 4px 6px #0000001a;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0 auto;max-width:600px;padding:1rem}.button-container button{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#2c3e50;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;justify-content:center;min-height:60px;padding:1rem;position:relative;transition:all .3s ease}.button-container button:hover{background:#f8f9fa;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.button-container button:active{background:#e9ecef;box-shadow:0 2px 4px #0000000d;transform:translateY(0)}@media (max-width:600px){.button-container{gap:.75rem;grid-template-columns:repeat(3,1fr);padding:.75rem}.button-container button{font-size:1rem;min-height:50px;padding:.75rem}.basicnotes-container h2{font-size:2rem;margin-bottom:1.5rem}}.app-theme{color:#fff;margin:0;overflow-x:hidden;padding:0}.app-theme-button{background-color:#ffd000;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;max-width:100%;padding:10px 20px;transition:background-color .3s;width:auto}.app-theme-button:hover{background-color:#ffea8d!important}.migration-notice{background-color:#f8d7da;border-bottom:1px solid #f5c6cb;box-shadow:0 2px 4px #0000001a;color:#721c24;padding:.5rem 1rem;position:relative;width:100%;z-index:1500}.migration-notice-content{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin:0 auto;max-width:800px}.migration-notice-content p{flex:1;font-size:.9rem;margin:0}.migration-notice-button{background-color:initial;border:1px solid #721c24;border-radius:4px;color:#721c24;cursor:pointer;font-size:.8rem;padding:.25rem .75rem;transition:all .2s}.migration-notice-button:hover,.migration-notice-settings-button{background-color:#721c24;color:#fff}.migration-notice-settings-button:hover{background-color:#5a171c}@media (max-width:600px){.migration-notice-content{align-items:flex-start;flex-direction:column;padding:.5rem 0}.migration-notice-content p{margin-bottom:.5rem}.migration-notice-button{align-self:flex-end}}.menuBar-nav{align-items:center;background-color:#333;box-shadow:0 2px 4px #0000001a;display:flex;flex:0 0 auto;font-size:1rem;height:var(--gmain-menu-bar-height);justify-content:space-between;padding:0;position:relative;width:100%;z-index:2000}.menuBar-list{flex-direction:row;flex-grow:0;gap:2rem;list-style-type:none;margin:0 auto}.menuBar-item,.menuBar-list{align-items:center;display:flex;justify-content:center;padding:0}.menuBar-item{height:100%;margin:0}.menuBar-link{align-items:center;color:#fff;display:flex;font-size:1.2rem;height:100%;padding:0 .5rem;text-decoration:none;transition:color .3s ease}.menuBar-link:hover{color:#61dafb}.menuBar-item--withSubmenu{height:100%;position:relative}.menuBar-submenuButton{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;height:100%;justify-content:center;padding:0 .5rem;transition:color .3s ease}.menuBar-submenu{background-color:#333;border:1px solid #444;border-radius:4px;box-shadow:0 2px 4px #0003;left:0;min-width:150px;padding:.5rem 0;position:absolute;top:100%;z-index:2001}.menuBar-submenu .menuBar-item{height:38px;min-height:38px;padding:0;width:100%}.menuBar-submenu .menuBar-link{display:flex;height:100%;justify-content:flex-start;padding:0 1rem;white-space:nowrap;width:100%}.menuBar-submenu .menuBar-item:hover{background-color:#444}.menuBar-hamburger{align-items:center;background:none;border:none;cursor:pointer;display:none;height:var(--gmain-menu-bar-height);justify-content:center;padding:0;position:absolute;right:1rem;top:0;width:100%;z-index:1001}.hamburger-box{display:inline-block;height:var(--ghamburger-height);position:relative;width:30px}.hamburger-inner{display:block;margin-top:-2px;top:50%}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#fff;height:3px;position:absolute;transition:transform .15s ease;width:30px}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.menuBar-hamburger.is-active .hamburger-inner{transform:rotate(45deg)}.menuBar-hamburger.is-active .hamburger-inner:before{opacity:0;top:0}.menuBar-hamburger.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}@media screen and (max-width:768px){.menuBar-hamburger{align-items:center;display:flex;height:var(--gmain-menu-bar-height);justify-content:center;padding:0;position:absolute;right:1rem;top:0;width:100%}.menuBar-list{-webkit-overflow-scrolling:touch;background-color:#333;display:none;flex-direction:column;gap:0;left:0;margin:0;max-height:calc(100dvh - var(--gmain-menu-bar-height));overflow-y:auto;padding:4rem 0 0;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out}.menuBar-list.is-open{display:flex;transform:translateX(0)}.menuBar-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;height:var(--gmain-menu-bar-height);margin:0;min-height:unset;padding:0;width:100%}.menuBar-item:first-child{margin-top:0}.menuBar-link,.menuBar-submenuButton{align-items:center;color:#fff;display:flex;font-size:1rem;height:var(--gmain-menu-bar-height);justify-content:center;margin:0;min-height:unset;padding:0 16px;text-align:center;width:100%}.menuBar-submenu{background-color:#2a2a2a;border:none;box-shadow:none;margin:0;padding:0;position:static;width:100%}.menuBar-submenu .menuBar-item{border-bottom:none;height:var(--gmain-menu-bar-height);min-height:unset}.menuBar-submenu .menuBar-link{background-color:#2a2a2a;height:var(--gmain-menu-bar-height);min-height:unset;padding:0 16px}.menuBar-hamburger.is-active{position:fixed;right:1rem;top:.5rem}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#fff}}@media screen and (max-width:480px){.menuBar-nav{padding:0 .5rem}.menuBar-link,.menuBar-submenuButton{padding:1rem}}.menuBar-item:hover{background-color:#ffffff0d}.menuBar-submenuButton:hover{color:#61dafb}.menuBar-submenuButton:after{content:"▼";display:inline-block;font-size:.6rem;margin-left:5px;vertical-align:middle}.app-theme{background:linear-gradient(to left bottom,#777,#1a1a1a);flex-direction:column;height:100%;justify-content:flex-start;padding:2rem}.app-theme,.logo-container{align-items:center;display:flex;width:100%}.logo-container{justify-content:center;margin:0}.logo-container,.main-logo{height:auto;position:relative;z-index:2}.main-logo{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 60%,#0000);mask-image:linear-gradient(180deg,#000 0,#000 60%,#0000);max-height:40vh;max-width:100%;object-fit:contain;width:auto}h1{font-size:2.5rem;margin-bottom:10px;text-shadow:0 0 10px #ffffff80}h1,p{color:#fff;position:relative;z-index:2}p{font-size:1.2rem;margin-bottom:20px;text-shadow:0 0 10px #ffffff4d}.content-section{margin:3rem 0;max-width:900px;padding:0;position:relative;width:100%;z-index:2}.content-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2rem;text-align:center;text-shadow:0 0 20px #fff9}.content-intro{backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;margin-bottom:2.5rem;overflow:hidden;padding:2.5rem;position:relative}.content-intro:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.content-intro p{color:#f5f5f5;font-size:1.2rem;font-weight:300;line-height:1.8;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.features-section{backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0003;overflow:hidden;padding:2.5rem;position:relative}.features-section:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.content-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#d0d0d0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.2rem;font-weight:600;margin:0 0 2rem;text-align:center;text-shadow:0 0 15px #fff6}.features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0}.feature-item{background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;padding:1.8rem;position:relative;transition:all .3s ease}.feature-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.feature-item:hover{background:#ffffff1f;border-color:#fff3;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:1rem;text-align:center}.feature-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.8rem;text-shadow:0 2px 4px #0000004d}.feature-description{color:#e0e0e0;font-size:1rem;line-height:1.6;margin:0;text-shadow:0 1px 2px #0003}.cta-section{backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;margin-top:2.5rem;overflow:hidden;padding:2.5rem;position:relative;text-align:center}.cta-section:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.cta-section p{color:#f5f5f5;font-size:1.3rem;font-weight:400;line-height:1.7;margin:0;text-shadow:0 2px 4px #0000004d}.reset-popups-button{background-color:var(--button-primary);border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;margin-top:20px;max-width:100%;padding:10px 20px;position:relative;transition:background-color .3s;z-index:2}.app-theme .reset-popups-button:hover{background-color:var(--button-hover)!important}.facebook-follow-button{background-color:#1877f3;border:none;border-radius:4px;box-shadow:0 2px 8px #1877f326;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:0;margin-top:0;max-width:100%;padding:6px 28px;transition:background .2s,box-shadow .2s;z-index:2}.facebook-follow-button:hover{background-color:#145db2;box-shadow:0 4px 16px #1877f340}.home-theme{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:100vw;width:100%}.home-theme>.content-section,.home-theme>.facebook-follow-button,.home-theme>.logo-container,.home-theme>button,.home-theme>h1,.home-theme>p{margin-left:0;margin-right:0;max-width:100%;text-align:center;width:100%}.home-theme .logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%;width:100%}.home-theme .main-logo{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:100%}.app-theme.home-theme .logo-container .facebook-follow-button,.app-theme.home-theme .logo-container .reset-popups-button{align-items:center!important;display:flex!important;height:44px!important;justify-content:center!important;max-width:600px!important;width:90%!important}@media (max-width:768px){.content-section h2{font-size:2.2rem}.content-section h3{font-size:1.8rem}.features-grid{gap:1.2rem;grid-template-columns:1fr}.content-intro,.cta-section,.features-section{margin-bottom:2rem;padding:2rem}.content-intro p,.cta-section p{font-size:1.1rem}.app-theme.home-theme .logo-container .facebook-follow-button,.app-theme.home-theme .logo-container .reset-popups-button{max-width:400px!important}}@media (max-width:600px){.app-theme.home-theme{box-sizing:border-box;max-width:100vw;padding:1rem .5rem}.content-section{margin:2rem 0}.content-section h2{font-size:1.8rem}.content-section h3{font-size:1.5rem}.content-intro,.cta-section,.features-section{margin-bottom:1.5rem;padding:1.5rem}.feature-item{padding:1.5rem}.feature-icon{font-size:2rem}}@media (max-width:480px){.app-theme.home-theme .logo-container .facebook-follow-button,.app-theme.home-theme .logo-container .reset-popups-button{max-width:300px!important}}@media (max-width:400px){.app-theme.home-theme{padding:.5rem .25rem}.content-intro,.cta-section,.features-section{padding:1.2rem}.content-section h2{font-size:1.6rem}}.instruction-popup-overlay{align-items:flex-start;animation:fadeIn .3s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:100px;z-index:99999}.instruction-popup{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;color:#333;max-width:500px;padding:24px;position:relative;width:90%}.instruction-popup h3{color:#333;font-size:1.5rem;margin-bottom:16px;margin-top:0}.instruction-content{color:#333;line-height:1.5;margin-bottom:20px}.instruction-content p{color:#333;font-size:1rem;margin:0 0 16px}.instruction-checkbox{align-items:center;display:flex;margin-bottom:20px}.instruction-checkbox input{margin-right:8px}.instruction-checkbox label{color:#333;font-size:.9rem}.dont-show-again{align-items:center;display:flex;margin:16px 0}.dont-show-again label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:8px}.dont-show-again input[type=checkbox]{cursor:pointer;margin:0}.instruction-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-left:auto;padding:10px 20px;transition:background-color .2s;width:100%}.instruction-button:hover{background-color:#3a7bc8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.instruction-popup{padding:20px;width:95%}}.animated-notes-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem}.animated-notes-container{background-color:#fff;border:1px solid #eee;height:178px;margin:0 auto;overflow:hidden;position:relative;width:800px}.animated-notes-container:after{background-color:#000;content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:2}.notes-scroll{display:flex;left:0;position:absolute;top:0;will-change:transform}.note-image{flex-shrink:0;height:178px;object-fit:contain;width:50px}.play-button{background-color:initial;border:2px solid #61dafb;border-radius:4px;color:#61dafb;cursor:pointer;font-size:1.1rem;padding:.5rem 1.5rem;transition:all .3s ease}.play-button:hover{background-color:#61dafb;color:#fff}@media (prefers-reduced-motion:reduce){.notes-scroll{animation:none}}:root{--flashcard-primary:#ffd000;--flashcard-primary-hover:#ffea8d;--flashcard-success:#28a745;--flashcard-success-hover:#218838;--flashcard-disabled:#ccc;--flashcard-border:#dee2e6;--flashcard-shadow:#0000001a;--flashcard-focus-shadow:#007bff40;--flashcard-background:#0000;--flashcard-text:#fff;--flashcard-text-light:#ccc}.app-flashcard{background:linear-gradient(to left bottom,#777,#1a1a1a)!important;color:var(--flashcard-text);display:flex;flex-direction:column;height:100vh;margin:0;overflow:auto;padding:0;padding-top:var(--gmain-menu-bar-height);position:relative;width:100%}.app-flashcard .submenu-bar{align-items:center;display:flex;font-size:1rem;height:var(--gsubmenu-bar-height);justify-content:center;left:0;margin:0;position:absolute;top:0;width:100%;z-index:1000}.app-flashcard__card-container{flex-direction:column;padding-top:calc(var(--gsubmenu-bar-height) + 10px)}.app-flashcard__card-container,.app-flashcard__center-container{background:#0000;box-shadow:0 2px 4px var(--flashcard-shadow);display:flex;gap:2rem;width:100%}.app-flashcard__center-container{align-items:center;flex-direction:row;justify-content:center;padding:0}.app-flashcard__nav-button{align-items:center;background-color:var(--flashcard-primary);border:none;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:16px;height:3rem;justify-content:center;margin:0 10px;padding:10px 20px;transition:background-color .2s;width:3rem}.app-flashcard__nav-button:hover{background-color:var(--flashcard-primary-hover)}.app-flashcard__nav-button:disabled{background-color:var(--flashcard-disabled);cursor:not-allowed}.app-flashcard__left-container{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:center}.app-flashcard__controls{background:#0000;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;width:100%}.app-flashcard__note-display{color:var(--flashcard-text);font-size:24px;margin:0;text-align:center}.app-flashcard__note-staff-container{align-items:center;background:#fff;border-radius:8px;box-shadow:inset 0 4px 8px #0003;display:flex;height:130px;justify-content:center;margin:0 auto;padding:0;width:220px}.app-flashcard__fingering-display{align-items:center;background:#0000;display:flex;justify-content:center;min-height:30rem;overflow:visible;padding:2rem;position:relative;width:100px}.app-flashcard__fingering-display svg{height:100%;left:50%;max-height:100%;max-width:100%;object-fit:contain;position:absolute;scale:.8;top:30%;transform:translate(-50%,-50%);width:100%}.app-flashcard__play-button{background-color:var(--flashcard-primary);border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.app-flashcard__play-button:hover{background-color:var(--flashcard-primary-hover)}.app-flashcard__play-button:disabled{background-color:var(--flashcard-disabled);cursor:not-allowed}.app-flashcard__timing-controls{background:#0000;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.app-flashcard__timing-controls label{align-items:center;color:var(--flashcard-text);display:flex;gap:10px}.app-flashcard__timing-controls input[type=number]{background:#fff3;border:1px solid #ccc;border-radius:4px;color:var(--flashcard-text);font-size:14px;padding:5px;text-align:center;width:60px}.app-flashcard__timing-controls input[type=number]::-webkit-inner-spin-button,.app-flashcard__timing-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app-flashcard__timing-controls input[type=number]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.app-flashcard__timing-controls input[type=number]:disabled{background-color:#ffffff1a;cursor:not-allowed}.app-flashcard__fingering-toggle{background:none;border:2px solid var(--flashcard-primary);border-radius:4px;color:var(--flashcard-text);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.app-flashcard__fingering-toggle:hover{background-color:var(--flashcard-primary-hover);color:#000}.app-flashcard__fingering-toggle.active{background-color:var(--flashcard-primary);color:#000}.app-flashcard__duration-table{background:#0000;border-collapse:collapse;margin:20px auto;max-width:600px;width:100%}.app-flashcard__duration-table td,.app-flashcard__duration-table th{border-bottom:1px solid #fff3;color:var(--flashcard-text);padding:10px;text-align:left}.app-flashcard__duration-table th{background-color:#ffffff1a;font-weight:700}.app-flashcard__duration-table tr:hover{background-color:#ffffff1a}.app-flashcard__exercise-controls{align-items:center;background:#0000;display:flex;flex-direction:column;gap:10px;margin:20px 0;width:100%}@media (max-width:768px){.app-flashcard{padding-top:0}.app-flashcard .submenu-bar{margin:0;padding:0;position:static;width:100%}.app-flashcard__card-container{gap:1rem;padding-top:0}.app-flashcard__controls{padding:0 1rem}.app-flashcard__timing-controls{flex-direction:column}.app-flashcard__duration-table{font-size:14px}}.app-flashcard__chanter-selection{align-items:center;background-color:#ffffff1a;border-radius:4px;display:flex;gap:15px;margin:1.5rem 0;max-width:500px;padding:15px;width:100%}.app-flashcard__chanter-selection label{color:var(--flashcard-text);font-size:16px;font-weight:700;min-width:120px}.app-flashcard__chanter-selection select{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:var(--flashcard-text);cursor:pointer;flex:1;font-size:16px;padding:8px 12px}.app-flashcard__chanter-selection select:disabled{background-color:#ffffff0d;cursor:not-allowed}.app-flashcard__chanter-selection select:focus{border-color:var(--flashcard-primary);box-shadow:0 0 0 2px #ffd00033;outline:none}.app-flashcard__fingering-row{background:#0000;display:flex;justify-content:center;margin-bottom:.5rem;width:100%}.app-flashcard__timing-settings{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:inline-block;padding:.75rem 1.5rem}.app-flashcard__timing-settings h4{color:var(--flashcard-text);font-size:1.1rem;margin:0 0 .5rem;text-align:center}.app-flashcard__progress{color:var(--flashcard-text-light);font-size:1rem;margin:8px 0}.app-flashcard__note-frequency{color:var(--flashcard-text-light);margin:4px 0}h2{margin-bottom:.5rem}h2,h3{color:var(--flashcard-text)}h3{font-size:1.5rem;margin:4px 0}.app-flashcard__exercise-button{background-color:var(--flashcard-primary);border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1.1rem;padding:.75rem 2rem;transition:all .3s ease}.app-flashcard__exercise-button:hover:not(:disabled){background-color:var(--flashcard-primary-hover)}.app-flashcard__exercise-button:disabled{background-color:var(--flashcard-disabled);cursor:not-allowed;opacity:.7}.app-flashcard__timer{color:var(--flashcard-primary);font-size:1.2rem;font-weight:700}.app-flashcard__mode-selector{background:#0000;display:flex;gap:2rem;justify-content:center;margin:1rem 0}.app-flashcard__mode-selector label{align-items:center;color:var(--flashcard-text);cursor:pointer;display:flex;font-size:1.1rem;gap:.5rem}.app-flashcard__mode-selector input[type=radio]{cursor:pointer;height:18px;width:18px}.app-flashcard__tab-container{background:#0000;margin:0 auto;max-width:800px;width:100%}.app-flashcard__tab-buttons{background:#0000;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.app-flashcard__tab-button{background-color:initial;border:2px solid var(--flashcard-primary);border-radius:4px;color:var(--flashcard-text);cursor:pointer;font-size:1.1rem;padding:.75rem 1.5rem;transition:all .3s ease}.app-flashcard__tab-button:hover{background-color:#ffd00033}.app-flashcard__tab-button.active{background-color:var(--flashcard-primary);color:#000}.app-flashcard__tab-content{background:#0000;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:2rem}.app-flashcard__tab-panel{background:#0000;gap:1.5rem}.app-flashcard__tab-panel,.flashcard-theme{align-items:center;display:flex;flex-direction:column}.flashcard-theme{box-sizing:border-box;justify-content:flex-start;margin:0 auto;max-width:100vw;width:100%}.flashcard-theme>*{margin-left:0;margin-right:0;max-width:100%;width:100%}.flashcard-theme .app-flashcard__card-container,.flashcard-theme .app-flashcard__center-container{align-items:center;justify-content:center;margin:0 auto;max-width:100vw;width:100%}@media (max-width:600px){.flashcard-theme{box-sizing:border-box;max-width:100vw;padding:1rem .5rem}}@media (max-width:400px){.flashcard-theme{padding:.5rem .25rem}}.submenu-bar{align-items:center;background-color:#a4a3a3;display:flex;font-size:1rem;height:var(--gsubmenu-bar-height);justify-content:center;left:0;margin:0;position:relative;width:100%;z-index:1000}.menu-container{display:inline-block;position:relative}.menu-button{background:none;border:none;color:#000;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;height:var(--gsubmenu-bar-height);padding:0 16px;transition:background-color .2s;white-space:nowrap}.menu-button.active,.menu-button:hover{background-color:#d0d0d0}.menu-items{background-color:#f5f5f5;border:1px solid #ddd;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;font-size:inherit;left:0;min-width:150px;position:absolute;top:100%;z-index:1001}.menu-item-container{position:relative}.menu-item{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:8px 16px;text-align:left;transition:background-color .2s;white-space:nowrap;width:100%}.menu-item.selected,.menu-item:hover{background-color:#e0e0e0}.menu-item.selected{color:#4caf50}.menu-item.selected:hover{background-color:#d0d0d0}.submenu-items{background-color:#f5f5f5;border:1px solid #ddd;box-shadow:0 2px 4px #0003;left:100%;min-width:150px;position:absolute;top:0;z-index:1002}.submenu-item{background:none;border:none;color:#000;cursor:pointer;font-size:1rem;padding:8px 16px;text-align:left;transition:background-color .2s;white-space:nowrap;width:100%}.submenu-item.selected,.submenu-item:hover{background-color:#e0e0e0}.submenu-item.selected{color:#4caf50}.submenu-item.selected:hover{background-color:#d0d0d0}.submenu-button{background:none;border:none;border-radius:3px;color:#e0e0e0;cursor:pointer;font-size:1rem;padding:4px 8px}.submenu-button.active,.submenu-button:hover{background-color:#505050}@media screen and (max-width:768px){.menu-button{font-size:13px;padding:0 12px}.menu-items{min-width:120px}.menu-item{font-size:1rem;padding:6px 12px}}.submenu-menugroup{flex-direction:row;height:100%;margin:0 auto}.calibration-dialog-overlay,.submenu-menugroup{align-items:center;display:flex;justify-content:center}.calibration-dialog-overlay{backdrop-filter:blur(2px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.calibration-dialog{background:#2c2c2c;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;max-width:450px;padding:20px;width:90%}.calibration-dialog h3{color:#fff;font-size:1.3rem;margin:0 0 15px;text-align:center}.calibration-dialog div,.calibration-dialog p,.calibration-dialog-message{color:#fff}.calibration-dialog p{font-size:1rem;line-height:1.5;margin:10px 0;text-align:center}.calibration-dialog p:last-of-type{margin-bottom:20px}.calibration-dialog-buttons{color:#fff;display:flex;gap:10px;justify-content:center;margin-top:20px}.calibration-dialog-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;min-width:120px;padding:10px 15px;transition:all .2s ease}.calibration-dialog-button,.calibration-dialog-button.primary{background:#4caf50;color:#fff}.calibration-dialog-button.primary:hover{background:#45a049}.calibration-dialog-button.secondary{background:#0000;border:1px solid #ffffff4d}.calibration-dialog-button.secondary:hover{background:#ffffff1a}.keyboard-layout{background:#0003;border-radius:6px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:15px auto;max-width:300px;padding:12px;text-align:left}.keyboard-layout div{color:#ffffffe6;font-size:.9rem;padding:5px}.keyboard-layout strong{background:#0000004d;border-radius:4px;color:#4caf50;display:inline-block;font-size:1.1rem;margin-right:5px;min-width:18px;padding:2px 6px;text-align:center}@media (max-width:480px){.calibration-dialog{padding:15px;width:95%}.calibration-dialog-buttons{flex-direction:column;gap:8px}.calibration-dialog-button{width:100%}}.metronome{display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:0;text-align:center;width:100%}.visualization-container{margin:20px 0}.app-theme.metronome{background:linear-gradient(to left bottom,#777,#1a1a1a);min-height:100vh;padding-top:var(--gmain-menu-bar-height);position:relative}.app-theme.metronome .submenu-bar{align-items:center;display:flex;font-size:1rem;height:var(--gsubmenu-bar-height);justify-content:center;left:0;margin:0;position:absolute;top:0;width:100%;z-index:1000}.app-theme.metronome .bpm-slider,.app-theme.metronome .start-stop,.app-theme.metronome .visualization-container{position:relative;z-index:10}.visualization-container{height:200px;margin-bottom:20px;margin-top:calc(var(--gsubmenu-bar-height) + 10px);padding:20px}.circle-visual,.visualization-container{align-items:center;display:flex;justify-content:center}.circle-visual{border:2px solid #ccc;border-radius:50%;height:150px;overflow:hidden;position:relative;width:150px}.circle-visual.playing .circle-dot{animation:circleFlash calc(60s/var(--bpm)) linear infinite}.circle-dot{background-color:var(--object-primary);height:100%;opacity:0;position:absolute;transition:opacity .1s ease-in-out;width:100%}@keyframes circleFlash{0%,to{opacity:0}2%{opacity:0}8%{opacity:.8}25%{opacity:0}}.pendulum-visual{height:150px;position:relative;width:150px}.pendulum-visual:after{background-color:#ddd;content:"";left:50%;transform:translateX(-50%);width:2px;z-index:-1}.pendulum-arm,.pendulum-visual:after{bottom:0;height:120px;position:absolute}.pendulum-arm{background-color:#666;left:calc(50% - 2px);transform-origin:bottom center;width:4px}.pendulum-visual.playing .pendulum-arm{animation:pendulumSwing calc(120s/var(--bpm)) cubic-bezier(.4,0,.6,1) infinite;animation-delay:calc(-30s/var(--bpm))}.pendulum-weight{background-color:var(--object-primary);border-radius:50%;height:30px;left:-13px;position:absolute;top:-15px;width:30px}@keyframes pendulumSwing{0%{transform:rotate(30deg)}50%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}.bpm-slider{margin:20px 40%;width:20%}.bpm-display{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.bpm-value{font-size:1.5em;min-width:100px}.bpm-adjust{background-color:var(--object-primary);border:none;border-radius:50%;color:#000;cursor:pointer;font-size:1.5em;height:40px;width:40px}.bpm-adjust:hover{background-color:#45a049}input[type=range]{margin:10px 0;width:100%}.start-stop{background-color:var(--button-primary);border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1.2em;margin-top:20px;padding:10px 20px 20px}.start-stop:hover{background-color:var(--button-hover)}.app-theme.metronome{display:flex;flex-direction:column;justify-content:flex-start;margin:0;max-width:100%;min-height:100%;padding:0;text-align:center;width:100%}@media (max-width:768px){.app-theme.metronome{padding-top:0}.app-theme.metronome .submenu-bar{margin:0;padding:0;position:static;width:100%}.visualization-container{margin-top:1.5rem}}.resources{margin:0 auto;max-width:800px;padding:20px}.resource-category{background-color:#f5f5f5b3;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.resource-category h3{border-bottom:2px solid #4a90e2;color:#333;margin-bottom:15px;padding-bottom:8px}.resource-category ul{list-style-type:none;padding:0}.resource-category li{background-color:#ffffffb3;border:1px solid #0000001a;border-radius:4px;margin-bottom:10px;padding:10px;transition:transform .2s ease}.resource-category li:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.resource-category .internal-link,.resource-category a{color:#4a90e2;display:block;font-size:1.1em;font-weight:700;margin-bottom:5px;text-decoration:none}.resource-category .internal-link:hover,.resource-category a:hover{color:#357abd}.resource-category p{color:#666;font-size:.9em;margin:5px 0 0}.app-theme-contact-form,.contact-form{max-width:600px}.contact-form{background:#fff;box-shadow:0 2px 4px #0000001a}.app-theme-contact-form .form-group label{color:var(--text-color,#fff)!important;display:block;font-weight:500;margin-bottom:var(--spacing-sm,8px)}.form-group input,.form-group textarea{color:var(--text-color,inherit)}.netlify-recaptcha{margin-bottom:20px}.contact-form-container{background:#0000!important;box-sizing:border-box;margin:.5rem auto 2rem;max-width:600px;overflow-x:hidden;padding:1rem;width:100%}.app-theme-contact-form{background:#0000!important;color:var(--text-color,#fff);display:flex;flex-direction:column;min-height:100%}.app-theme-contact-form,.contact-form{border-radius:var(--border-radius,8px);box-shadow:none;box-sizing:border-box;margin:0 auto;max-width:100%;padding:var(--spacing-md,20px);width:100%}.contact-form{background:#0000}@media screen and (max-width:768px){.contact-form-container{margin-top:.5rem;padding:1rem}.app-theme-contact-form,.contact-form{padding:10px}.form-group input,.form-group textarea{box-sizing:border-box;width:100%}}@media screen and (max-width:480px){.contact-form-container{padding:.5rem}.app-theme-contact-form,.contact-form{padding:8px}}:root{--primary-active:#3d8b40;--text-primary:#fff;--text-secondary:#fff;--spacing-lg:30px}.app-theme.basic-notes{display:flex;flex-direction:column;justify-content:flex-start;margin:0;max-width:100%;min-height:100%;padding:0;text-align:center;width:100%}.app-theme.basic-notes .basic-notes-container{display:flex;flex-direction:column;height:calc(100vh - 48px);margin:0 auto;max-width:800px;padding:var(--spacing-md);text-align:center}.app-theme.basic-notes .basic-notes-container h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}.app-theme.basic-notes .basic-notes-container p{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg)}.app-theme.basic-notes .sound-options{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-lg)}.app-theme.basic-notes .checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:var(--spacing-sm)}.app-theme.basic-notes .checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.app-theme.basic-notes .button-container{align-content:start;background:#0000;display:grid;flex:1;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);justify-content:center;margin-bottom:var(--spacing-lg);min-height:0;padding:var(--spacing-md)}.app-theme.basic-notes .button-container button{background-color:#4caf5033;border:1px solid var(--primary-color);border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:16px;height:80px;min-width:100px;padding:12px 24px;transition:all .3s ease}.app-theme.basic-notes .button-container button:hover{background-color:var(--primary-hover)}.app-theme.basic-notes .button-container button.playing,.app-theme.basic-notes .button-container button:active{background-color:var(--primary-active);box-shadow:inset 0 2px 4px #0003;transform:scale(.98)}.app-theme.basic-notes .note-disclaimer{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-top:auto;padding:var(--spacing-md)}@media (max-width:768px){.app-theme.basic-notes .button-container{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.app-theme.basic-notes .button-container button{font-size:14px;height:70px}}@media (max-width:480px){.app-theme.basic-notes .button-container{grid-template-columns:repeat(1,1fr)}.app-theme.basic-notes .button-container button{height:60px}}.app-theme.basic-notes .volume-control{align-items:center;display:flex;flex-direction:column;margin-left:var(--spacing-lg);min-width:150px}.app-theme.basic-notes .volume-label{align-items:center;color:var(--text-primary);display:flex;gap:var(--spacing-sm);margin-bottom:4px}.app-theme.basic-notes .volume-value{color:var(--text-secondary);font-size:.9em;min-width:3em;text-align:right}.app-theme.basic-notes .volume-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.app-theme.basic-notes .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;transition:background-color .2s;width:16px}.app-theme.basic-notes .volume-slider::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:16px;transition:background-color .2s;width:16px}.app-theme.basic-notes .volume-slider::-webkit-slider-thumb:hover{background:var(--primary-hover)}.app-theme.basic-notes .volume-slider::-moz-range-thumb:hover{background:var(--primary-hover)}.app-theme.basic-notes .volume-slider::-webkit-slider-thumb:active{background:var(--primary-active)}.app-theme.basic-notes .volume-slider::-moz-range-thumb:active{background:var(--primary-active)}.app-theme-feature-request-form{color:var(--text-color,#fff);display:flex;flex-direction:column;min-height:100%;width:100%}.app-theme-feature-request-form,.feature-request-form{background:#0000!important;border-radius:var(--border-radius,8px);box-shadow:none;margin:0 auto;max-width:600px;padding:var(--spacing-md,20px)}.feature-request-form{overflow-y:auto}.form-group{margin-bottom:var(--spacing-md,20px)}.form-group label{color:#fff!important;display:block;font-weight:500;margin-bottom:var(--spacing-sm,8px)}.form-group input,.form-group textarea{background-color:var(--background-lighter,#ffffff1a);border:1px solid var(--border-color,#ddd);border-radius:var(--border-radius,4px);box-sizing:border-box;color:#fff;font-size:16px;padding:var(--spacing-sm,10px);transition:border-color .3s;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color,#2196f3);box-shadow:0 0 0 2px #2196f31a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.radio-group{color:#fff;margin-bottom:var(--spacing-sm,12px)}.radio-options{display:flex;gap:var(--spacing-md,20px)}.radio-options label{align-items:center;color:#fff!important;cursor:pointer;display:flex;font-weight:400;gap:var(--spacing-sm,8px)}.radio-options input[type=radio]{cursor:pointer;margin:0;width:auto}.error-message{background-color:#dc3545;border-left:4px solid #c82333;border-radius:var(--border-radius,4px);color:#fff;font-size:14px;margin-bottom:var(--spacing-md,20px);padding:var(--spacing-sm,12px)}.success-message{background:var(--background-light,#0000);border-radius:var(--border-radius,8px);box-shadow:none;margin:0 auto;max-width:600px;padding:var(--spacing-lg,40px) var(--spacing-md,20px);text-align:center}.success-message h3{color:var(--primary-color,#43a047);margin-bottom:var(--spacing-md,16px)}button{background-color:var(--button-primary,#2196f3);border:none;border-radius:var(--border-radius,4px);box-sizing:border-box;color:var(--button-text,#fff);cursor:pointer;font-size:16px;padding:var(--spacing-sm,12px) var(--spacing-md,24px);transition:all .3s ease;width:100%}button:hover:not(:disabled){background-color:var(--button-hover,#1976d2);transform:translateY(-1px)}button:disabled{background-color:var(--background-lighter,#90caf9);cursor:not-allowed;opacity:.8}button.disabled{overflow:hidden;position:relative}button.disabled:after{animation:loading 1s linear infinite;background-color:#ffffff80;content:"";height:2px;left:0;position:absolute;top:0}@keyframes loading{0%{width:0}50%{width:100%}to{width:0}}::placeholder{color:var(--text-secondary,#999);opacity:1}.form-group{transition:all .3s ease}.form-group.hidden{height:0;margin:0;opacity:0;overflow:hidden;padding:0}.success-message button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:1rem;padding:10px 20px;transition:background-color .3s}.success-message button:hover{background-color:#218838}.feature-request-form-container{box-sizing:border-box;height:100%;margin:1rem auto 2rem;max-width:600px;overflow-y:auto;padding:1rem;width:100%}.full-page-wrapper{box-sizing:border-box;min-height:100vh!important;padding-bottom:2rem!important}.about-us{color:#fff;left:0;margin:0 auto;max-width:800px;overflow-y:auto;padding:2rem;position:relative;top:0;transform:translateY(0)}.about-us h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem;text-align:center}.about-us__section{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:2.5rem;padding:1.5rem}.about-us__section h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.about-us__section p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.about-us__list{list-style-type:none;padding-left:1.5rem}.about-us__list li{line-height:1.4;margin-bottom:.5rem;position:relative}.about-us__list li:before{color:var(--text-primary);content:"•";font-size:1.2rem;left:-1.5rem;position:absolute}@media (max-width:768px){.about-us{padding:1rem}.about-us h1{font-size:2rem}.about-us__section h2{font-size:1.5rem}.about-us__section{padding:1rem}}:root{--background-light:#ffffff0d;--background-lighter:#ffffff1a;--border-color:#fff3;--text-color:#fff;--primary-color:#4caf50;--primary-hover:#45a049;--spacing-sm:15px;--spacing-md:20px;--border-radius:4px}.gracenotes-container{align-items:center;background:linear-gradient(to left bottom,#777,#1a1a1a);display:flex;flex-direction:column;height:auto;min-height:100vh;position:relative;width:100%}.gracenotes-container .submenu-bar{align-items:center;display:flex;font-size:1rem;height:var(--gsubmenu-bar-height);justify-content:center;left:0;margin:0;position:absolute;top:0;width:100%;z-index:1000}.gracenotes-content{background-color:initial;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-direction:row;gap:2rem;height:calc(100vh - var(--gmain-menu-bar-height) - var(--gsubmenu-bar-height) - 4rem);justify-content:space-between;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.gracenotes-column{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;min-width:0}.gracenotes-column h2{color:#fff;flex:0 0 auto;font-size:1.5rem;margin-bottom:1rem;text-align:center}.gracenotes-controls,.melody-controls{background:var(--background-light);border-radius:var(--border-radius);display:flex;flex:1;flex-direction:column;margin:0;max-width:300px;padding:var(--spacing-md);width:100%}.gracenotes-note-buttons{display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:space-between}.gracenotes-note-button{align-items:center;background:var(--background-lighter);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;flex:1;font-size:.9rem;justify-content:center;padding:.5rem var(--spacing-sm);transition:all .2s ease}.gracenotes-note-button:hover{background:var(--background-light);border-color:var(--primary-color)}.gracenotes-note-button.active{background:var(--primary-color);border-color:var(--primary-hover);color:#fff}.gracenotes-staff-play-wrapper{align-items:center;display:flex;flex-direction:column;gap:.75rem;max-width:384px;width:100%}.gracenotes-staff{background-color:#fff;margin-bottom:15px;min-height:180px;width:100%}.staff-renderer-container{display:block;margin-bottom:20px;min-height:200px;width:100%}.gracenotes-staff svg{display:block;height:auto;overflow:visible;width:100%}.gracenotes-content h1{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.gracenotes-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:2rem}.gracenotes-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.gracenotes-section h2{color:#444;font-size:1.5rem;margin-bottom:1rem}.gracenotes-section p{color:#666;line-height:1.6;margin:0}@media screen and (max-width:768px){.gracenotes-content{gap:1rem;padding:1rem;padding-top:calc(var(--ghamburger-menu-height) + .5rem)}.gracenotes-column h2{font-size:1.2rem;margin-bottom:.75rem}.gracenotes-controls,.melody-controls{padding:var(--spacing-sm)}.gracenotes-note-button{font-size:.8rem;padding:.4rem var(--spacing-sm)}}.gracenotes-play-container{display:flex;justify-content:center;margin-top:1rem;width:100%}.gracenotes-play-button{background:var(--primary-color);border:none;border-radius:var(--border-radius);box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;max-width:100%;padding:.75rem 0;transition:background .2s;width:100%}.gracenotes-play-button:hover{background:var(--primary-hover)}.gracenotes-chanter-svg-wrapper{display:flex;justify-content:center;margin-top:1.5rem}@media screen and (max-width:600px){.gracenotes-content{box-sizing:border-box;flex-direction:column;gap:.5rem;height:100vh;min-height:100dvh;padding:.5rem}.gracenotes-mobile-top-row{display:flex;flex-basis:60%;flex-direction:row;gap:.5rem;height:60%;margin-bottom:1rem;min-height:0;overflow-y:auto;width:100%}.gracenotes-mobile-bottom{display:flex;flex-basis:30%;flex-direction:column;height:30%;justify-content:flex-start;margin-top:.5rem;min-height:0;padding-bottom:30px;width:100%}.gracenotes-column{flex:1 1 0}.gracenotes-column,.gracenotes-column--svg{align-items:center;display:flex;flex-direction:column;max-width:33.33%;min-width:0;padding:0}.gracenotes-column--svg{justify-content:center}.gracenotes-chanter-svg-wrapper{align-items:center;display:flex;height:100%;justify-content:center;margin-top:0;min-height:120px;min-width:0;width:100%}.gracenotes-chanter-svg-wrapper svg{display:block;height:180px!important;max-width:100%;min-height:0;min-width:0;width:80px!important}.gracenotes-controls,.melody-controls{background:var(--background-light);max-width:100%;padding:.25rem}.gracenotes-note-buttons{gap:.25rem}.gracenotes-note-button{box-sizing:border-box;font-size:.75rem;min-width:0;padding:.25rem .5rem;width:100%}.gracenotes-staff-play-wrapper{align-items:center;display:flex;flex-direction:column;gap:.5rem;max-width:100%;width:100%}.staff-renderer-wrapper{margin-bottom:.5rem;width:100%}.staff-renderer{height:160px!important;max-width:100%;min-height:120px;min-width:0;width:100%!important}.gracenotes-play-button{display:block;font-size:1rem;margin:.5rem 0 0;max-width:100%;padding:.75rem 0;width:100%}.gracenotes-play-button--desktop,.gracenotes-play-button--mobile{display:none!important}}.settings-container{align-items:center;background:linear-gradient(to left bottom,#777,#1a1a1a);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;position:relative}.settings-container,.settings-content{height:auto;padding-bottom:40px;width:100%}.settings-content{background-color:initial;border-radius:8px;box-shadow:0 2px 8px #0003;margin:2rem auto;max-width:800px;overflow-y:visible}.settings-content h1{color:#fff;font-size:2rem;text-align:center}.settings-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:2rem}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h2{color:#fff;font-size:1.5rem;margin-bottom:1rem}.settings-section p{color:#ffffffe6;line-height:1.6;margin-bottom:1.5rem}.settings-input-group{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1.5rem}.settings-input-group label{color:#fff;flex:0 0 120px;font-weight:500;padding-right:1rem;text-align:right}.settings-select{appearance:menulist;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;flex:1;font-size:1rem;max-width:75%;padding:.75rem}.settings-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.settings-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;flex:1;font-size:1rem;max-width:75%;padding:.75rem}.settings-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.settings-input[readonly]{background-color:#f5f5f5;cursor:not-allowed}.settings-text{background-color:#ffffff1a;border-radius:4px;color:#fff;flex:1;font-family:monospace;font-size:1rem;max-width:75%;padding:.75rem;word-break:break-all}.settings-buttons-container{display:flex;gap:1rem;justify-content:center;margin:2rem auto;max-width:500px}.settings-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;flex:1;font-size:1rem;max-width:200px;padding:.75rem 1rem;text-align:center;transition:background-color .3s}.settings-button:hover{background-color:#45a049}.settings-button-danger{background-color:#dc3545}.settings-button-danger:hover{background-color:#c82333}.settings-button-spacer{display:none;width:20px}.status-message{border-radius:4px;font-weight:500;margin-top:1rem;padding:.75rem;text-align:center}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#dc3545;border:1px solid #c82333;color:#fff}.settings-upgrade-container{align-items:center;border-top:1px dashed #ddd;display:flex;flex-direction:column;margin-top:2rem;padding-top:1.5rem}.settings-upgrade-button{background-color:#4a4a4a;margin-bottom:.75rem;position:relative}.settings-upgrade-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.settings-upgrade-button:not(:disabled):hover{background-color:#333}.settings-badge{align-items:center;background-color:#ff5722;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.settings-version-info{color:#ffffffe6;font-size:.85rem;margin-bottom:1rem;text-align:center}#advanced-settings-section{align-items:center;border-top:1px solid #fff3;display:flex;flex-direction:column;margin-top:2rem;padding-top:2rem;text-align:center}.settings-description{color:var(--text-secondary,#ffffffb3);font-size:.9rem;margin-bottom:1.5rem;max-width:600px;text-align:center}.toggle-advanced-button{animation:pulse 2s infinite;background-color:#555;border:none;border-radius:6px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:block;font-size:1.1rem;height:auto;margin:15px auto;max-width:300px;min-height:60px;padding:16px 24px;position:relative;transition:background-color .3s,transform .2s;width:100%}.toggle-advanced-button:hover{background-color:#444;transform:translateY(-2px)}.toggle-advanced-button:active{transform:translateY(1px)}.toggle-advanced-button small{font-size:.8rem;font-weight:400;opacity:.8}@keyframes pulse{0%{box-shadow:0 0 0 0 #fff3}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 0 0 #fff0}}.advanced-settings{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:15px;max-height:80vh;overflow:auto;padding:20px}.storage-section{margin-bottom:30px}.storage-section h4{color:#fff;font-size:1.2rem;margin-bottom:10px;margin-top:0}.storage-section p{color:#fffc;margin-bottom:15px}.storage-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.storage-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9em;min-width:150px;padding:10px 15px}.check-storage-button{background-color:#4caf50;color:#fff}.check-storage-button:hover{background-color:#3e8e41}.show-logs-button{background-color:#2196f3;color:#fff}.show-logs-button:hover{background-color:#0b7dda}.clear-logs-button{background-color:#ff9800;color:#fff}.clear-logs-button:hover{background-color:#e68a00}.storage-health-results{background-color:#ffffff0d;border:1px solid #fff3;border-radius:4px;margin-bottom:20px;padding:15px}.storage-health-results h5{color:#fff;font-size:1.1rem;margin-bottom:15px;margin-top:0}.health-status{display:flex;flex-direction:column;gap:10px}.status-indicator{border-radius:4px;display:inline-block;font-weight:700;margin-bottom:10px;padding:5px 10px}.status-indicator.healthy{background-color:#e8f5e9;color:#2e7d32}.status-indicator.unhealthy{background-color:#ffebee;color:#c62828}.health-details p{color:#ffffffe6;margin:5px 0}.corrupt-keys{border-left:3px solid #ff5252;margin-top:10px;padding-left:10px}.corrupt-keys ul{font-family:monospace;font-size:.9em;margin-top:5px}.storage-stats{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:15px}.largest-keys{margin-top:10px}.largest-keys ul{font-family:monospace;font-size:.9em;margin-top:5px;padding-left:20px}.recovery-logs{background-color:#ffffff0d;border:1px solid #fff3;border-radius:4px;margin-top:15px;padding:15px}.recovery-logs h5{color:#fff;font-size:1.1rem;margin-bottom:15px;margin-top:0}.logs-container{margin-top:10px;max-height:300px;overflow-y:auto}.logs-table{border-collapse:collapse;color:#ffffffe6;font-size:.9em;width:100%}.logs-table th{background-color:#ffffff1a;border-bottom:1px solid #fff3;padding:8px;text-align:left}.logs-table td{border-bottom:1px solid #ffffff1a;padding:8px}.log-timestamp{color:#555;white-space:nowrap;width:180px}.log-message{font-family:monospace}.backup-restore-section{margin-top:20px}.backup-actions{display:flex;gap:10px;margin-top:10px}.export-button,.import-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9em;padding:8px 15px;text-align:center}.export-button:hover,.import-button:hover{background-color:#0b7dda}.import-input{display:none}@media (max-width:768px){.storage-actions{flex-direction:column;gap:8px}.storage-actions button{width:100%}.logs-table{font-size:.8em}.log-timestamp{width:140px}}@media screen and (max-width:768px){.settings-container{-webkit-overflow-scrolling:touch;overflow-y:auto;padding-bottom:80px;padding-top:10px}.settings-content{margin:10px 0;padding:15px 15px 80px}.settings-content h1{font-size:1.75rem;margin-bottom:0}.settings-section{margin-bottom:0;padding-bottom:0}.settings-section h2{font-size:1.25rem;margin-bottom:0}.settings-input-group{align-items:flex-start;flex-direction:column}.settings-input-group label{flex:0 0 auto;margin-bottom:.5rem;text-align:left;width:100%}.settings-select{max-width:100%;width:100%}.settings-buttons-container{align-items:center;flex-direction:column;gap:1rem;margin:1.5rem auto}.settings-button{max-width:250px;width:100%}}.test-section{background-color:#ffa5001a;border:1px dashed #ffa50080;border-radius:4px;margin-bottom:20px;margin-top:20px;padding:15px}.test-section h5{color:orange;font-size:1.1rem;margin-bottom:10px;margin-top:0}.test-section p{color:#fffc;font-size:.9em;margin-bottom:15px}.test-actions{display:flex;flex-wrap:wrap;gap:10px}.test-corruption-button{background-color:#ff5722;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:10px 15px}.test-corruption-button:hover{background-color:#e64a19}.settings{display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;width:100%}.SubMenuBar+.settings-container{flex:1;overflow-y:auto}body,html{height:100%;overflow-y:auto}.floating-notice{margin:5px auto 15px;max-width:calc(100% - 20px);padding:0 10px;position:sticky;top:5px;width:600px;z-index:100}.notice-content{align-items:center;backdrop-filter:blur(8px);background-color:#4caf5026;border-left:4px solid #4caf50;border-radius:6px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:10px;padding:12px 16px}.notice-content p{color:#fff;font-size:1rem;margin:0;text-align:center}.notice-actions{align-items:center;display:flex;gap:10px}.notice-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .3s,transform .2s}.notice-button:hover{background-color:#45a049;transform:translateY(-2px)}.notice-button:active{transform:translateY(0)}.close-notice{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px 8px;transition:color .3s}.close-notice:hover{color:#fff}.screen-reader-text{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.repair-actions{background-color:#ffeb3b1a;border-left:3px solid #ffc107;border-radius:4px;margin-top:15px;padding:12px}.repair-button{align-items:center;background-color:#ffc107;border:none;border-radius:4px;box-shadow:0 2px 5px #0003;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:10px 16px;transition:background-color .3s,transform .2s}.repair-button:hover{background-color:#ffb300;transform:translateY(-2px)}.repair-button:active{transform:translateY(0)}.repair-note{color:#fffc;font-size:.85rem;font-style:italic;margin-top:10px}.storage-health-results .status-indicator.unhealthy{animation:pulse-warning 2s infinite;background-color:#dc354533;color:#ff6b6b;font-size:1.1rem;padding:8px 12px}@keyframes pulse-warning{0%{box-shadow:0 0 0 0 #dc354566}70%{box-shadow:0 0 0 6px #dc354500}to{box-shadow:0 0 0 0 #dc354500}}.microphone-help-container{align-items:center;background:linear-gradient(to left bottom,#222,#111 90%);display:flex;flex-direction:column;height:auto;min-height:100vh;padding-top:var(--gmain-menu-bar-height);position:relative;width:100%}.microphone-help-container .submenu-bar{align-items:center;display:flex;font-size:1rem;height:var(--gsubmenu-bar-height);justify-content:center;left:0;margin:0;position:absolute;top:0;width:100%;z-index:1000}.microphone-help-content{background-color:#181818;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;margin:0 auto 1rem;max-height:80vh;max-width:800px;overflow-y:auto;padding:0;width:100%}.microphone-help-content h1{color:#fff;font-size:2rem;margin-bottom:1rem;text-align:center}.microphone-help-section{border-bottom:1px solid #333;margin-bottom:1rem;padding-bottom:1rem}.microphone-help-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.microphone-help-section h2{color:#fff;font-size:1.5rem;margin-bottom:.75rem}.microphone-help-section div,.microphone-help-section p{color:#e0e0e0;line-height:1.6;margin:0 0 .5rem}.microphone-help-section.solutions,.microphone-help-section.solutions div,.microphone-help-section.solutions h2,.microphone-help-section.solutions h3{text-align:left}@media screen and (max-width:768px){.microphone-help-container{padding-top:0}.microphone-help-container .submenu-bar{margin:0;padding:0;position:static;width:100%}.microphone-help-content{margin:0 .5rem 1rem;padding:1rem}.microphone-help-content h1{font-size:1.75rem}.microphone-help-section h2{font-size:1.25rem}}.blaster-high-scores{background-color:#141414cc;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;margin:0 auto;max-height:90vh;max-width:900px;overflow-x:hidden;overflow-y:auto;padding:2rem;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.blaster-high-scores::-webkit-scrollbar{width:8px}.blaster-high-scores::-webkit-scrollbar-track{background:#0000}.blaster-high-scores::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.blaster-high-scores::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.blaster-high-scores h2{color:var(--text-primary,#fff);margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #00000080}.blaster-high-scores h3{border-bottom:1px solid #444;color:var(--text-secondary,#ccc);margin-bottom:1rem;padding-bottom:.5rem}.submit-score-section{background-color:#28282899;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.local-user-id{font-size:.9rem;margin-bottom:1rem}.local-user-id code{background-color:#0000004d;border-radius:3px;font-family:monospace;padding:.2rem .4rem}.score-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.form-group{display:flex;flex:1;flex-direction:column;min-width:120px}.form-group label{color:#ccc;font-size:.9rem;margin-bottom:.5rem}.form-group input{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:1rem;padding:.75rem}.score-form button{background-color:var(--button-primary,#bbb);border:none;border-radius:4px;color:#000;cursor:pointer;font-weight:700;margin-top:auto;padding:.75rem 1.5rem;transition:background-color .3s}.score-form button:hover:not(:disabled){background-color:var(--button-hover,#ddd)}.score-form button:disabled{background-color:#555;color:#888;cursor:not-allowed}.success-message{background-color:#1987544d;color:#4ade80}.error-message,.success-message{border-radius:4px;margin-top:1rem;padding:.75rem}.error-message{background-color:#dc35454d;color:#f87171}.high-scores-section,.user-scores-section{background-color:#28282899;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.section-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}.section-header h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.level-filter{align-items:center;display:flex;gap:.5rem}.level-filter select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;padding:.5rem}.scores-table{border-collapse:collapse;margin-top:1rem;width:100%}.scores-table td,.scores-table th{border-bottom:1px solid #444;padding:.75rem;text-align:left}.scores-table th{background-color:#0000004d;color:#ccc;font-weight:700}.scores-table tr:last-child td{border-bottom:none}.scores-table tr:hover{background-color:#ffffff0d}.highlight-row{background-color:#1987541a}.highlight-row:hover{background-color:#19875433!important}.loading,.no-scores{color:#888;font-style:italic;padding:1.5rem;text-align:center}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.level-filter{margin-top:.5rem}.scores-table{font-size:.9rem}.scores-table td,.scores-table th{padding:.5rem}}@media (max-width:576px){.score-form{flex-direction:column}.form-group{width:100%}.score-form button{margin-top:1rem;width:100%}}.connection-status-section{background-color:#28282899;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.connection-info{margin-bottom:1rem}.connection-info p{font-size:.9rem;margin:.5rem 0}.connection-controls{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.environment-buttons{display:flex;gap:.5rem}.environment-buttons button{background-color:#333;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.environment-buttons button.active{background-color:var(--button-primary,#bbb);border-color:var(--button-primary,#bbb);color:#000}.environment-buttons button:hover:not(:disabled){background-color:#444;border-color:#666}.test-connection-btn{background-color:var(--button-primary,#bbb);border:none;border-radius:4px;color:#000;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.test-connection-btn:hover:not(:disabled){background-color:var(--button-hover,#ddd)}.test-connection-btn:disabled{background-color:#555;color:#888;cursor:not-allowed}.env-warning{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:4px;color:#ffc107;margin-top:1rem;padding:1rem}.env-warning code{background-color:#0000004d;border-radius:3px;font-family:monospace;padding:.2rem .4rem}.status-idle{color:#ccc}.status-testing-connection{color:#ffc107}.status-connected-successfully{color:#4ade80}.status-connection-failed,.status-error-occurred{color:#ef4444}.status-missing-environment-variables{color:#ffc107}.template2-container{align-items:center;background:linear-gradient(to left bottom,#777,#1a1a1a);display:flex;flex-direction:column;height:auto;min-height:100vh;padding-top:var(--gmain-menu-bar-height);position:relative;width:100%}.template2-container .submenu-bar{align-items:center;display:flex;font-size:1rem;height:var(--gsubmenu-bar-height);justify-content:center;left:0;margin:0;position:absolute;top:0;width:100%;z-index:1000}.template2-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto 2rem;max-width:800px;padding:0 0 32px;width:100%}.template2-content h1{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.gsi-material-button{align-items:center;background:#fff;border:1px solid #747775;border-radius:4px;color:#1f1f1f;cursor:pointer;display:inline-flex;height:40px;padding:0;user-select:none}.gsi-material-button-content-wrapper{align-items:center;display:inline-flex;gap:12px;justify-content:center;padding:0 12px}.gsi-material-button-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;width:18px}.gsi-material-button-contents{font-family:Roboto,arial,sans-serif;font-size:14px;font-weight:500}.gsi-material-button-state{border-radius:4px;inset:0;position:absolute}.gsi-material-button:hover{background:#f7f8f8}.gsi-material-button:active{background:#f1f3f4}.gsi-material-button:disabled{cursor:not-allowed;opacity:.6}.template2-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:2rem}.template2-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.template2-section h2{color:#444;font-size:1.5rem;margin-bottom:1rem}.template2-section p{color:#666;line-height:1.6;margin:0}@media screen and (max-width:768px){.template2-container{padding-top:0}.template2-container .submenu-bar{margin:0;padding:0;position:static;width:100%}.template2-content{margin:0 1rem 1rem;padding:1.5rem}.template2-content h1{font-size:1.75rem}.template2-section h2{font-size:1.25rem}}@media (max-width:600px){.template2-container{border-radius:0;box-shadow:none;font-size:1rem;padding:16px 4px}.template2-container,.template2-content{box-sizing:border-box;max-height:100dvh;max-width:100dvw;min-height:100dvh;width:100dvw}.template2-content{padding:0 4px}}.tutor-invitation-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}.section-title{color:#6ab16a}.hero-section{background:linear-gradient(135deg,#2d4a2d,#1a3a1a)}.hero-subtitle{color:#b0e0b0}.cta-button.primary{background:linear-gradient(135deg,#6ab16a,#5a9a5a)}.cta-button.primary:hover{background:linear-gradient(135deg,#5a9a5a,#4a8a4a);box-shadow:0 6px 20px #6ab16a66}.benefit-card{border:1px solid #6ab16a33}.benefit-card:hover{border-color:#6ab16a;box-shadow:0 10px 30px #6ab16a33}.benefit-card h3,.benefit-card li:before{color:#6ab16a}.step-card{border:1px solid #6ab16a33}.step-card:hover{border-color:#6ab16a}.step-number{background:linear-gradient(135deg,#6ab16a,#5a9a5a)}.step-card h3{color:#6ab16a}.heart-section{background:linear-gradient(135deg,#2d4a2d,#1a3a1a)}.heart-content{color:#e0e0e0;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.faq-item{border:1px solid #6ab16a33}.faq-item h3{color:#6ab16a}.final-cta-section{background:linear-gradient(135deg,#1a3a1a,#2d4a2d)}.band-invitation-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}section{padding:80px 0}.section-content{margin:0 auto;max-width:1200px;padding:0 20px}.section-title{color:#8a6ab1;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;text-shadow:0 2px 4px #0000004d}.hero-section{background:linear-gradient(135deg,#4a2d4a,#3a1a3a);overflow:hidden;padding:120px 0;position:relative;text-align:center}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='100' height='100'%3E%3Ccircle cx='50' cy='50' r='2' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;padding:0 20px;position:relative;z-index:1}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 8px #00000080}.hero-subtitle{color:#c0b0e0;font-size:1.5rem;font-style:italic;font-weight:300;margin-bottom:2rem}.hero-description{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin-bottom:3rem}.cta-button{border:none;border-radius:50px;box-shadow:0 4px 15px #0003;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:16px 32px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#8a6ab1,#7a5a9a);color:#fff}.cta-button.primary:hover{background:linear-gradient(135deg,#7a5a9a,#6a4a8a);box-shadow:0 6px 20px #8a6ab166;transform:translateY(-2px)}.cta-button.large{font-size:1.2rem;padding:20px 40px}.benefits-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.benefit-card{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #8a6ab133;border-radius:16px;padding:2rem;transition:all .3s ease}.benefit-card:hover{border-color:#8a6ab1;box-shadow:0 10px 30px #8a6ab133;transform:translateY(-5px)}.benefit-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.benefit-card h3{color:#8a6ab1;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.benefit-card ul{list-style:none;padding:0}.benefit-card li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.benefit-card li:before{color:#8a6ab1;content:"✓";font-weight:700;left:0;position:absolute}.steps-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.step-card{background:#ffffff0d;border:1px solid #8a6ab133;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.step-card:hover{border-color:#8a6ab1;transform:translateY(-5px)}.step-number{background:linear-gradient(135deg,#8a6ab1,#7a5a9a);border-radius:50%;color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;height:60px;line-height:60px;margin-bottom:1rem;width:60px}.step-card h3{color:#8a6ab1;font-size:1.3rem;margin-bottom:1rem}.cta-container{margin-top:3rem;text-align:center}.power-section{background:linear-gradient(135deg,#4a2d4a,#3a1a3a)}.power-content{color:#e0e0e0;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.faq-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.faq-item{background:#ffffff0d;border:1px solid #8a6ab133;border-radius:12px;padding:1.5rem}.faq-item h3{color:#8a6ab1;font-size:1.2rem;margin-bottom:1rem}.faq-item p{color:#e0e0e0;line-height:1.6}.final-cta-section{background:linear-gradient(135deg,#3a1a3a,#4a2d4a);text-align:center}.final-cta-text{color:#e0e0e0;font-size:1.2rem;line-height:1.8;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}section{padding:60px 0}.hero-section{padding:80px 0}.benefits-grid,.faq-grid,.steps-container{gap:1.5rem;grid-template-columns:1fr}.benefit-card,.faq-item,.step-card{padding:1.5rem}.cta-button{font-size:1rem;padding:14px 28px}.cta-button.large{font-size:1.1rem;padding:16px 32px}}@media (max-width:480px){.hero-content,.section-content{padding:0 15px}.hero-title{font-size:2rem}.section-title{font-size:1.8rem}.benefits-grid,.faq-grid,.steps-container{gap:1rem}}
/*# sourceMappingURL=main.fe10e7be.css.map*/