.app-demo main,.app-demo .masthead{max-width:632px;padding-inline:36px}
.app-demo .masthead{border-bottom:1px solid var(--line)}
.demo-notice{font-size:12px;color:var(--muted);margin-block:20px 24px}
.screen-top{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;margin-bottom:16px}.screen-top>span{display:flex;align-items:center;gap:6px}.screen-top .icon{width:16px;height:16px}.status-label{color:var(--accent)}
.app-screen h1{font-size:32px;line-height:1.15;font-weight:700;letter-spacing:-.025em}
.deadline{display:flex;align-items:center;gap:8px;margin-block:16px 24px;font-size:14px;color:var(--muted)}.deadline .icon{width:18px;height:18px}
.criterion{font-size:15px;line-height:1.5;max-width:49ch}
.app-stake{display:flex;align-items:baseline;justify-content:space-between;margin-block:24px 16px;padding-block:16px;border-block:1px solid var(--line)}.app-stake>span{font-size:14px;color:var(--muted)}.app-stake strong{font-size:32px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.people{font-size:14px}.people>span{display:flex;align-items:center;gap:6px}.people .icon{width:18px;height:18px}.people strong{font-weight:600}.people p{margin-top:6px;color:var(--muted)}
.app-feedback{border-left:2px solid var(--accent);padding-left:12px;margin-top:20px;font-size:14px}.app-feedback[data-kind=success]{border-color:var(--success)}.app-feedback[data-kind=failure]{border-color:var(--danger)}
#app-action{width:100%;margin-top:24px}.conditions{border-bottom:1px solid var(--line);padding-block:8px 12px}.conditions summary{min-height:44px;align-content:center;font-size:14px}.conditions p{margin-bottom:12px;font-size:13px;color:var(--muted)}
.demo-tools{font-size:12px;color:var(--muted);margin-block:24px 48px}.demo-tools summary{min-height:44px;align-content:center}.demo-tools label{display:block;margin-top:12px}.demo-tools select{display:block;width:100%;margin-block:8px 12px;font-size:14px}
dialog{width:min(520px,calc(100% - 32px));max-height:calc(100% - 32px);padding:24px;background:var(--page);color:var(--text);border:1px solid var(--line);border-radius:4px}dialog::backdrop{background:rgb(0 0 0 / .45)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-top h2{font-size:24px}.dialog-top button{display:grid;place-items:center;width:44px;height:44px;background:transparent;color:var(--text);border:0}dialog label{display:block;font-size:14px;margin-bottom:8px}dialog textarea{width:100%;resize:vertical;background:var(--page);color:var(--text);border:1px solid var(--line);border-radius:2px;padding:12px;font-size:16px}dialog .button{width:100%;margin-top:16px}.error{color:var(--danger);font-size:14px;margin-top:8px}
@media(max-width:600px){.app-demo main,.app-demo .masthead{padding-inline:20px}.demo-notice{margin-block:12px 20px;font-size:12px}.app-screen h1{font-size:28px}.deadline{margin-block:16px 20px}.app-stake{margin-top:20px}.demo-tools{margin-top:16px}}