.clap-page,.ararano-clap-button-area{box-sizing:border-box;font-family:"BIZ UDPGothic","Yu Gothic UI",Meiryo,sans-serif}.clap-page{width:min(100%,760px);margin:32px auto;color:#294844}.clap-page__window{overflow:hidden;background:#f7f7f0;border:2px solid;border-color:#fff #41665f #41665f #fff;box-shadow:4px 4px 0 rgba(22,63,61,.16)}.clap-page__titlebar{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:4px 5px 4px 10px;color:#fff;background:linear-gradient(90deg,#194f4c,#33766c 58%,#a7c36f);font-weight:700}.clap-page__buttons{display:flex;gap:2px}.clap-page__buttons span{display:grid;place-items:center;width:20px;height:19px;color:#143f3c;background:#e5f0d4;border:1px solid;border-color:#fff #58776e #58776e #fff}.clap-page__body{padding:clamp(20px,5vw,42px);text-align:center}.clap-page__image img{display:block;width:auto;max-width:100%;max-height:420px;margin-inline:auto}.clap-page__image.is-pixel img{image-rendering:pixelated}.clap-page__heading{margin:24px 0 10px;color:#194f4c}.clap-page__text{line-height:1.8}.clap-page__separator{margin:28px 0;border:0;border-top:1px dashed #91a78b}.clap-message{max-width:620px;margin-inline:auto;text-align:left}.clap-message__label{display:block;margin-bottom:8px;font-weight:700}.clap-message__textarea{box-sizing:border-box;width:100%;padding:10px;color:#294844;background:#fff;border:2px solid;border-color:#718c81 #fff #fff #718c81;font:inherit;resize:vertical}.clap-message__textarea:focus-visible,.clap-message__submit:focus-visible,.ararano-clap-button:focus-visible,.clap-page__back:focus-visible{outline:3px solid #a7c36f;outline-offset:3px}.clap-message__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.clap-message__note{color:#5c706a;font-size:.8rem}.clap-message__submit,.ararano-clap-button{padding:8px 14px;color:#173e3a;font-weight:700;background:#e5f0d4;border:2px solid;border-color:#fff #58776e #58776e #fff;cursor:pointer;box-shadow:2px 2px 0 rgba(22,63,61,.18)}.clap-message__submit:active,.ararano-clap-button:active{transform:translate(1px,1px);box-shadow:none}.clap-message__submit:disabled,.ararano-clap-button:disabled{cursor:wait;opacity:.7}.clap-message__result,.ararano-clap-status{color:#365b54}.clap-page__back{display:inline-block;margin-top:28px;color:#194f4c}.ararano-clap-button-area{text-align:center}.ararano-clap-button{display:inline-flex;align-items:center;gap:8px}@media(max-width:600px){.clap-page{margin:20px auto}.clap-page__body{padding:20px 14px}.clap-message__footer{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.clap-message__submit,.ararano-clap-button{transition:none}}