body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px;padding:30px;text-align:center}.login-page h2{margin-bottom:1rem}.form-group{margin-bottom:15px;text-align:left}input[type=text],input[type=password]{width:100%;padding:10px;margin:8px 0;border:1px solid #ccc;border-radius:4px}.flavor-graphic{background-image:url(/assets/logofull-CgafqK0W.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:200px;margin-bottom:20px;background-color:#e0e7ff;padding:15px;border-radius:8px;font-weight:700;font-size:clamp(1rem,5vw,3rem);align-content:center;overflow:hidden}.light{--nav-bg: #4CAF50;--button-hover: #4CAF50;--button-active-bg: #4CAF50;--button-bg: #3b82f6;--button-text: #000;--section-border: #ddd;--tab-notation-color: #ff6347;--general-text: #123123;--section-display: #176B87;--section-intro-outro: #c2d3f6;--section-solo: #EEF5FF;--section-verse: #cadcfb;--section-chorus: #b0cdf8;--annotation-text: #074387;--faint-text: #7b8a9e}.dark{--nav-bg: #333;--button-hover: #1e1d1d;--button-active-bg: #297d2a;--button-bg: #333;--button-text: #fbd4d4;--section-border: #555;--tab-notation-color: #f3bbb3;--general-text: #22294b;--section-display: #6B728E;--section-intro-outro: #50577A;--section-solo: #474E68;--section-verse: #404258;--section-chorus: #33384d;--annotation-text: #89a7e1;--faint-text: #6379bc}button{margin:5px;width:100%;padding:10px;background-color:var(--button-bg);transition:transform .3s ease,box-shadow .3s ease;color:var(--button-text);border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:700}.short{position:relative;top:10px;left:10px;width:auto;font-size:14px;font-weight:400;padding:10px;margin:0}button:hover{background-color:var(--button-hover);transform:scale(1.05);box-shadow:0 4px 8px #00000026}.button-active{background-color:var(--button-active-bg);cursor:pointer;transition:background-color .3s ease}.dashboard{display:flex;flex-direction:column;width:100%;background-color:#00000080;padding:50px}.dashboard-box{background-color:var(--section-solo);padding:20px;margin:15px;border-radius:8px}.profile-container{display:flex;flex-direction:row}.profile-box{padding:5px;align-items:center;align-content:center;text-align:center;margin:5px;display:flex;flex-direction:column}.dashboard h1{margin-bottom:20px;color:#1f2937}.options-button,.overlay-button{padding:10px 20px;font-size:16px;cursor:pointer;width:150px;height:200px}.img-everything{background-image:url(/assets/style-everything-CylkFAq0.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.img-playsheet{background-image:url(/assets/style-playsheet-BsPphPvx.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.img-lyrics{background-image:url(/assets/style-lyrics-Djtd8_k8.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.img-plain{background-image:url(/assets/style-plain-DpI7TQq4.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-image:url(/assets/header-DzmtOWk0.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--general-text);display:flex;justify-content:center;align-items:center;height:100vh;margin:0}h1,h2{color:var(--general-text)}