/* REFERRALS: YOUR LINK, YOU EARNED, PAID IN $QUIT and INVITE A CREATOR (office-referrals.js), built to the approved r1
   comp (owner note S19, 25 Oct 2026). Sizes are the comp's at 1440 (cap heights: panel titles 34, rate figures 31, YOU
   EARNED 60, labels and key labels 16 to 19 CSS px); each rule below overrides the office.css rule of the same name.
   Faces only through the tokens: titles in the pixel role, figures, labels and keys in the display role, sentences and
   addresses in the body face. Titles, YOU EARNED, the rate sentences and the addresses are fitted to one line by
   office-referrals.js (fitLines) in whatever face loaded; --qo-fit-min is where a line stops shrinking and wraps. */
/* Bio Hub: approved desktop composition, with clean display type isolated from the office's pixel faces. */
@font-face{font-family:"Anton";src:url(/theme/fonts/billboard-1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
.qo-bio-hub{--bio-display:"Anton","Impact","Arial Black","Inter",system-ui,sans-serif;--bio-mono:"Office Mono","IBM Plex Mono",ui-monospace,monospace;margin-top:18px;padding:14px 16px 18px;font:400 14px/1.5 var(--bio-mono);color:#d3f5e5}
.qo-bio-hub .qo-bio-header>p{max-width:105ch;font:400 13px/1.65 var(--bio-mono)}
.qo-bio-hub .qo-bio-header>.qo-bio-eyebrow{margin-bottom:8px;color:#a6b4a6;font-size:11px;letter-spacing:.08em}
.qo .qo-bio-hub h2{margin:0 0 10px;color:#ff6500;font:400 clamp(30px,3vw,44px)/1.15 var(--bio-display);letter-spacing:.025em;text-shadow:none}
.qo-bio-bar{display:grid;gap:12px;margin:16px 0 20px;padding-bottom:16px;border-bottom:2px solid #284d38}
.qo-bio-hub label{margin:0;color:#d3f5e5;font:600 12px/1.4 var(--bio-mono)}
.qo .qo-bio-hub .qo-input{min-height:36px;padding:6px 10px;border:1px solid #375544;border-image:none;border-radius:4px;background:#020a06;color:#f5eed5;box-shadow:inset 0 2px 5px #000;font:400 14px/1.4 var(--bio-mono)}
.qo-bio-copy{display:flex;align-items:stretch;gap:10px;min-width:0}
.qo .qo-bio-copy input.qo-input{flex:1;min-width:0;min-height:52px;padding:10px 16px;border:2px solid #2f4c3b;font-size:20px}
.qo-bio-domain-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;min-width:0}
.qo-bio-domain-field>label{grid-column:1;color:#a6b4a6;font-size:12px}
.qo-bio-domain-pills{grid-column:1/-1;grid-row:2;display:flex;gap:6px;min-width:0;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;scrollbar-color:#375544 #020a06}
.qo-bio-domain-pill{position:relative;flex:1 0 auto;min-height:38px;padding:7px 12px;border:1px solid #2e4a3a;border-radius:4px;background:#07150e;box-shadow:inset 0 1px 0 #6a7b6e55,inset 0 -2px 0 #000;color:#d3f5e5;font:400 13px/1.4 var(--bio-mono);white-space:nowrap}
.qo-bio-domain-pill.is-active{border-color:#ff6500;background:#ff6500;color:#140800;font-weight:700;box-shadow:inset 0 1px 0 #ffb376,inset 0 -2px 0 #ab3900}
.qo .qo-bio-hub .qo-bio-domain{grid-column:2;grid-row:1;width:190px;min-height:30px;padding:3px 8px;font-size:11px}
.qo-bio-badge{color:#00ed80;font:600 10px/1.4 var(--bio-mono);letter-spacing:.06em}
.qo-bio-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.qo-bio-editor{min-width:0}
.qo-bio-editor-head{display:flex;align-items:baseline;gap:16px;margin-bottom:14px}
.qo .qo-bio-editor-head h2{flex:none;margin:0;font-size:32px}
.qo-bio-editor-head>p{max-width:52ch;font:400 11px/1.5 var(--bio-mono)}
.qo-bio-profile-fields{display:grid;gap:8px}
.qo-bio-profile-fields label{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;align-items:center;margin:0}
.qo-bio-presets{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px}
.qo-bio-hub .qo-btn{position:relative;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:10px 16px 12px;border:0 solid transparent;border-radius:0;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/8px 10px stretch;background:none;color:#00ed80;font:400 18px/1.25 var(--bio-display);letter-spacing:.035em;text-align:center;text-decoration:none}
.qo-bio-hub .qo-btn-primary{border-image-source:url(/runtime/quit/deck-art/key-orange.webp);border-image-slice:22 24 34 fill;color:#140800}
.qo-bio-hub .qo-btn-copy,.qo-bio-hub .qo-btn-add{box-shadow:inset 0 0 0 2px #00ed8080,inset 0 0 12px #00ed8026}
.qo-bio-hub .qo-btn::after,.qo-bio-domain-pill.is-active::after{--bio-rivet:radial-gradient(circle,#000 2.5px,#0000 3px) no-repeat;content:"";position:absolute;inset:1px;border:0 solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50/12px 14px stretch;mask:var(--bio-rivet) 3px 3px/7px 7px,var(--bio-rivet) calc(100% - 3px) 3px/7px 7px,var(--bio-rivet) 3px calc(100% - 3px)/7px 7px,var(--bio-rivet) calc(100% - 3px) calc(100% - 3px)/7px 7px;pointer-events:none}
.qo-bio-hub .qo-btn:active:not(:disabled),.qo-bio-domain-pill:active{transform:translateY(1px)}
.qo-bio-hub .qo-btn:disabled{cursor:not-allowed}
.qo-bio-hub .qo-btn:hover:not(:disabled),.qo-bio-domain-pill:hover{filter:brightness(1.15)}
.qo-bio-copy .qo-btn{flex:0 0 auto;min-width:100px;font-size:18px}
.qo-bio-presets .qo-btn{min-height:34px;padding:4px 8px;border:1px solid #2e4a3a;border-image:none;border-radius:4px;background:#07150e;color:#d3f5e5;font:600 10px/1.3 var(--bio-mono);letter-spacing:0}
.qo-bio-presets .qo-btn::after{content:none}
.qo-bio-links-list{display:grid;border-top:1px solid #284d38}
.qo .qo-bio-link-row{display:grid;grid-template-columns:26px 36px 96px minmax(90px,1fr) minmax(100px,1.3fr) 16px 34px;align-items:center;gap:7px;min-width:0;margin:0;padding:6px 0;border:0;border-bottom:1px solid #284d38}
.qo-bio-link-row label{min-width:0;margin:0}
.qo .qo-bio-link-row .qo-input{height:36px;padding:6px 8px;font-size:12px}
.qo .qo-bio-link-row .qo-bio-kind{padding-inline:5px;font-size:11px}
.qo .qo-bio-link-row .qo-bio-label{font-weight:600}
.qo-bio-num{display:grid;place-items:center;width:26px;height:26px;border:1px solid #42694e;border-radius:50%;background:#020b06;box-shadow:inset 0 0 0 2px #0c2115,0 0 5px #00ed801a;color:#d3f5e5;font:600 13px/1 var(--bio-mono)}
.qo-bio-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #ffffff2b;border-radius:7px;background:#059669;box-shadow:inset 0 1px 1px #ffffff38,0 1px 3px #000;color:#fff}
.qo-bio-icon svg{display:block;width:23px;height:23px;max-width:100%}
.qo-bio-icon[data-kind="onlyfans"]{background:#00aff0}
.qo-bio-icon[data-kind="fansly"]{background:#1da1f2}
.qo-bio-icon[data-kind="instagram"]{background:#181818}
.qo-bio-icon[data-kind="tiktok"],.qo-bio-icon[data-kind="x"],.qo-bio-icon[data-kind="threads"]{background:#060606}
.qo-bio-icon[data-kind="telegram"]{background:#26a5e4}
.qo-bio-icon[data-kind="youtube"]{background:#f00}
.qo-bio-icon[data-kind="throne"]{background:#7c3aed}
.qo-bio-icon[data-kind="twitch"]{background:#9146ff}
.qo-bio-icon:empty::before{content:"";width:22px;height:22px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18M5 6h14M5 18h14'/%3E%3C/svg%3E")}
.qo-bio-icon[data-kind="onlyfans"]::before,.qo-bio-icon[data-kind="fansly"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='4' y='10' width='16' height='12' rx='3' fill='white' stroke='none'/%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3'/%3E%3Ccircle cx='12' cy='15' r='1.5' fill='%2300aff0' stroke='none'/%3E%3Cpath d='M12 15v3' stroke='%2300aff0'/%3E%3C/svg%3E")}
.qo-bio-icon[data-kind="throne"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='m3 6 5 5 4-8 4 8 5-5-3 12H6L3 6Zm3 14h12v2H6z'/%3E%3C/svg%3E")}
.qo-bio-icon[data-kind="twitch"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M4 2 2 6v16h6v2l4-4h5l5-5V2H4Zm16 12-4 4h-5l-3 3v-3H4V4h16v10Z'/%3E%3Cpath d='M10 7h2v6h-2zm5 0h2v6h-2z'/%3E%3C/svg%3E")}
.qo-bio-icon--sm{width:28px;height:28px;border-radius:5px}
.qo-bio-icon--sm svg,.qo-bio-icon--sm:empty::before{width:20px;height:20px}
.qo-bio-presets .qo-bio-icon--sm{width:20px;height:20px;border-radius:4px}
.qo-bio-presets .qo-bio-icon--sm svg,.qo-bio-presets .qo-bio-icon--sm:empty::before{width:15px;height:15px}
.qo-bio-grip{width:16px;height:24px;background:radial-gradient(circle,#8d9b90 1.5px,#000 2px,transparent 2.5px) 0 0/8px 8px;opacity:.8}
.qo-bio-hub .qo-bio-remove{width:34px;min-height:34px;height:34px;padding:0;border:0;border-image:none;border-radius:4px;background:transparent;color:#9aa89d}
.qo-bio-hub .qo-bio-remove::after{content:none}
.qo-bio-remove::before{content:"";width:20px;height:22px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa89d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7M14 10v7'/%3E%3C/svg%3E")}
.qo-bio-hub .qo-bio-remove:hover{background:#24120d}
.qo-bio-actions{display:flex;justify-content:space-between;gap:14px;margin-top:14px}
.qo-bio-actions .qo-btn-add{min-width:170px}
.qo-bio-actions .qo-btn-primary{width:52%;font-size:23px}
.qo-bio-notice{margin-top:12px;font-size:13px;color:#00ed80}
.qo-bio-notice:empty{display:none}
.qo-bio-notice[data-tone="bad"]{color:#ff6860}
.qo-bio-preview{min-width:0;padding-left:16px;border-left:2px solid #284d38}
.qo-bio-preview-head{display:grid;gap:4px;margin:0 0 12px;text-align:center;font:600 10px/1.5 var(--bio-mono)}
.qo-bio-preview-head strong{color:#00ed80}
.qo-bio-preview-head small{color:#8eb59e;font-size:9px;letter-spacing:.04em}
.qo-bio-phone{position:relative;isolation:isolate;width:100%;max-width:300px;min-height:540px;margin:0 auto;padding:10px 12px 28px;border:6px solid #080b09;border-radius:38px;background:radial-gradient(ellipse at 50% 14%,#123e29 0,transparent 45%),#020a06;box-shadow:0 0 0 1px #a5aaa5,0 0 0 3px #303731,inset 0 0 0 1px #516057,0 12px 24px #0008;text-align:center;overflow-wrap:anywhere}
.qo-bio-phone::before{content:"";position:absolute;top:6px;left:50%;width:72px;height:20px;border:1px solid #101713;border-radius:14px;background:#000;transform:translateX(-50%)}
.qo-bio-phone::after{content:"";position:absolute;bottom:8px;left:50%;width:90px;height:4px;border-radius:4px;background:#e6eee9;transform:translateX(-50%)}
.qo-bio-statusbar{display:flex;justify-content:space-between;align-items:center;margin:0 7px 18px;color:#fff;font:600 10px/1.5 var(--bio-mono)}
.qo-bio-status-icons{font-size:9px}
.qo-bio-avatar{position:relative;width:84px;height:84px;margin:0 auto 9px;border:2px solid #00ed80;border-radius:50%;background:linear-gradient(#042b111c,#001c0c33),url(/runtime/go/art/cb-sc01-bambi-pregym.webp) 60% 21%/190% auto no-repeat,#112e22;box-shadow:0 0 20px #00ed8059}
.qo-bio-avatar>span{position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;min-width:25px;height:20px;padding:0 4px;border:1px solid #00ed80;border-radius:7px;background:#03180f;color:#d3f5e5;font:600 9px/1 var(--bio-mono)}
.qo .qo-bio-phone h3{color:#00ed80;font:400 18px/1.2 var(--bio-display);letter-spacing:.04em}
.qo-bio-hub .qo-bio-preview-name{margin:4px 0 0;color:#fff;font:800 22px/1.25 "Inter",system-ui,sans-serif}
.qo-bio-hub .qo-bio-preview-text{margin:7px 0 0;color:#d3f5e5;font:400 10px/1.55 var(--bio-mono)}
.qo-bio-hub .qo-bio-featured{display:block;margin:14px 0;padding:12px 10px 15px;border:0 solid transparent;border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/8px stretch;color:#140800;text-decoration:none;font:400 13px/1.35 var(--bio-display);letter-spacing:.02em}
.qo-bio-featured strong{font-weight:400}
.qo-bio-featured small{display:block;margin-top:5px;font:600 8px/1.5 var(--bio-mono);letter-spacing:0}
.qo .qo-bio-phone h4{display:flex;align-items:center;gap:9px;margin:14px 0 9px;color:#d3f5e5;font:400 15px/1.2 var(--bio-display);letter-spacing:.08em}
.qo-bio-phone h4::before,.qo-bio-phone h4::after{content:"";flex:1;height:1px;background:#2d543e}
.qo-bio-preview-links{display:grid;gap:6px}
.qo-bio-hub .qo-bio-preview-link{display:grid;grid-template-columns:28px minmax(0,1fr) 10px;align-items:center;gap:8px;min-height:52px;padding:6px;border:1px solid #637466;border-radius:6px;background:#020906;box-shadow:inset 0 0 0 2px #0c1d12;text-align:left;text-decoration:none}
.qo-bio-preview-link-body{min-width:0}
.qo-bio-preview-link strong,.qo-bio-preview-link b,.qo-bio-preview-link small{display:block}
.qo-bio-preview-link strong{color:#00ed80;font:400 11px/1.25 var(--bio-display);letter-spacing:.03em}
.qo-bio-preview-link b{margin:2px 0;color:#f5eed5;font:600 9px/1.4 var(--bio-mono)}
.qo-bio-preview-link small{color:#8eb59e;font:400 8px/1.3 var(--bio-mono)}
.qo-bio-chevron{color:#d3f5e5;font:400 19px/1 var(--bio-mono)}
@media(min-width:1600px){.qo-bio-grid{grid-template-columns:minmax(0,1fr) 330px}.qo-bio-editor-head>p{font-size:12px}.qo .qo-bio-link-row{grid-template-columns:26px 36px 116px minmax(130px,1fr) minmax(160px,1.3fr) 16px 34px;gap:10px}.qo .qo-bio-link-row .qo-input{font-size:14px}.qo .qo-bio-link-row .qo-bio-kind{font-size:12px}}
@media(max-width:1200px){.qo-bio-grid{grid-template-columns:minmax(0,1fr)}.qo-bio-preview{border-left:0;border-top:2px solid #284d38;padding:18px 0 0}.qo-bio-editor-head>p{max-width:none}}
@media(max-width:760px){.qo-bio-hub{padding:12px 8px}.qo-bio-hub .qo-bio-header>p{font-size:12px}.qo .qo-bio-hub h2{font-size:29px}.qo-bio-copy{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qo .qo-bio-copy input.qo-input{grid-column:1/-1;min-height:48px;padding:8px;font-size:16px}.qo-bio-domain-field{grid-template-columns:minmax(0,1fr);gap:8px}.qo-bio-domain-field>label{grid-column:1}.qo .qo-bio-hub .qo-bio-domain{grid-column:1;grid-row:3;width:100%;min-height:40px;font-size:14px}.qo-bio-domain-pill{min-height:42px;font-size:12px}.qo-bio-domain-pills{grid-column:1}.qo-bio-grid{gap:18px}.qo-bio-editor-head{display:block}.qo .qo-bio-editor-head h2{margin-bottom:6px;font-size:30px}.qo-bio-profile-fields label{grid-template-columns:100px minmax(0,1fr);gap:6px;font-size:11px}.qo .qo-bio-profile-fields .qo-input{min-height:42px;font-size:14px}.qo-bio-presets .qo-btn{min-height:40px;font-size:10px}.qo .qo-bio-link-row{grid-template-columns:26px 36px minmax(0,1fr) 16px 34px;gap:7px;padding:9px 0}.qo-bio-kind-field{grid-column:3;grid-row:1}.qo-bio-link-row>.qo-bio-grip{grid-column:4;grid-row:1}.qo-bio-link-row>.qo-bio-remove{grid-column:5;grid-row:1}.qo-bio-label-field{grid-column:1/-1;grid-row:2}.qo-bio-url-field{grid-column:1/-1;grid-row:3}.qo .qo-bio-link-row .qo-input{height:40px;font-size:14px}.qo .qo-bio-link-row .qo-bio-kind{font-size:11px}.qo-bio-actions{gap:8px}.qo-bio-actions .qo-btn-add{min-width:0;flex:1}.qo-bio-actions .qo-btn-primary{width:56%;font-size:18px}.qo-bio-hub .qo-btn{padding-inline:10px}.qo-bio-preview{padding:18px 3px 3px}.qo-bio-phone{max-width:290px}.qo-bio-preview-head{font-size:10px}}
.qo-referrals>.qo-panel{padding:8px 6px 8px 10px;container-type:inline-size}
.qo-referrals h2{font-size:clamp(34px,3.75vw,56px);line-height:1;margin:-8px 0 14px}
/* A copy field: the address in r1's grey bezel (the bay plate) beside COPY. The read-only field that names it for
   assistive technology is hidden visually; when it has focus (the keyboard, or the office selecting it when the
   clipboard refuses) the drawn address shows the focus. */
.qo-copy-fit{position:relative;gap:10px}
.qo .qo-referrals .qo-copy-fit>input:not([type="checkbox"]){position:absolute;left:0;top:0;width:1px;height:1px;min-height:0;margin:0;padding:0;border:0;opacity:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.qo-copy-address{--qo-fit-min:14px;flex:1 1 auto;display:block;align-content:center;min-width:0;min-height:58px;padding:6px 12px;border:8px solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/8px stretch;color:var(--o-ink);font:400 19px/1.25 var(--o-body);overflow-wrap:anywhere;user-select:all}
.qo-copy-fit:has(>input:focus)>.qo-copy-address{background:#0b3a22;background-clip:padding-box}
.qo-copy-fit:has(>input:focus-visible)>.qo-copy-address{outline:2px solid var(--o-green);outline-offset:2px}
.qo-referrals .qo-copy .qo-key{min-width:92px;min-height:58px;padding:8px 14px 12px;font-size:26px}
/* The three rates share one figure column, r1's 120 px or as wide as the widest figure, so a longer rate never runs
   into its sentence; each sentence holds one line and is set smaller (to 14 px) before it wraps. */
.qo-referral-rates{display:grid;grid-template-columns:minmax(clamp(96px,8.2vw,118px),max-content) minmax(0,1fr);column-gap:10px;margin-top:14px;border-top:1px solid #396849}
.qo-referral-rates>div{grid-column:1/-1;grid-template-columns:subgrid;gap:0 10px;min-height:60px;padding:4px 0}
.qo-referral-rates dt{font-size:clamp(36px,3.05vw,44px);line-height:1}
.qo-referral-rates dd{--qo-fit-min:14px;font-size:16px;line-height:1.35}
.qo-referral-link>.qo-muted{margin-top:8px;font-size:16px}
.qo-referral-earned h2{margin-bottom:6px}
/* r1 sets the lower two titles closer to their plates, and the two sentences of PAID IN $QUIT on tighter leading. */
.qo-referral-mode h2,.qo-referral-invite h2{margin-bottom:6px}
/* YOU EARNED: centred under its title, as big as the comp, one line (set smaller when a long total needs it). */
.qo .qo-paid-total{font-size:86px;line-height:1.04;letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:anywhere}
.qo .qo-sol-value{margin:4px 0 10px;font-size:19px}
.qo-referral-stats>div{min-height:54px;padding:6px 0}
.qo-referral-stats dt{font-size:23.5px;line-height:1.1}
.qo-referral-stats dd{font-size:22px;line-height:1.2}
/* PAID IN $QUIT: r1's two-half plate, the lit half about 140 of 246 px. */
.qo-payout-switch{width:246px;padding:6px;margin:0 0 10px}
.qo-payout-switch>.qo-key{width:60%;min-height:50px;padding:6px 8px 9px;font-size:26px}
.qo-referral-mode>p{font-size:18px;line-height:1.25}
.qo-referrals .qo-referral-mode>.qo-muted{margin-top:6px;font-size:17px;line-height:1.2}
.qo-share-kit{min-height:52px;margin:10px 0 8px;padding-block:6px 9px;font-size:26px}
.qo-invite-count{font-size:16px}
@media(max-width:760px){
 .qo-referrals>.qo-panel{padding:10px 7px}
 .qo-referrals h2{--qo-fit-min:22px;font-size:30px;margin:0 0 14px}
 /* On a phone COPY sits under the address, which takes the panel's whole width at the reading size and wraps after a
    slash, question mark or equals sign when it does not fit. */
 .qo-copy-fit{flex-wrap:wrap;gap:8px}
 .qo-copy-address{--qo-fit-min:16px;flex-basis:100%;min-height:52px;font-size:16px;line-height:1.35}
 .qo-referrals .qo-copy .qo-key{flex:1 1 100%;min-width:0;min-height:50px;padding:7px 10px 10px;font-size:20px}
 .qo-referral-rates{grid-template-columns:minmax(78px,max-content) minmax(0,1fr);column-gap:8px;margin-top:14px}
 .qo-referral-rates>div{gap:0 8px;min-height:58px}
 .qo-referral-rates dt{font-size:34px}
 .qo-referral-rates dd{--qo-fit-min:16px}
 .qo .qo-paid-total{font-size:58px}
 .qo .qo-sol-value{font-size:17px;margin-bottom:14px}
 .qo-referral-stats>div{min-height:48px}
 .qo-referral-stats dt{font-size:18px}
 .qo-referral-stats dd{font-size:17px}
 .qo-payout-switch{width:min(246px,100%)}
 .qo-payout-switch>.qo-key{min-height:48px;font-size:24px}
 .qo-referral-mode>p,.qo-referrals .qo-referral-mode>.qo-muted{font-size:16px;line-height:1.4}
 .qo-referral-mode h2,.qo-referral-invite h2{margin-bottom:14px}
 .qo-share-kit{min-height:56px;font-size:22px}
 .qo-invite-count{font-size:16px}
}