*{box-sizing:border-box}body{margin:0;background:#fbf8ef;color:#172540;font:16px/1.6 system-ui,sans-serif}main{max-width:680px;margin:auto;padding:24px 20px 64px}.rp-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.rp-header img{width:110px;border-radius:18px}a{color:#245ba4}h1{font-size:34px}h2{font-size:22px}section{background:white;border:1px solid #e6e1d5;border-radius:24px;padding:22px;margin-block:22px}button,select{font:inherit;padding:12px 16px;border-radius:14px;border:1px solid #b7c6df;background:#eaf1ff;color:#172540;min-height:46px;max-width:100%}button{cursor:pointer;margin-block:8px}button:disabled{opacity:.5;cursor:default}select{display:block;width:100%;margin-block:10px;background:white}audio{width:100%;margin-block:16px}.controls{display:flex;gap:12px;flex-wrap:wrap}li{padding-block:6px}li button{background:white;text-align:start}.hint{font-size:14px;color:#4f5c70}#offline-status{padding:12px;background:#f1eafa;border-radius:14px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #417cd0;outline-offset:3px}