:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif}html,body,#root{margin:0;height:100%;background:#111;color:#eee}button{font:inherit;color:inherit}.app-container{display:flex;flex-direction:column;height:100%}.app-footer{padding:.5rem 1rem;border-top:1px solid #2a2a30;background:#0a0a0c;text-align:center;font-size:.8rem}.app-footer__version{font:inherit;color:#7a7a7e;background:transparent;border:none;padding:0;cursor:pointer;transition:color .2s ease}.app-footer__version:hover{color:#9aa}.app-footer__version:disabled{opacity:.6}.release-notes{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}.release-notes__backdrop{position:absolute;inset:0;background:#0000008c}.release-notes__panel{position:relative;width:min(100%,900px);max-height:min(78vh,920px);margin:0 1rem 1rem;background:#16171b;border:1px solid #32343a;border-radius:18px;box-shadow:0 -12px 40px #00000059;display:flex;flex-direction:column;overflow:hidden}.release-notes__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #2a2a30}.release-notes__title{margin:0;font-size:1.1rem}.release-notes__meta{margin:.3rem 0 0;color:#9aa;font-size:.9rem}.release-notes__close{min-height:44px;padding:.5rem .9rem;background:#2a2a30;border:none;border-radius:8px;cursor:pointer}.release-notes__body{overflow:auto;padding:1rem 1.25rem 1.25rem}.release-notes__content{margin:0;white-space:pre-wrap;font:.95rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#edf1f6}.release-notes__error{margin:0;color:#ffd6d6}.menu{padding:2rem 2.5rem 2.5rem;max-width:1560px;margin:0 auto;flex:1;width:100%;box-sizing:border-box}.menu__hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(340px,.9fr);gap:1.5rem;align-items:stretch;margin-bottom:1.75rem}.menu__title{font-size:clamp(2.4rem,3vw,3.6rem);margin:0 0 .5rem;letter-spacing:-.03em}.menu__lead{margin:0;max-width:58rem;color:#b8c0c8;font-size:1.1rem;line-height:1.55}.menu__stats{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.menu__stat{padding:1rem 1.1rem;background:linear-gradient(180deg,#1b1d22,#131519);border:1px solid #2a2d33;border-radius:16px}.menu__stat dt{margin:0 0 .45rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#9aa}.menu__stat dd{margin:0;font-size:1.2rem;font-weight:700;color:#f3f6fa}.menu__layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:1.5rem;align-items:start}.menu__content{display:flex;flex-direction:column;gap:1.5rem}.menu__panel{background:linear-gradient(180deg,#181a1f,#121418);border:1px solid #282c33;border-radius:20px;padding:1.3rem;box-shadow:0 14px 36px #0000002e}.menu__panel--setup{position:sticky;top:1.25rem}.menu__section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.menu__subtitle{font-size:1.35rem;font-weight:600;color:#eef2f7;margin:0}.menu__section-copy{margin:0;color:#96a2ad;font-size:.95rem;text-align:right}.menu__list{list-style:none;padding:0;margin:0}.menu__list--single{display:flex;flex-direction:column;gap:1rem}.menu__list--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.menu__list>li{min-width:0}.menu__item{width:100%;min-height:118px;padding:1.2rem 1.25rem;background:linear-gradient(180deg,#20232a,#181b21);border:1px solid #2c3139;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.7rem;cursor:pointer;text-align:left;box-sizing:border-box;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.menu__item:hover{transform:translateY(-2px);border-color:#3c4653;background:linear-gradient(180deg,#242831,#1c2027);box-shadow:0 10px 28px #0003}.menu__item:active{transform:translateY(0)}.menu__item-title{font-size:1.15rem;font-weight:600}.menu__item-desc{font-size:.98rem;color:#9da9b4;line-height:1.45}.menu__song-card{display:flex;flex-direction:column;gap:.75rem}.menu__song-primary{min-height:102px}.menu__song-tools{padding:0 .25rem}.menu__song-rename{display:flex;flex-direction:column;gap:.65rem}.menu__song-label{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:#8e99a5}.menu__song-input{width:100%;box-sizing:border-box;min-height:44px;padding:.7rem .8rem;border-radius:10px;border:1px solid #313743;background:#121419;color:#eef2f7;outline:none}.menu__song-input:focus{border-color:#5b728a}.menu__song-actions{display:flex;flex-wrap:wrap;gap:.55rem}.menu__song-action{min-height:40px;padding:.45rem .85rem;border:1px solid #313743;border-radius:999px;background:#181b21;color:#d7dfe7;cursor:pointer}.menu__song-action--primary{background:#223548;border-color:#30506e;color:#edf6ff}.menu__song-action--danger{background:#3a1d22;border-color:#6d3941;color:#ffdbe0}.menu__song-error{margin:.55rem 0 0;color:#ffb9c2;font-size:.92rem}.play-screen{display:flex;flex-direction:column;flex:1}.play-screen__header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 2rem;border-bottom:1px solid #2a2a30;background:#151519}.play-screen__back{min-height:44px;padding:.5rem 1rem;background:#2a2a30;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.play-screen__title{font-size:1.4rem;margin:0;flex:1;min-width:220px}.play-screen__play{min-height:44px;padding:.5rem 1.25rem;background:#2a6a3a;color:#eaffea;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600}.play-screen__restart{min-height:44px;padding:.5rem 1rem;background:#243244;color:#e7f0fb;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.play-screen__play--stop{background:#6a2a2a;color:#ffeaea}.play-screen__mode{display:inline-flex;background:#15151a;border:1px solid #2a2a30;border-radius:8px;padding:2px;gap:2px}.play-screen__mode-btn{min-height:40px;padding:.4rem .9rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;color:#cdd}.play-screen__mode-btn:disabled{cursor:default;opacity:.6}.play-screen__mode-btn--active{background:#2a2a30;color:#fff}.play-screen__preview{min-height:44px;padding:.5rem 1rem;background:#3b2d16;color:#fff0ca;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.play-screen__preview--active{background:#5a4118}.play-screen__hint{padding:.85rem 2rem;background:#3a321a;color:#fde8a8;border-bottom:1px solid #2a2a30;font-size:.95rem}.play-screen__readout{padding:.75rem 2rem;background:#3a1a1a;color:#ffd6d6;border-bottom:1px solid #2a2a30;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;min-height:1.2em}.play-screen__banner--empty{visibility:hidden;background:transparent;color:transparent;border-bottom-color:transparent;pointer-events:none}.play-view{flex:1;overflow:auto;padding:2rem 2.25rem;background:#f7f7f5;color:#111}.play-view__score{max-width:1480px;margin:0 auto}.play-view__error{padding:.75rem 1rem;margin-bottom:1rem;background:#3a1a1a;color:#fdd;border-radius:8px}.midi-settings{padding:1.75rem 2rem 2.25rem;max-width:1480px;margin:0 auto;width:100%;box-sizing:border-box}.midi-guide{margin:0 0 1.5rem;padding:1.2rem 1.25rem 1.3rem;background:linear-gradient(180deg,#181b21,#121418);border:1px solid #2a2e36;border-radius:16px}.midi-guide__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.midi-guide__title{margin:0;font-size:1.15rem}.midi-guide__copy{margin:0;color:#9ca8b3;font-size:.95rem}.midi-guide__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem}.midi-guide__card{padding:1rem 1rem 1.05rem;border-radius:14px;border:1px solid #30353d;background:#181c22;display:flex;flex-direction:column;gap:.4rem}.midi-guide__card--ok{background:linear-gradient(180deg,#18241f,#141b18);border-color:#2b4738}.midi-guide__card--warn{background:linear-gradient(180deg,#2a2217,#1f1912);border-color:#5b4725}.midi-guide__label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#90a0ad}.midi-guide__status{font-size:1.05rem;color:#f2f6fb}.midi-guide__text{margin:0;color:#c2ccd4;line-height:1.45;font-size:.95rem}.midi-settings__header-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 1rem}.midi-settings__subtitle{font-size:1.1rem;font-weight:500;color:#9aa;margin:0}.midi-settings__refresh{min-height:44px;padding:.5rem 1rem;background:#2a2a30;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.midi-settings__notice{padding:1rem 1.25rem;background:#1e1e22;border:1px solid #2a2a30;border-radius:10px;color:#cdd;margin:0 0 1rem}.midi-settings__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem}.midi-settings__item{width:100%;min-height:112px;padding:1rem 1.25rem;background:#1e1e22;border:1px solid #2a2a30;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;cursor:pointer;text-align:left}.midi-settings__item--selected{border-color:#4a9;background:#1a2a26}.midi-settings__item-title{font-size:1.15rem;font-weight:600}.midi-settings__item-desc{font-size:.95rem;color:#9aa}.midi-settings__item-state{font-size:.85rem;color:#8ca;margin-top:.25rem}.midi-monitor{margin:0 0 1.5rem;padding:1rem 1.25rem;background:#1e1e22;border:1px solid #2a2a30;border-radius:12px;display:flex;flex-direction:column;gap:.5rem}.midi-monitor__label{font-size:.9rem;color:#9aa}.midi-monitor__latest{width:100%;box-sizing:border-box;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;background:#0f0f12;color:#cfe;border:1px solid #2a2a30;border-radius:8px;outline:none}.midi-monitor__history{list-style:none;padding:0;margin:.25rem 0 0;display:flex;flex-direction:column;gap:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;color:#9ab}.midi-monitor__history-item{padding:.35rem .6rem;background:#15151a;border-radius:6px}.midi-monitor__history-empty{padding:.35rem .2rem;color:#667;font-style:italic}@media(max-width:1100px){.menu__hero,.menu__layout{grid-template-columns:1fr}.menu__panel--setup{position:static}.menu__section-heading{flex-direction:column;align-items:flex-start}.menu__section-copy{text-align:left}}@media(max-width:760px){.menu,.midi-settings,.play-view,.play-screen__header,.play-screen__hint,.play-screen__readout{padding-left:1.25rem;padding-right:1.25rem}.menu__stats,.menu__list--grid,.midi-settings__list{grid-template-columns:1fr}.midi-guide__header{flex-direction:column;align-items:flex-start}}