: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}.menu{padding:2rem;max-width:900px;margin:0 auto}.menu__title{font-size:2rem;margin:0 0 .25rem}.menu__subtitle{font-size:1.25rem;font-weight:400;color:#9aa;margin:0 0 1.5rem}.menu__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.menu__item{width:100%;min-height:88px;padding:1.25rem 1.5rem;background:#1e1e22;border:1px solid #2a2a30;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;cursor:pointer;text-align:left}.menu__item:active{background:#26262c}.menu__item-title{font-size:1.25rem;font-weight:600}.menu__item-desc{font-size:1rem;color:#9aa}.play-screen{display:flex;flex-direction:column;height:100%}.play-screen__header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;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.25rem;margin:0;flex:1}.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__play--stop{background:#6a2a2a;color:#ffeaea}.play-view{flex:1;overflow:auto;padding:1.5rem;background:#f7f7f5;color:#111}.play-view__score{max-width:1200px;margin:0 auto}.play-view__error{padding:.75rem 1rem;margin-bottom:1rem;background:#3a1a1a;color:#fdd;border-radius:8px}.midi-settings{padding:1.5rem;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}.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:flex;flex-direction:column;gap:.75rem}.midi-settings__item{width:100%;min-height:88px;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}