@charset "UTF-8";.skip-link{position:absolute;top:8px;left:8px;padding:10px 18px;color:#fff;background:#3b3f9c;border-radius:999px;font-weight:700;z-index:60;transform:translateY(-200%)}.skip-link:focus-visible{color:#fff;outline:3px solid #2e8b57;outline-offset:2px;transform:none}.header{position:sticky;top:0;background:#f6f1e4;border-bottom:2px solid #1b1b22;z-index:50}.header__inner{padding-block:12px;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;display:flex}.header__brand{color:#1b1b22;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.header__brand:hover{color:#1b1b22}.header__badge{width:44px;height:44px;color:#fff;background:#3b3f9c;border-radius:999px;font-size:22px;line-height:1;justify-content:center;align-items:center;display:flex}.header__name{font-family:Rubik,system-ui,sans-serif;font-size:22px;font-weight:700}.header__list{list-style:none;margin:0;padding:0;flex-wrap:wrap;gap:4px 8px;display:flex}.header__link{padding:10px 16px;min-height:44px;color:#1b1b22;border-radius:999px;align-items:center;font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600;text-decoration:none;display:inline-flex}.header__link:hover{color:#3b3f9c;background:#fffdf6}.bar{padding:12px 16px;background:#fffdf6;border:4px solid #1b1b22;border-radius:16px;gap:10px;display:grid}.sign{padding:7px 12px;color:#f6f1e4;background:#1b1b22;border-radius:999px;font:700 12px/1 Rubik,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;display:inline-block}.chord{padding:10px 18px;min-height:sizing(control-height);color:#1b1b22;background:#fffdf6;border:4px solid #1b1b22;border-radius:999px;font:700 18px/1 Rubik,system-ui,sans-serif;cursor:pointer}.chord:hover,.chord:focus-visible{outline:3px solid #3b3f9c;outline-offset:2px}.chord[aria-pressed=true]{color:#fff;background:#3b3f9c}.note-in{color:#2e8b57;font-weight:700}.note-in:before{content:"✓ "}.note-out{color:#b86e00;font-weight:700}.note-out:before{content:"! "}.suggestion{padding:14px 18px;color:#1b1b22;background:#f6f1e4;border:1px solid #5a5a66;border-left:4px solid #3b3f9c;border-radius:10px;font:400 16px/1.5 "Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif}.staff-block{padding:14px 18px;background:#f6f1e4;border:4px solid #1b1b22;border-radius:16px;font:600 16px/1.5 "Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif}.btn{padding:10px 18px;min-height:sizing(control-height);color:#fff;background:#3b3f9c;border:0;border-radius:999px;font:700 16px/1 "Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;transition:background .15s ease,transform .15s ease;cursor:pointer}.btn:hover{background:#363a90;transform:translateY(-1px)}.btn:active{background:#323583}.btn:disabled{background:#8f8fbc;cursor:not-allowed}.btn:focus-visible{outline:3px solid #2e8b57;outline-offset:2px}.indicative-note{color:#5f5f6b;font:400 14px/1.5 "Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif}.note-blocked{padding:14px 18px;color:#b23a48;background:#f6f1e4;border:1px solid #b23a48;border-radius:16px;font-weight:600}.btn{padding:8px 16px;border:none;border-radius:16px;justify-content:center;align-items:center;font-family:-apple-system,blinkmacsystemfont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-2);font-weight:var(--font-weight-5);line-height:var(--font-lineheight-3);text-decoration:none;white-space:nowrap;transition:all var(--ease-3);cursor:pointer;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid #3b3f9c;outline-offset:2px}.btn[data-variant=primary]{color:#fff;background-color:#3b3f9c;padding:8px 16px;border:none;border-radius:16px;justify-content:center;align-items:center;font-family:-apple-system,blinkmacsystemfont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-2);font-weight:var(--font-weight-5);line-height:var(--font-lineheight-3);text-decoration:none;white-space:nowrap;transition:all var(--ease-3);cursor:pointer;display:inline-flex}.btn[data-variant=primary]:disabled{opacity:.5;cursor:not-allowed}.btn[data-variant=primary]:focus-visible{outline:2px solid #3b3f9c;outline-offset:2px}.btn[data-variant=primary]:hover:not(:disabled){background-color:#363a90}.btn[data-variant=secondary]{color:#3b3f9c;background-color:transparent;border:1px solid #5a5a66;padding:8px 16px;border:none;border-radius:16px;justify-content:center;align-items:center;font-family:-apple-system,blinkmacsystemfont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-2);font-weight:var(--font-weight-5);line-height:var(--font-lineheight-3);text-decoration:none;white-space:nowrap;transition:all var(--ease-3);cursor:pointer;display:inline-flex}.btn[data-variant=secondary]:disabled{opacity:.5;cursor:not-allowed}.btn[data-variant=secondary]:focus-visible{outline:2px solid #3b3f9c;outline-offset:2px}.btn[data-variant=secondary]:hover:not(:disabled){background-color:#fffdf6}.btn[data-variant=danger]{color:#fff;background-color:#b23a48}.btn[data-variant=danger]:hover:not(:disabled){background-color:#8c2d38}.btn[data-variant=success]{color:#fff;background-color:#2e8b57}.btn[data-variant=success]:hover:not(:disabled){background-color:#21653f}.btn[data-size=small]{padding:8px 16px;font-size:16px}.btn[data-size=large]{padding:20px var(--size-6);font-size:var(--font-size-3)}.btn[data-state=loading]{position:relative;color:transparent;pointer-events:none}.btn[data-state=loading]:after{content:"";position:absolute;top:50%;left:50%;margin-top:-.5rem;margin-left:-.5rem;width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:--button-spin .6s linear infinite}.btn[data-state=active]{box-shadow:inset 0 2px 4px #0000001a}.btn[data-width=full]{width:100%}.btn[data-has-icon=true]{display:inline-flex;align-items:center;gap:16px}.btn[data-has-icon=true] svg{width:1.25rem;height:1.25rem}.btn.primary{color:#fff;background-color:#3b3f9c;padding:8px 16px;border:none;border-radius:16px;justify-content:center;align-items:center;font-family:-apple-system,blinkmacsystemfont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-2);font-weight:var(--font-weight-5);line-height:var(--font-lineheight-3);text-decoration:none;white-space:nowrap;transition:all var(--ease-3);cursor:pointer;display:inline-flex}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.primary:focus-visible{outline:2px solid #3b3f9c;outline-offset:2px}.btn.primary:hover:not(:disabled){background-color:#363a90}.btn.secondary{color:#3b3f9c;background-color:transparent;border:1px solid #5a5a66;padding:8px 16px;border:none;border-radius:16px;justify-content:center;align-items:center;font-family:-apple-system,blinkmacsystemfont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-2);font-weight:var(--font-weight-5);line-height:var(--font-lineheight-3);text-decoration:none;white-space:nowrap;transition:all var(--ease-3);cursor:pointer;display:inline-flex}.btn.secondary:disabled{opacity:.5;cursor:not-allowed}.btn.secondary:focus-visible{outline:2px solid #3b3f9c;outline-offset:2px}.btn.secondary:hover:not(:disabled){background-color:#fffdf6}.btn.danger{color:#fff;background-color:#b23a48}.btn.danger:hover:not(:disabled){background-color:#8c2d38}.btn.success{color:#fff;background-color:#2e8b57}.btn.success:hover:not(:disabled){background-color:#21653f}.btn.small{padding:8px 16px;font-size:16px}.btn.large{padding:20px var(--size-6);font-size:var(--font-size-3)}.btn.full{width:100%}.btn.with-icon{display:inline-flex;align-items:center;gap:16px}.btn.with-icon svg{width:1.25rem;height:1.25rem}@keyframes --button-spin{to{transform:rotate(360deg)}}