:root{--b6-start-gradient: linear-gradient(to bottom, #2cb84f, #6aba8a);--b6-start-border: #259d43;--b6-start-color: white;--logo-base-max-width-at-1x-scale: 213px;--current-scale-factor: 1;--b6-stop-reset-gradient: linear-gradient(to bottom, #e8fcf1, #f7fcf9);--b6-stop-reset-border: #d1e8db;--b6-stop-reset-color: #3b755a;--b6-clef-unselected-gradient: linear-gradient(to bottom, #eefaf3, #f9fcfb);--b6-clef-unselected-border: #d6e8dd;--b6-clef-unselected-color: #2a6e4d;--b6-start-hover-gradient: linear-gradient(to bottom, #27a647, #5e9f76);--b6-start-hover-border: #1a6e2f;--b6-start-hover-color: white;--b6-stop-reset-hover-gradient: linear-gradient(to bottom, #d9f2e5, #f0f7f4);--b6-stop-reset-hover-border: #c2d6cc;--b6-stop-reset-hover-color: #2b654a;--b6-clef-unselected-hover-gradient: linear-gradient(to bottom, #e0f0e7, #f2f7f5);--b6-clef-unselected-hover-border: #c8dad0;--b6-clef-unselected-hover-color: #1e4b35;--button-height: 40px;--button-radius: 12px;--button-shadow: 0 2px 3px rgba(0, 0, 0, .08);--button-hover-shadow: 0 4px 7px rgba(0, 0, 0, .12);--button-active-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);--action-icon-size: 1em;--clef-button-size-round: 40px;--instrument-button-size-round: 75px;--container-radius: 16px;--container-shadow: 0 6px 18px rgba(0, 0, 0, .1);--transition-duration-fade: .3s;--range-mode-fade: .4s}.fade-transition{transition:opacity .3s ease-in-out}.opacity-0{opacity:0;pointer-events:none}.opacity-1{opacity:1;pointer-events:auto}.modal-hidden{display:none!important;visibility:hidden;opacity:0}.visually-hidden{display:none!important}body{font-family:Lato,sans-serif;background-color:#f4f6f8;display:flex;flex-direction:column;color:#343a40;min-height:100vh;margin:0;box-sizing:border-box}h1{text-align:center;margin:10px auto 0;line-height:1;display:block}.logo-image{max-width:calc(var(--logo-base-max-width-at-1x-scale) * var(--current-scale-factor));width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}#staff-area-wrapper{position:relative;width:90%;max-width:800px;margin:10px auto 18px}#staff-container{width:100%;box-sizing:border-box;border:1px solid #dee2e6;padding:0;position:relative;background-color:#fff;border-radius:var(--container-radius) var(--container-radius) 0 0;box-shadow:var(--container-shadow);display:flex;justify-content:center;align-items:center;transition:height .6s ease-in-out}#staff-status-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:visible}#network-status-indicator-staff{position:absolute;bottom:-23px;left:50%;transform:translate(-50%);width:calc(100% - 20px);max-width:450px;padding:7px 15px;border-radius:var(--button-radius);box-shadow:var(--button-shadow);text-align:center;font-size:.85em;font-weight:500;pointer-events:auto;display:none;transition:opacity .3s ease-in-out,background-color .3s ease-in-out;opacity:0}#network-status-indicator-staff.offline-status{background-color:#f1f3f5;color:#5a6268;border:1px solid #ced4da;border-bottom:none}#network-status-indicator-staff.online-status{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-bottom:none}#network-status-indicator-staff.error-status{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-bottom:none}#network-status-indicator-staff.sync-in-progress-status,#network-status-indicator-staff.sync-retry-status{background-color:#f1f3f5;color:#5a6268;border:1px solid #ced4da;border-bottom:none}#staff-content-group{transition:transform .6s ease-in-out;transform-origin:center top}.controls{max-width:650px;box-sizing:border-box;position:relative;background-color:#fff;padding:20px;border:1px solid #dee2e6;border-radius:var(--container-radius);box-shadow:var(--container-shadow);display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-left:auto;margin-right:auto}.carousel-viewport{width:100%;max-width:650px;overflow-x:hidden;overflow-y:visible!important}.carousel-wrapper{display:flex;width:300%;transition:transform .5s ease-in-out;transform:translate(-33.3333%)}.carousel-panel{box-sizing:border-box;flex:0 0 33.3333%;display:flex;flex-direction:column;padding-top:0;align-items:center;gap:18px;position:relative;overflow:hidden}#panel-0{gap:0px}#panel1-top-nav-container,#panel2-back-button-container{position:absolute;top:0;left:0;width:100%}#carousel-btn-next{position:absolute;top:22px;right:0;min-width:auto}#carousel-btn-login-panel1{position:absolute;top:22px;left:1px;min-width:auto}#carousel-btn-back-from-panel0{position:absolute;top:22px;right:0;min-width:auto}#carousel-btn-prev{position:absolute;top:22px;left:1px}#carousel-btn-next,#carousel-btn-prev{min-width:auto}#carousel-btn-next,#carousel-btn-prev,#login-btn-panel0,#register-btn-panel0,#carousel-btn-login-panel1,#carousel-btn-back-from-panel0{background-image:var(--b6-stop-reset-gradient);border-color:var(--b6-stop-reset-border);color:var(--b6-stop-reset-color)}#staff-svg{display:block;width:100%;height:auto;overflow:visible;touch-action:none;overscroll-behavior:contain}.clef-symbol{fill:#000;stroke:none;cursor:default}.clef-symbol.draggable{cursor:grab}.clef-symbol.dragging{cursor:grabbing}.staff-line,.bar-line{stroke:#000;stroke-width:1}.final-bar-line-thick{stroke:#000;stroke-width:4}.note{fill:#000;stroke:#000;stroke-width:1;transition-property:cy,opacity;transition-timing-function:ease-in-out;opacity:1}.note.note-draggable,.note.note-draggable.note-handle{cursor:grab}.note.dragging{cursor:grabbing;transition:none!important}.note.highlighted{fill:red;pointer-events:none}.note.count-in{fill:orange;pointer-events:none}.note.note-dimmed{fill:#aaa;stroke:#888;pointer-events:none;transition:fill var(--range-mode-fade, .4s) linear,stroke var(--range-mode-fade, .4s) linear}.ledger-line{stroke:#000;stroke-width:1.5;opacity:0;transition-property:opacity;transition-duration:var(--transition-duration-fade);transition-timing-function:ease-in-out}.ledger-line.ledger-dimmed{opacity:.3;transition:opacity var(--range-mode-fade, .4s) linear}.range-indicator-note{fill:#ccc;stroke:#bbb;stroke-width:.5}.range-indicator-ledger{stroke:#bbb;stroke-width:1;transition:opacity var(--transition-duration-fade) ease-in-out}.range-indicator-arrow{stroke:#bbb;stroke-width:1.7}.control-group{display:flex;max-width:390px;width:100%;align-items:center;gap:10px 15px;flex-wrap:nowrap}.button-group{display:flex;gap:12px;justify-content:center;align-items:center}.clef-button-group{justify-content:flex-start;flex-grow:1}.range-button-group{justify-content:flex-start}.controls button,.modal-content .button-action{height:var(--button-height);border-radius:var(--button-radius);font-weight:700;font-size:.9rem;cursor:pointer;border:1px solid transparent;transition:border-color .25s ease-in-out,color .25s ease-in-out,transform .1s ease-in-out,box-shadow .25s ease-in-out,background-image .25s ease-in-out;text-align:center;box-shadow:var(--button-shadow);text-shadow:none;line-height:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#eee;background-image:none;color:inherit}.controls button:active:not(:disabled){transform:scale(.98);box-shadow:var(--button-active-shadow)}.controls button:disabled{background-image:none!important;background-color:#f0f2f5!important;border-color:#d8dde2!important;color:#b0b8c0!important;cursor:default;opacity:.7;box-shadow:none!important;transform:none!important;text-shadow:none!important}.controls button:disabled svg{fill:#b0b8c0!important}.button-pressed{box-shadow:var(--button-active-shadow)!important}.button-action{padding:0 12px 0 10px;gap:.5em;min-width:85px}#start-btn{background-image:var(--b6-start-gradient);border-color:var(--b6-start-border);color:var(--b6-start-color)}#stop-btn,#reset-btn,#range-config-btn{background-image:var(--b6-stop-reset-gradient);border-color:var(--b6-stop-reset-border);color:var(--b6-stop-reset-color)}.button-action svg{width:var(--action-icon-size);height:var(--action-icon-size);fill:currentColor;display:block;flex-shrink:0}#start-btn:hover:not(:disabled){background-image:var(--b6-start-hover-gradient);border-color:var(--b6-start-hover-border);box-shadow:var(--button-hover-shadow);color:var(--b6-start-hover-color)}.modal-content form .button-action[type=submit]{background-image:var(--b6-start-gradient);border-color:var(--b6-start-border);color:var(--b6-start-color)}.modal-content form .button-action[type=submit]:hover:not(:disabled){background-image:var(--b6-start-hover-gradient);border-color:var(--b6-start-hover-border);color:var(--b6-start-hover-color);box-shadow:var(--button-hover-shadow)}#stop-btn:hover:not(:disabled),#reset-btn:hover:not(:disabled),#range-config-btn:not(:disabled):not(.active-config){background-image:var(--b6-stop-reset-hover-gradient);border-color:var(--b6-stop-reset-hover-border);color:var(--b6-stop-reset-hover-color);box-shadow:var(--button-hover-shadow)}#carousel-btn-next:hover:not(:disabled),#carousel-btn-prev:hover:not(:disabled),#login-btn-panel0:hover:not(:disabled),#register-btn-panel0:hover:not(:disabled),#carousel-btn-login-panel1:hover:not(:disabled){background-image:var(--b6-stop-reset-hover-gradient);border-color:var(--b6-stop-reset-hover-border);color:var(--b6-stop-reset-hover-color);box-shadow:var(--button-hover-shadow)}#range-config-btn.active-config:not(:disabled){background-image:var(--b6-start-gradient);border-color:var(--b6-start-border);color:var(--b6-start-color);opacity:1}#range-config-btn.active-config:not(:disabled):hover{background-image:var(--b6-start-hover-gradient);border-color:var(--b6-start-hover-border);box-shadow:var(--button-hover-shadow);color:var(--b6-start-hover-color)}#range-config-btn{padding:0 10px}#login-btn-panel0,#register-btn-panel0{min-width:85px;width:-moz-fit-content;width:fit-content;padding-left:15px;padding-right:15px}#login-form-embedded button[type=submit],#register-form-embedded button[type=submit],#dynamic-logout-btn{min-width:auto;width:-moz-fit-content;width:fit-content;padding-left:15px;padding-right:15px}#dynamic-logout-btn{background-image:var(--b6-stop-reset-gradient);border-color:var(--b6-stop-reset-border);color:var(--b6-stop-reset-color)}#dynamic-logout-btn:hover:not(:disabled){background-image:var(--b6-stop-reset-hover-gradient);border-color:var(--b6-stop-reset-hover-border);color:var(--b6-stop-reset-hover-color);box-shadow:var(--button-hover-shadow)}.controls .clef-button{padding:0;width:var(--clef-button-size-round);height:var(--clef-button-size-round);border-radius:50%;background-image:var(--b6-clef-unselected-gradient);border-color:var(--b6-clef-unselected-border);color:var(--b6-clef-unselected-color);display:inline-flex;align-items:center;justify-content:center}.controls .clef-button svg{width:auto;height:auto;max-width:65%;max-height:65%;fill:currentColor;display:block;margin:auto}.controls .clef-button.clef-button-selected{background-image:var(--b6-start-gradient);border-color:var(--b6-start-border);color:var(--b6-start-color)}.controls .clef-button:not(.clef-button-selected):hover:not(:disabled){background-image:var(--b6-clef-unselected-hover-gradient);border-color:var(--b6-clef-unselected-hover-border);color:var(--b6-clef-unselected-hover-color);box-shadow:var(--button-hover-shadow)}.controls .clef-button.clef-button-selected:disabled{background-image:var(--b6-start-gradient)!important;border-color:var(--b6-start-border)!important;color:var(--b6-start-color)!important;opacity:1!important;box-shadow:var(--button-shadow);cursor:default}.controls .clef-button.clef-button-selected:disabled svg{fill:var(--b6-start-color)!important}.instrument-presets .clef-button{width:var(--instrument-button-size-round);height:var(--instrument-button-size-round)}.instrument-presets .clef-button.instrument-button-selected{background-image:var(--b6-start-gradient);border-color:var(--b6-start-border);color:var(--b6-start-color)}.instrument-presets .clef-button.instrument-button-selected:hover:not(:disabled){background-image:var(--b6-start-gradient);border-color:var(--b6-start-border);color:var(--b6-start-color);box-shadow:var(--button-shadow)}.controls label{color:#495057;font-size:1em;font-weight:700;white-space:nowrap;flex-shrink:0;text-align:right;padding-right:10px;transition:color .2s ease-in-out}#panel-1>.control-group>label{width:140px}#panel-2>.control-group>label{width:220px}#panel-2{padding-top:0;gap:0px}#panel-2>.control-group:nth-child(n+3){margin-top:18px}.control-group div label[for=start-middle-c]{width:auto;text-align:left;font-weight:400;padding-right:0;margin-left:5px;cursor:pointer}.controls select,.controls input[type=text],.controls input[type=number]{padding:0 10px;border:1px solid #ced4da;border-radius:var(--button-radius);background-color:#fff;font-family:inherit;font-size:.9rem;flex-basis:120px;flex-grow:1;max-width:180px;height:var(--button-height);box-sizing:border-box}.controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:#dee2e6;outline:none;border-radius:4px;cursor:pointer;flex-grow:1;margin:0 5px;min-width:100px}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background-image:var(--b6-start-gradient);border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.1);background-color:#2cb84f}.controls input[type=range]::-moz-range-thumb{width:18px;height:18px;background-image:var(--b6-start-gradient);border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.1);background-color:#2cb84f}#tempo-value{font-weight:700;color:var(--b6-stop-reset-color);min-width:35px;text-align:right}.tempo-display-group{display:inline-flex;align-items:baseline;gap:.3em;flex-shrink:0;white-space:nowrap;margin-left:-24px}#tempo{flex-grow:1;max-width:210px}.explanation{font-size:.85em;color:#6c757d;flex-basis:100%;padding-left:170px;margin-top:-8px;text-align:left}#panel-1 #max-melodic-interval,#panel-1 #jump-ramp-rate{flex-basis:100px;max-width:140px;flex-grow:0}#panel-2 #max-ledgers-above,#panel-2 #max-ledgers-below{width:70px;flex-grow:0;flex-basis:auto;max-width:none}#current-jump-display{font-size:.85em;color:#6c757d;margin-left:8px;white-space:nowrap}.control-group label[for=start-middle-c]+div{display:flex;align-items:center;flex-grow:1}#checkbox-status-message{font-style:italic;color:#6c757d;margin-left:8px;font-size:.9em;white-space:nowrap}#loading-indicator{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:-moz-fit-content;width:fit-content;padding:8px 15px;background-image:var(--b6-clef-unselected-gradient);border:1px solid var(--b6-clef-unselected-border);color:var(--b6-clef-unselected-color);border-radius:var(--button-radius);box-shadow:var(--button-shadow);font-style:italic;text-align:center;z-index:10}label.label-disabled{color:#adb5bd!important;cursor:default}#tempo:disabled{opacity:1!important;cursor:default!important;background:#dee2e6!important}#tempo:disabled::-webkit-slider-thumb{background-image:var(--b6-start-gradient)!important;background-color:#2cb84f!important;cursor:default!important;opacity:1!important}#tempo:disabled::-moz-range-thumb{background-image:var(--b6-start-gradient)!important;background-color:#2cb84f!important;cursor:default!important;opacity:1!important}input[type=checkbox]:disabled{opacity:.5;cursor:default}.range-indicator-dimmed{opacity:.5!important;transition:opacity .3s ease-in-out}.control-group div label[for=start-middle-c].label-disabled{color:#adb5bd!important;cursor:default}input[type=checkbox].no-fade:disabled{opacity:1!important}@media (max-width: 665px){#panel1-top-nav-container{position:static;display:flex;width:100%;justify-content:space-between;margin-bottom:-4px}#carousel-btn-login-panel1,#carousel-btn-next{position:static}.control-group:has(#current-jump-display){flex-wrap:wrap}#current-jump-display{flex-basis:100%;text-align:center;margin-top:-4px}#panel-0 #today-stats{padding-left:0}#dashboard-actions-wrapper{gap:5px}#dashboard-actions-wrapper a{white-space:nowrap}#panel2-back-button-container{position:static;margin-bottom:10px}#carousel-btn-prev{position:static}.tempo-display-group{margin-left:-24px}#tempo{min-width:1px;max-width:170px}}@media (max-width: 383px){#panel1-top-nav-container,.carousel-panel>.control-group,.carousel-panel>#carousel-btn-next,#panel2-back-button-container,.carousel-panel>#auth-content-area,.carousel-panel>#carousel-btn-login-panel1,.carousel-panel>.panel-info-links{display:none!important}#account-settings-modal,#panel1-info-modal,#legal-viewer{display:none!important}#controls-require-wider-view{display:block!important}}.panel-info-links a:focus{outline:2px solid var(--b6-start-border);outline-offset:-2px;border-radius:4px}#login-form-embedded,#register-form-embedded,#forgot-password-request-form-embedded,#change-password-form-embedded,#email-verification-notice-embedded{position:relative;margin-top:0!important}#login-form-embedded input[type=text],#login-form-embedded input[type=email],#login-form-embedded input[type=password],#register-form-embedded input[type=text],#register-form-embedded input[type=email],#register-form-embedded input[type=password],#forgot-password-request-form-embedded input[type=email],#change-password-form-embedded input[type=password],#change-name-form-embedded input[type=text],#change-email-form-embedded input[type=email],#change-email-form-embedded input[type=password]{height:28px!important;font-size:.9rem!important;padding:0rem .4rem!important;line-height:28px!important}#login-form-embedded label,#register-form-embedded label,#forgot-password-request-form-embedded label,#change-password-form-embedded label,#change-email-form-embedded label{display:block;font-weight:700;font-size:.9rem;color:#495057;margin-bottom:.25rem;text-align:left}#login-form-embedded>div,#register-form-embedded>div{margin-bottom:.6rem!important}#login-form-embedded div:has(input#remember_login){margin-bottom:.7rem!important}#login-form-embedded p,#register-form-embedded p{font-size:.85rem;color:#495057;margin-top:0;margin-bottom:10px;text-align:center}#link-to-register-form,#link-to-login-form{font-size:.9rem!important;color:var(--b6-stop-reset-color);text-decoration:none;font-weight:700}#global-toast-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:1010}#fixed-toast-layer{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:3000}.global-form-error-toast{position:absolute;left:50%;transform:translate(-50%,-100%);background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.global-form-success-toast{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.global-form-error-toast,.global-form-success-toast{position:absolute;left:50%;transform:translate(-50%,-100%);width:calc(100% - 40px);max-width:350px;padding:12px 15px;border-radius:var(--button-radius, 8px);box-shadow:0 2px 4px #0000001a;font-size:.9em;font-weight:700;text-align:center;box-sizing:border-box;pointer-events:auto;animation:toast-fade-in .25s ease-out;max-height:40vh;overflow-y:auto}@keyframes toast-fade-in{0%{opacity:0;transform:translate(-50%,-110%)}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes toast-fade-out{0%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,-110%)}}.toast-fade-out-active{animation:toast-fade-out .25s ease-in forwards}.panel-internal-error-toast{position:absolute;top:10px;left:50%;transform:translate(-50%);width:calc(100% - 30px);max-width:380px;opacity:1;padding:10px 15px;border-radius:var(--button-radius, 8px);box-shadow:0 2px 4px #0000001a;font-size:.85em;font-weight:700;text-align:center;box-sizing:border-box;z-index:100;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;animation:panel-toast-fade-in .25s ease-out}@keyframes panel-toast-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#account-settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility 0s linear .3s}#account-settings-modal.modal-visible{visibility:visible;opacity:1;transition:opacity .3s ease-in-out,visibility 0s linear 0s}#panel1-info-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s ease-in-out,visibility 0s linear .3s;visibility:hidden;opacity:0}#panel1-info-modal.modal-visible{visibility:visible;opacity:1;transition:opacity .3s ease-in-out}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.modal-content{position:relative;background-color:#f8f9fa;border-radius:var(--container-radius, 16px);box-shadow:var(--container-shadow, 0 6px 18px rgba(0, 0, 0, .1));width:90%;max-width:500px;z-index:1001;overflow-y:auto;max-height:90vh}.modal-title-text{position:absolute;top:-3px;left:-3px;background-color:#2cb84f;color:#fff;padding:6px 12px;border-radius:4px;font-size:1rem;font-weight:400;line-height:1.4;margin:0;z-index:1002}.modal-content .modal-close-btn{position:absolute;top:-1px;right:12px;width:28px;height:28px;padding:0;background-color:transparent;border:1px solid transparent;border-radius:5%;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background-color .2s ease-in-out,color .2s ease-in-out;z-index:1003}.modal-content .modal-close-btn:hover{background-color:#e9ecef;color:#333}.modal-close-icon-svg{width:1em;height:1em;font-size:1rem;fill:currentColor}#modal-menu-options,#modal-form-area{padding:0 30px 30px;margin-top:40px;position:relative;overflow:hidden}#panel1-info-modal-main-content{padding:0 20px 20px;margin-top:50px;position:relative;overflow:hidden}.modal-subtitle{font-weight:600;font-size:1rem;margin-bottom:.2rem}#panel1-info-modal-main-content ul{font-family:Lato,sans-serif;list-style-type:disc;padding-left:10px;margin-top:0;margin-bottom:0}#panel1-info-modal-main-content.faq-content li{font-family:Lato,sans-serif;margin-bottom:.5rem}#panel1-info-modal-main-content.about-content li{font-family:Lato,sans-serif;margin-bottom:0rem}#panel1-info-modal-main-content .text-link,#panel1-info-modal-main-content a{color:var(--b6-stop-reset-color);text-decoration:none;font-weight:600;cursor:pointer;transition:color .2s ease}#panel1-info-modal-main-content .text-link:hover,#panel1-info-modal-main-content a:hover{color:var(--b6-clef-unselected-hover-color);text-decoration:underline}#panel1-info-modal-main-content .text-link:focus,#panel1-info-modal-main-content a:focus{position:relative;z-index:1;outline:2px solid var(--b6-start-border);outline-offset:2px;border-radius:4px}#panel1-info-modal-main-content li strong{font-family:Lato,sans-serif;display:block;font-weight:600;font-size:1rem;line-height:1.3;margin-bottom:0rem}#panel1-info-modal-main-content li p{font-family:Lato,sans-serif;font-size:1rem;font-weight:200;line-height:1.3;margin-top:0;margin-bottom:0}#modal-form-area{margin-top:20px}.modal-menu-link{display:block;padding:10px 0;margin-bottom:5px;font-size:1rem;color:var(--b6-stop-reset-color, #3b755a);text-decoration:none;text-align:center;border-radius:var(--button-radius, 12px);transition:background-color .2s ease-in-out,color .2s ease-in-out}.modal-menu-link:hover{background-color:#e9ecef;color:var(--b6-clef-unselected-hover-color, #1e4b35)}.modal-menu-link:focus{outline:2px solid Highlight;outline:2px solid var(--b6-start-border);outline-offset:-2px;position:relative;z-index:1}#modal-user-info{text-align:center;margin-bottom:10px}#modal-user-info p{font-family:Lato,sans-serif;font-weight:bolder;color:var(--b6-stop-reset-color);font-size:1rem;margin-top:0;margin-bottom:4px}#legal-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1010;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#legal-viewer.modal-visible{opacity:1;visibility:visible}#legal-viewer-box{background-color:#f8f9fa;width:90%;max-width:800px;height:85%;max-height:90vh;display:flex;flex-direction:column;padding:2rem}.legal-table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.9em}.legal-table th,.legal-table td{border:1px solid #ddd;padding:8px;text-align:left;vertical-align:top}.legal-table th{background-color:#f2f2f2;font-weight:700}#legal-viewer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:1rem;flex-shrink:0}#legal-viewer-header h2{position:static;background-color:transparent;color:#111827;padding:0;font-size:1.25rem;font-weight:600}#legal-viewer-header .modal-close-btn{position:static}#legal-viewer-content{overflow-y:auto;margin-top:1rem;flex-grow:1;line-height:1.6;color:#374151}#legal-viewer-content h3{font-size:1.1rem;font-weight:700;color:#111827;margin-top:2em;margin-bottom:.8em;border-top:1px solid #e5e7eb;padding-top:.6em;padding-bottom:.4em}#legal-viewer-content p,#legal-viewer-content ul,#legal-viewer-content table{margin-bottom:1em}#legal-viewer-content ul{list-style-type:disc;padding-left:2em}#legal-viewer-content li{margin-bottom:.5em}#legal-viewer-content a{color:var(--b6-stop-reset-color);text-decoration:none;font-weight:600}#legal-viewer-content a:hover{text-decoration:underline}#nf-dashboard-content-wrapper{margin-top:-5px;padding:0 20px;text-align:center}#nf-dashboard-content-wrapper h4{margin-top:0;margin-bottom:0;text-align:center;font-size:1.2em;font-weight:700;color:#343a40}#today-stats{margin-top:0;margin-bottom:10px;font-size:1em;font-weight:400;color:#343a40;text-align:center;padding-left:80px;padding-right:80px}#chart-section-wrapper{border:1px solid #e0e0e0;border-radius:var(--container-radius);padding:5px;max-width:320px;margin:0 auto 5px}#chart-title-container{text-align:center;font-size:1em;font-weight:400;color:#2cb84f;margin-bottom:8px}#chart-canvas-container{width:100%;max-width:300px;margin:0 auto;height:115px;position:relative}#streak-stats{margin-top:0;margin-bottom:0;font-size:1em;font-weight:400;color:#343a40;text-align:center}#dashboard-actions-wrapper{margin-top:5px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-left:auto;margin-right:auto}#dashboard-actions-wrapper a{font-size:.9rem;color:var(--b6-stop-reset-color);text-decoration:none;font-weight:700}#nf-dashboard-content-wrapper>*{margin-bottom:12px}#nf-dashboard-content-wrapper>h4{margin-bottom:3px}#nf-dashboard-content-wrapper>#dashboard-actions-wrapper{margin-top:10px;margin-bottom:0}