@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{color:#142033;font-synthesis:none;background:#eef1ed;font-family:Zen Kaku Gothic New,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select{font:inherit}button{cursor:pointer}a{color:#1c5a78}.trumpet-page{color:#17322c;background:#f7f8f4;width:min(100%,920px);min-height:100svh;margin:auto;padding:0 26px 56px;box-shadow:0 0 40px #16223514}.trumpet-header{padding:24px 8px 20px}.trumpet-back{color:#276650;background:0 0;border:0;padding:4px 0 18px;font-size:.85rem;text-decoration:underline}.trumpet-header-row{align-items:center;gap:16px;display:flex}.trumpet-icon{color:#fff;background:#0e503d;border-radius:16px;place-items:center;width:58px;height:58px;font-size:1.8rem;display:grid}.trumpet-kicker{color:#6b907e;letter-spacing:.16em;margin:0;font-size:.7rem;font-weight:700}.trumpet-header h1{margin:2px 0;font-family:Noto Serif JP,serif;font-size:clamp(1.3rem,4.8vw,2rem)}.trumpet-intro{color:#5d7067;margin:16px 0 0;line-height:1.6}.trumpet-page section{background:#fff;border:1px solid #dce6dc;border-radius:17px;margin:16px 0;padding:23px;box-shadow:0 5px 18px #1c4b3010}.trumpet-section-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.trumpet-section-heading span{color:#9b6c38;font-size:.8rem;font-weight:700}.trumpet-section-heading h2{margin:0;font-family:Noto Serif JP,serif;font-size:1.15rem}.trumpet-key-panel label{color:#5d7067;margin:0 0 7px;font-size:.78rem;display:block}.trumpet-key-panel select{color:#17322c;background:#fbfdf9;border:1px solid #aac4b4;border-radius:10px;width:100%;min-height:48px;padding:9px 12px}.trumpet-key-panel p,.trumpet-controls>p{color:#718076;margin:10px 0 0;font-size:.78rem}.trumpet-sequence-body{flex-wrap:wrap;align-content:start;align-items:center;gap:8px;min-height:70px;max-height:210px;padding:3px;display:flex;overflow:auto}.trumpet-placeholder{color:#84948a;font-size:.86rem}.trumpet-result-chip{background:#eaf3ec;border:1px solid #cae0ce;border-radius:10px;gap:2px;padding:8px 10px;display:grid}.trumpet-result-chip span{color:#50775c;font-size:.72rem}.trumpet-result-chip strong{white-space:nowrap;font-size:.8rem}.trumpet-result-chip.is-unsupported{color:#9a4d24;background:#fff3eb;border-color:#e7c6ad}.trumpet-marker{color:#a46e37;padding:0 3px;font-size:1.3rem}.trumpet-marker.is-line-break{flex-basis:100%;height:15px;font-size:.8rem;line-height:1}.trumpet-action-row{gap:8px;margin-top:15px;display:flex}.trumpet-action-row button{color:#476a54;background:#fff;border:1px solid #d3dfd5;border-radius:9px;padding:9px 13px}.trumpet-action-row button:disabled,.trumpet-control-row button:disabled,.trumpet-copy:disabled{opacity:.4;cursor:not-allowed}.trumpet-control-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:16px 0;display:grid}.trumpet-control-row button{color:#1f6340;background:#eef7ed;border:1px solid #a9c9b3;border-radius:11px;place-items:center;min-height:54px;font-size:1.15rem;font-weight:700;display:grid}.trumpet-control-row small{font-size:.62rem;font-weight:400}.trumpet-note-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.trumpet-note-button{color:#193d31;background:#fff;border:1px solid #d5e1d8;border-radius:12px;justify-items:center;min-height:121px;padding:3px 2px 9px;display:grid}.trumpet-note-button:active{background:#e4f3e7;border-color:#39805c;transform:scale(.98)}.trumpet-note-button strong{font-size:.85rem}.trumpet-staff{width:min(100%,84px);height:90px;overflow:visible}.trumpet-staff line{stroke:#71857b;stroke-width:1px}.trumpet-staff .ledger{stroke:#566b61}.trumpet-staff .note-head{fill:#173f2d}.trumpet-staff .note-stem{stroke:#173f2d;stroke-width:1.5px}.trumpet-hint{line-height:1.6;color:#728078!important;font-size:.74rem!important}.trumpet-export textarea{resize:vertical;color:#17322c;background:#fcfefb;border:1px solid #c5d7c7;border-radius:10px;width:100%;padding:12px;line-height:1.6}.trumpet-copy{color:#fff;background:#125a43;border:0;border-radius:11px;width:100%;min-height:50px;margin-top:12px;font-weight:700}.trumpet-message{color:#276650;font-size:.82rem}@media (width<=600px){.trumpet-page{padding:0 12px 36px}.trumpet-header{padding:20px 8px 12px}.trumpet-page section{margin:12px 0;padding:17px 13px}.trumpet-note-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.trumpet-control-row{gap:5px}.trumpet-control-row button{min-height:56px;padding:2px;font-size:1rem}.trumpet-control-row small{font-size:.57rem}.trumpet-note-button{min-height:118px}.trumpet-sequence{z-index:2;position:sticky;top:6px;box-shadow:0 7px 24px #133c2720!important}.trumpet-sequence-body{max-height:110px}}.hub-shell{background:#fbfaf6;width:min(100%,920px);min-height:100svh;margin:auto;box-shadow:0 0 40px #16223514}.hub-header{border-bottom:1px solid #e6e8e2;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.hub-content{padding:64px 52px}.hub-content h1{margin:0;font-family:Noto Serif JP,serif;font-size:clamp(1.8rem,5vw,2.5rem)}.hub-lede{color:#64717b;margin:11px 0 30px}.service-list{gap:15px;display:grid}.service-card{text-align:left;color:#18344e;background:#fff;border:1px solid #dce4df;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:100%;padding:25px;display:grid;box-shadow:0 7px 25px #173a5e0c}.service-card:hover{border-color:#7b9aaa;transform:translateY(-1px)}.service-mark{color:#fff;background:#173a5e;border-radius:13px;place-items:center;width:56px;height:56px;font-family:Noto Serif JP,serif;font-size:1.45rem;display:grid}.trumpet-service-mark{background:#14533d}.service-copy small{color:#a35432;letter-spacing:.12em;font-size:.65rem;font-weight:700;display:block}.service-copy strong{margin:3px 0;font-family:Noto Serif JP,serif;font-size:1.25rem;display:block}.service-copy em{color:#68747d;font-size:.8rem;font-style:normal;display:block}.service-status{text-align:right;color:#75818a;font-size:.7rem;display:grid}.service-status b{color:#b25430;font-size:1.2rem}.service-status span{color:#173a5e;margin-top:4px;font-size:1rem}.account{color:#75818a;align-items:center;gap:10px;font-size:.7rem;display:flex}.account button,.back-link{color:#536f83;background:0 0;border:0;padding:0;font-size:.7rem;text-decoration:underline}.back-link{margin-bottom:3px;display:block}.error-note{color:#a24636!important}@media (width<=480px){.hub-header{padding:19px}.hub-content{padding:46px 20px}.account span{display:none}.service-card{grid-template-columns:auto 1fr;gap:13px;padding:18px}.service-status{text-align:left;grid-column:2}.service-copy em{line-height:1.5}}.hub-header .brand{align-items:center;gap:11px;min-width:0;display:flex}.hub-header .brand .seal{color:#fff;background:#173a5e;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-family:Noto Serif JP,serif;font-size:1.25rem;display:grid}.hub-header .brand strong,.hub-header .brand small{display:block}.hub-header .brand strong{color:#18344e;overflow-wrap:anywhere;font-size:.95rem;line-height:1.2}.hub-header .brand small{color:#75818a;margin-top:3px;font-size:.69rem;line-height:1.4}.hub-header .account{flex:none;margin-left:12px}@media (width<=480px){.hub-header .brand{gap:8px}.hub-header .brand .seal{width:34px;height:34px}.hub-header .brand strong{font-size:.78rem}.hub-header .brand small{font-size:.63rem}}