:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292c30;background:#f7f7f8}
*{box-sizing:border-box}body{margin:0}a{color:#b51c0b;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid #315e9e;outline-offset:4px}[hidden]{display:none!important}
.page{max-width:1080px;margin:0 auto;padding:24px 28px 0}
.masthead{display:flex;align-items:center;gap:25px;border-bottom:1px solid #dedfe2;padding-bottom:24px;font-size:18px;font-weight:600}
.brand{display:inline-flex;padding:10px 14px;background: #fff;border-radius:3px}.brand img{width:215px;height:auto}
main{min-height:calc(100vh - 215px);padding:32px 0 60px}h1{font-size:26px;margin:0;font-weight:600}h2{font-size:20px;margin:28px 0 30px;font-weight:600}
.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.account{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:18px;font-size:13px}.account strong{font-weight:500;overflow-wrap:anywhere}.account form{margin:0}
.primary,.secondary,.open-app{display:inline-block;padding:10px 18px;border:1px solid #b51c0b;border-radius:4px;background:#b51c0b;color:#fff;font-size:14px;font-weight:500}
.secondary{background:#fff;color:#50565e;border-color:#d2d5da}.text-button{padding:0;border:0;background:transparent;color:#b51c0b}
.network,.badge{font-size:12px;color:#646b74;background:#eeeff1;padding:5px 9px;border-radius:4px}.network.connected{background:#e9f3eb;color:#256343}
.apps{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid #dcdee2;border-top:3px solid #b51c0b;border-radius:5px;background:#fff;padding:24px}
.card.unavailable{background:#f1f2f3;border-top-color:#c9cdd2;color:#626971}.card-action{min-height:43px;display:flex;align-items:center}.unavailable-reason{font-size:14px;color:#5f656e}
.help{margin-top:24px;display:flex;justify-content:flex-end}.hint{color:#5f656e;font-size:14px;margin:24px 0 0}
.notice{padding:16px;margin-bottom:22px;border:1px solid #e7d0aa;background:#fff9ee;font-size:14px;line-height:1.6;border-radius:4px}.notice.error{border-color:#e8bdba;background:#fff2f1;color:#87281e}
footer{border-top:1px solid #dedfe2;padding:18px 0;display:flex;justify-content:space-between;font-size:12px;color:#666b73}.message{background:white;padding:24px;border:1px solid #dedfe2;border-radius:5px}
@media(max-width:620px){.page{padding:18px 16px 0}.masthead{gap:16px;font-size:16px}.brand img{width:170px}.intro{align-items:flex-start;flex-direction:column}.account{justify-content:flex-start;gap:14px}.apps{grid-template-columns:1fr;gap:14px}.card{padding:22px}h2{margin:20px 0 24px}}

.app-icon{display:block;width:80px;height:80px;object-fit:contain;margin:8px 0 18px}.network:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#8d939c;margin-right:7px}.network.connected:before{background:#33834b}