:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:var(--tg-theme-bg-color,#f5f6f7);color:var(--tg-theme-text-color,#19232d)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:580px;margin:auto;padding:28px 22px 40px}.brand{font-size:14px;color:var(--tg-theme-hint-color,#627079);margin-bottom:24px}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 16px}h2{font-size:22px}p{line-height:1.6}label{display:block;margin-top:18px;margin-bottom:8px}select,button{font:inherit;width:100%;min-height:48px;padding:12px;border-radius:10px}select{border:1px solid #919ca6;background:var(--tg-theme-secondary-bg-color,#fff);color:inherit}button{border:0;background:var(--tg-theme-button-color,#246b55);color:var(--tg-theme-button-text-color,#fff);margin-top:20px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#refresh{background:transparent;border:1px solid #919ca6;color:inherit}.note{font-size:13px;color:var(--tg-theme-hint-color,#627079);margin-top:28px}#result{margin-top:24px;padding-top:8px;border-top:1px solid #919ca6}li{margin:12px 0}button:focus-visible,select:focus-visible{outline:3px solid #46a6ea;outline-offset:3px}