/* RR app DEMO MODE 1.8.12 */
:root{--dmh:34px}
html.rrdemo body{padding-top:var(--dmh)}
html.rrdemo header.top{top:var(--dmh)}
html.rrdemo #rrqb{top:var(--dmh)!important}
#dmbar{position:fixed;top:0;left:0;right:0;z-index:2147483000;display:flex;align-items:center;gap:8px;padding:4px 8px;padding-top:max(4px,env(safe-area-inset-top));
 background:repeating-linear-gradient(135deg,#F2B705 0 14px,#E5A800 14px 28px);color:#231F1C;font:600 12px/1.2 -apple-system,system-ui,sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#dmbar .dmtag{display:flex;align-items:center;gap:6px;background:#231F1C;color:#fff;border:0;border-radius:6px;padding:5px 8px;font:800 12px/1 system-ui,sans-serif;letter-spacing:.08em}
#dmbar .dmtag span{font-weight:600;letter-spacing:0;color:#F2B705}
#dmbar .dmfake{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dmbar .dmfbbtn{background:#fff;color:#231F1C;border:1px solid #231F1C;border-radius:14px;padding:5px 10px;font:700 12px/1 system-ui,sans-serif;white-space:nowrap}
.dmsheet{position:fixed;inset:0;z-index:2147483001;background:rgba(20,16,14,.55);display:flex;align-items:flex-end;justify-content:center}
.dmcard{background:#fff;width:100%;max-width:560px;max-height:88vh;overflow:auto;border-radius:18px 18px 0 0;padding:16px 16px max(16px,env(safe-area-inset-bottom));box-sizing:border-box;font-family:-apple-system,system-ui,sans-serif;color:#231F1C}
.dmhd{display:flex;align-items:center;justify-content:space-between}.dmhd h2{margin:0;font-size:20px}
.dmx{border:0;background:#f1eeeb;border-radius:50%;width:34px;height:34px;font-size:16px}
.dmp{font-size:15px;line-height:1.4}.dmsmall{font-size:12.5px;color:#6b625b;line-height:1.4}
.dmscr{display:flex;align-items:center;gap:8px;margin:12px 0}.dmscr span{font-size:12px;font-weight:700;color:#6b625b;text-transform:uppercase}
.dmscr input{flex:1;border:1px solid #ddd;border-radius:10px;padding:9px 10px;font-size:15px;font-weight:600}
.dmvote{display:flex;gap:8px;margin-bottom:10px}.dmv{flex:1;border:1.5px solid #ddd;background:#fff;border-radius:12px;padding:12px;font-size:15px;font-weight:600}
.dmv[aria-pressed="true"]{border-color:#B5322A;background:#fbeceb;color:#B5322A}
#dmtext{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:12px;padding:10px;font:15px/1.4 system-ui,sans-serif;resize:vertical}
.dmbtn{display:block;width:100%;margin-top:10px;border:1.5px solid #231F1C;background:#fff;color:#231F1C;border-radius:12px;padding:12px;font-size:15px;font-weight:700}
.dmbtn.dmpri{background:#B5322A;border-color:#B5322A;color:#fff}.dmbtn.dmwarn{border-color:#B5322A;color:#B5322A}
.dmrow{display:flex;gap:8px}.dmrow .dmbtn{flex:1}
.dmroles{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.dmrole{text-align:left;border:1.5px solid #ddd;background:#fff;border-radius:12px;padding:11px 12px;font-family:inherit;color:#231F1C}
.dmrole b{display:block;font-size:16px}.dmrole small{display:block;color:#6b625b;margin-top:2px;font-size:13px}.dmrole.on{border-color:#B5322A;background:#fbeceb}
.dmchk{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:14px}
.dmlist{margin:10px 0}.dmit{border-bottom:1px solid #eee;padding:8px 0;font-size:14px}.dmit small{color:#6b625b}.dmdel{border:0;background:none;color:#B5322A;font-size:13px;padding:4px 0}
#dmpick{position:fixed;inset:0;z-index:2147482999;background:#fff;overflow:auto;padding-top:var(--dmh);font-family:-apple-system,system-ui,sans-serif;color:#231F1C}
.dmpickin{max-width:480px;margin:0 auto;padding:24px 18px}.dmpickin h1{margin:6px 0;font-size:26px}.dmpickin p{font-size:15px;line-height:1.45}
.dmlogo{width:160px;display:block;margin:10px auto 6px}.dmrole.big{display:block;width:100%;margin:10px 0;padding:16px}.dmrole.big b{font-size:18px;color:#B5322A}
#dmtoast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);z-index:2147483002;background:#231F1C;color:#fff;padding:10px 14px;border-radius:12px;font:14px system-ui,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s;max-width:86vw}
#dmtoast.on{opacity:1}
html.rrdemo #walk,html.rrdemo #repview,html.rrdemo .modal,html.rrdemo #p187,html.rrdemo .sugdlg,html.rrdemo #rr-off,html.rrdemo #splash{top:var(--dmh)!important}
/* the app's own upload bar (#rrqb) stacks under the DEMO bar */
html.rrdemo body.rrqb{padding-top:calc(var(--dmh) + var(--qbh,40px))}
html.rrdemo body.rrqb header.top{top:calc(var(--dmh) + var(--qbh,40px))}
html.rrdemo body.walking.rrqb #walk{top:calc(var(--dmh) + var(--qbh,40px))!important}
html.rrdemo #rrtut-q{top:calc(env(safe-area-inset-top) + 28px + var(--dmh))!important}
html.rrdemo body.rrqb #rrtut-q{top:calc(env(safe-area-inset-top) + 28px + var(--dmh) + var(--qbh,40px))!important}
html.rrdemo .demo-ribbon{display:none!important}