/* Concept B. Header chrome stays ink; receipts use the site's paper. */
@font-face{font-family:'Bell Wavefont';src:url('/fonts/qh-wavefont.woff2') format('woff2');font-weight:520;font-display:swap}
.qh-bell-pill,.qh-bell-fallback{box-sizing:border-box;flex:none;align-items:center;gap:10px;min-height:44px;padding:0 12px 0 8px;border:1px solid #4C4666;background:transparent;color:#F1F4FF;font:500 14px/1.2 'Author','Author Fallback',sans-serif;white-space:nowrap;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer}
html body .qh .qh-bell-pill{display:none}
html body .qh .qh-bell-fallback{display:flex;margin-left:auto;padding-inline:12px}
@supports selector(:popover-open){html body .qh .qh-bell-pill{display:flex;margin-left:auto}html body .qh .qh-bell-fallback{display:none}}
html body .qh .qh-bell-pill:hover,html body .qh .qh-bell-pill[aria-expanded="true"]{border-color:#F1F4FF}
html body .qh .qh-bell-pill:active{background:#211B40}
.qh-bell-ring{display:block;flex:none;width:30px;height:30px;max-width:none;margin:0}
.qh-bell-progress{stroke-dasharray:var(--bell-progress,0) 1;transition:stroke-dasharray 1s linear}
.qh-bell-live{display:flex;align-items:center;gap:8px}
.qh-bell-live[hidden],.qh-bell-static[hidden]{display:none}
.qh-bell-session{font:500 12px/1.2 'Martian Mono',monospace;color:#C3C4D8}
.qh-bell-divider{height:18px;width:1px;background:#4C4666}
.qh-bell-countdown{font:500 12px/1.3 'Martian Mono',monospace;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}
.qh-bell-unit{color:#C3C4D8;font-size:.9em}
.qh-bell-countdown [data-bell-unit]{display:inline-block;min-width:2ch}
.qh-bell-countdown number-flow{font:inherit;--number-flow-char-height:1.3;--number-flow-mask-height:.15em}
#qh-bell-pill .qh-bell-session,#qh-bell-pill .qh-bell-session *,#qh-bell-pill .qh-bell-countdown,#qh-bell-pill .qh-bell-countdown *{font-family:'Martian Mono',monospace!important;letter-spacing:0!important}
@media(max-width:1023px){.qh-bell-seconds{display:none}}
html.ch2 body .qh .in{flex-wrap:nowrap}
html.ch2 body .qh .in>:is(.cta,.qh-payg-topup){white-space:nowrap}
html.ch2 body .qh .qh-language{flex:none}
html.ch2 body .qh .qh-new{display:none}
@media(min-width:1100px) and (max-width:1440px){html.ch2 body .qh .qh-discord{width:44px;padding:0}html.ch2 body .qh .qh-discord span{display:none}}
@media(max-width:600px){
 html.ch2 body .qh .in>:is(.cta,.qh-discord,.qh-language,.qh-payg-topup){display:none!important}
 html.ch2 body .qh .in>#qh-bell-fallback{display:flex!important}
 html.ch2 body .qh .in>#qh-bell-pill{display:none!important}
 @supports selector(:popover-open){html.ch2 body .qh .in>#qh-bell-pill{display:flex!important}html.ch2 body .qh .in>#qh-bell-fallback{display:none!important}}
 html.ch2 body .qh .qh-bell-pill{gap:6px;min-height:48px;padding:0 8px 0 5px;margin-left:auto}
 html.ch2 body .qh .mark{margin-right:0}
 html.ch2 body .qh .menu{margin-left:0}
 .qh-bell-ring{width:28px;height:28px}
 .qh-bell-live{display:grid;gap:3px;text-align:left}
 .qh-bell-session{font-size:10px}
 .qh-bell-countdown{font-size:12px}
 .qh-bell-divider,.qh-bell-desktop{display:none}
 .qh-bell-static,.qh-bell-fallback{font-size:12px;line-height:1.3}
 .qh-bell-static span,.qh-bell-fallback span{display:block}
}
/* ID scope protects the receipt from each page's section, svg, h2 and dl rules. */
#qh-bell-receipt{box-sizing:border-box;position:fixed;inset:88px 24px auto auto;margin:0;padding:0;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #D8D8E3;border-radius:0;background:#FAFAF7;color:#180B51;box-shadow:0 18px 44px rgba(24,11,81,.18);font:500 15px/1.4 'Author','Author Fallback',sans-serif;letter-spacing:0;text-transform:none;text-align:left;color-scheme:light;scrollbar-color:#665E7B #FAFAF7}
#qh-bell-receipt *{box-sizing:border-box}
#qh-bell-receipt .qh-receipt-head{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;border-bottom:1px solid #D8D8E3}
#qh-bell-receipt h2{margin:0;font:600 18px/1.3 'Author','Author Fallback',sans-serif;color:inherit;letter-spacing:0}
#qh-bell-receipt .qh-receipt-head button{min-width:44px;min-height:44px;padding:8px;border:0;border-radius:0;background:none;color:#180B51;font:500 14px 'Author','Author Fallback',sans-serif;cursor:pointer}
#qh-bell-receipt :is(section,.qh-receipt-status){display:block;position:static;min-height:0;max-width:none;width:auto;margin:0;padding:14px 16px;border:0;border-bottom:1px solid #D8D8E3;background:none;color:inherit}
#qh-bell-receipt h3{margin:0 0 7px;font:500 14px/1.3 'Author','Author Fallback',sans-serif;color:#5B5878;letter-spacing:0;text-transform:none}
#qh-bell-receipt p{margin:5px 0 0;font:inherit;color:inherit}
#qh-bell-receipt .qh-receipt-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#qh-bell-receipt strong{font:600 16px/1.3 'Author','Author Fallback',sans-serif;color:inherit}
#qh-bell-receipt time,#qh-bell-receipt .qh-receipt-note{font:500 13px/1.45 'Author','Author Fallback',sans-serif;color:#5B5878}
#qh-bell-receipt .qh-receipt-amount{margin:9px 0 2px;font:500 29px/1.2 'Martian Mono',monospace;letter-spacing:-.03em;white-space:nowrap}
#qh-bell-receipt .qh-receipt-unit{font:italic 400 18px/1.3 'EB Garamond',Georgia,serif;color:#5B5878}
#qh-bell-receipt dl{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin:12px 0 0;padding:0;border:0;font:500 14px/1.4 'Author','Author Fallback',sans-serif}
#qh-bell-receipt dt{margin:0;color:#5B5878}
#qh-bell-receipt dd{margin:0;text-align:right;font:400 12px/1.6 'Martian Mono',monospace;color:#180B51}
#qh-bell-receipt a{color:#180B51;text-decoration:underline;text-underline-offset:3px}
#qh-bell-receipt .qh-receipt-wave{display:block;margin:12px 0 3px;font:520 34px/1 'Bell Wavefont',monospace;letter-spacing:3px;font-variation-settings:'ROND' 40,'YELA' -100;color:#665E7B;white-space:nowrap}
#qh-bell-receipt .qh-receipt-wave span:last-child{color:#180B51}
#qh-bell-receipt .qh-receipt-countdown{font:400 14px/1.4 'Martian Mono',monospace}
#qh-bell-receipt .qh-receipt-amount,#qh-bell-receipt .qh-receipt-countdown,#qh-bell-receipt dd{font-family:'Martian Mono',monospace!important}
#qh-bell-receipt .qh-receipt-go{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;font-weight:600;text-decoration:none}
#qh-bell-receipt :is(a,button):focus-visible{outline:2px solid #180B51;outline-offset:-3px}
#qh-bell-receipt::selection,#qh-bell-receipt ::selection{background:#180B51;color:#FAFAF7}
@media(max-width:600px){
 #qh-bell-receipt{inset:auto 8px var(--qh-dock-clearance,calc(80px + env(safe-area-inset-bottom,0px))) 8px;width:auto;max-width:none;max-height:calc(100dvh - var(--qh) - 90px - env(safe-area-inset-bottom,0px));border-radius:20px 20px 4px 4px;box-shadow:0 -12px 36px rgba(24,11,81,.18)}
 #qh-bell-receipt::backdrop{background:transparent}
 #qh-bell-receipt .qh-receipt-amount{font-size:27px}
}
@media(prefers-reduced-motion:no-preference){
 #qh-bell-receipt:popover-open{animation:qh-receipt-in .15s cubic-bezier(.2,.8,.2,1)}
 @keyframes qh-receipt-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.qh-bell-progress{transition:none!important}#qh-bell-receipt{animation:none!important}}
/* The existing contract table must scroll inside the reading column at tablet widths. */
@media(min-width:861px) and (max-width:1099px){html.ch2 body.docs2 table.wide{display:block;max-width:100%;overflow-x:auto}}

.qh-bell-backdrop{display:none}
@media(min-width:601px) and (max-width:860px){
 html.ch2 body .qh .in>:is(.cta,.qh-discord,.qh-language,.qh-payg-topup){display:none!important}
}
@media(max-width:600px){
 html:has(#qh-bell-receipt:popover-open) .qh-bell-backdrop{display:block;position:fixed;inset:0 0 var(--qh-bell-dock-height,0px);z-index:55;background:rgba(14,10,43,.35)}
}
