:root{--ff-system:system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Arabic", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--ff-system-serif:ui-serif, "New York", Georgia, "Times New Roman", serif;--ff-body:var(--ff-system);--ff-disp:var(--ff-system);--ff-serif:var(--ff-system-serif)}.serif-grad{font-family:var(--ff-serif);font-style:italic;font-weight:400}[dir=rtl] .serif-grad{font-family:var(--ff-body);font-style:normal;font-weight:400}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:var(--ff-body);font-weight:700}.mono,.amt,.figure,.dash-figure b,.dash-stat b,.earn-hero-text b{font-variant-numeric:tabular-nums}[dir=rtl] .eyebrow,[dir=rtl] .field>label{letter-spacing:0;text-transform:none;font-weight:700}
:root{--reading:860px;--canvas:1200px;--step-0:clamp(13px, 12.2px + .2vw, 15px);--step-1:clamp(15px, 14.2px + .2vw, 17px);--step-2:clamp(17px, 16px + .25vw, 19px);--step-3:clamp(19px, 17.4px + .4vw, 22px);--step-4:clamp(22px, 19.2px + .7vw, 28px);--step-5:clamp(30px, 23.6px + 1.6vw, 44px);--gutter:clamp(16px, 3.2vw, 28px);--block-gap:clamp(22px, 2.6vw, 38px);--dialog-sm:400px;--dialog-md:496px;--dialog-lg:560px;--dialog-xl:760px}.wrap{width:min(var(--measure,var(--canvas)), 100% - var(--gutter) * 2);margin-inline:auto}.wrap-md{width:min(var(--measure,1020px), 100% - var(--gutter) * 2);margin-inline:auto}.wrap-sm{width:min(var(--measure,720px), 100% - var(--gutter) * 2);margin-inline:auto}@media (max-width:700px){.wrap,.wrap-md,.wrap-sm{padding-inline:0}}@media (max-width:1180px){input,textarea,select{font-size:max(16px,1em)}}#view-tickets,#view-activity,#view-invoices,#view-reports,#view-report,#view-groups,#view-group,#view-messages,#view-friends,#view-legal,#view-processing,#view-done,#view-checkout,#view-dates,#view-host,#view-earnings,#view-host-acts,#view-host-new,#view-host-shorts,#view-hub,#view-incoming,#view-checkin,#view-hreviews,#view-hpackages,#view-hpartners,#view-hprograms,#view-hstories,#view-hsettings,#view-htrash{--measure:var(--reading)}.status-state-page{max-width:var(--reading);margin-inline:auto}.confirm-box,.sent-pop,.pt-card,.people-confirm,.folder-confirm{width:min(var(--dialog-sm), 92vw)}.earn-ack-card,.adm-gate .co-card{max-width:var(--dialog-sm);width:100%}.modal,.modal-pos,.report-box,.mng-card,.proc-card,.gift-preview,.cp-sheet{width:min(var(--dialog-md), 94vw)}.rating-sheet{width:min(var(--dialog-md), 100vw)}.fs-sheet{width:min(var(--dialog-lg), 94vw)}.hb-sheet{width:min(var(--dialog-lg), 96vw)}.sheet{width:min(var(--dialog-lg), 100vw)}.rep-sheet-card,.sh-sheet,.story-tray,.invoice-doc{width:min(var(--dialog-lg), 100%)}.sf-editor.narrow{width:min(var(--dialog-lg), 94vw)}.sf-editor{width:min(var(--dialog-xl), 96vw)}.modal,.confirm-box,.sent-pop,.pt-card,.proc-card,.report-box,.cp-sheet,.fs-sheet,.sf-editor,.gift-preview,.invoice-doc{border-radius:var(--r-lg)}@media (min-width:700px){.rating-sheet{border-radius:var(--r-lg)}}@media (min-width:721px){.rep-sheet-card{border-radius:var(--r-lg)}}@media (min-width:720px){.sheet{border-radius:var(--r-lg)}}.modal .r-actions,.confirm-box .r-actions,.sent-pop .r-actions,.pt-card .r-actions,.hb-confirm-row,.sf-confirm-row,.acct-editor-actions,.invoice-doc-actions,.people-confirm>div,.folder-confirm>div{flex-wrap:wrap;align-items:stretch;gap:10px;width:100%;margin-top:18px;display:flex}.modal .r-actions>.btn,.confirm-box .r-actions>.btn,.sent-pop .r-actions>.btn,.pt-card .r-actions>.btn,.hb-confirm-row>.btn,.sf-confirm-row>.btn,.acct-editor-actions>.btn,.invoice-doc-actions>.btn,.people-confirm>div>.btn,.folder-confirm>div>.btn{flex:calc(50% - 7px);justify-content:center;min-width:min-content}@media (min-width:1180px){:is(.dash-attention:has(>:nth-child(2)),.gift-shelf:has(>:nth-child(2))){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}}body{font-size:var(--step-2)}.hint,.dash-hint,.status-state p{font-size:var(--step-1)}.eyebrow{font-size:var(--step-0)}h1{font-size:var(--step-5)}h2{font-size:clamp(25px,20.6px + 1.1vw,34px)}h3,.dash-heading{font-size:var(--step-4)}h4{font-size:var(--step-3)}[lang=ar] body{font-size:calc(var(--step-2) * 1.06)}[lang=ar] .hint,[lang=ar] .dash-hint,[lang=ar] .status-state p{font-size:calc(var(--step-1) * 1.06)}.dash-block{margin-block-end:var(--block-gap)}@media (min-width:1500px){:root{--canvas:1320px}}@media (min-width:701px) and (max-height:820px){.view{padding-block:calc(96px + var(--call-bar,0px)) 64px}}@media (pointer:coarse) and (min-width:701px){.btn,.icon-btn,.chip,.tab{min-height:44px}}
