@font-face { font-family: 'Russo One'; font-style: normal; font-weight: 400; font-display: block; src: url('/runtime/go/art/russo-one-latin-400.woff2') format('woff2'); }
/* Russo One comes from a file the site serves itself: the office's font-src 'self' refuses a data: font, which drew
   the hub in a fallback face (owner, 26 Oct 2026). The bytes are the ones this rule embedded before. */
.qo-bio-platform-icon--instagram{background-color:#bf1689}
.qo-bio-platform-icon--onlyfans{background-color:#00aff0}
.qo-bio-platform-icon--fansly{background-color:#1da1f2}
.qo-bio-platform-icon--throne{background-color:#7031d4}
.qo-bio-platform-icon--twitch{background-color:#9146ff}
.qo-bio-platform-icon--website{background-color:#059669}
.qo-bio-platform-icon--instagram{background-size:100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22ig%22%20cx%3D%2220%25%22%20cy%3D%22105%25%22%20r%3D%22115%25%22%3E%3Cstop%20stop-color%3D%22%23ffdc80%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23f77737%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%23e1306c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23833ab4%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%225%22%20fill%3D%22url(%23ig)%22%2F%3E%3Cpath%20fill%3D%22white%22%20transform%3D%22translate(5%205)%20scale(.917)%22%20d%3D%22M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228%201.3877-.6652.6677-1.075%201.3368-1.3802%202.127-.2954.7638-.4956%201.6365-.552%202.914-.0564%201.2775-.0689%201.6882-.0626%204.947.0062%203.2586.0206%203.6671.0825%204.9473.061%201.2765.264%202.1482.5635%202.9107.308.7889.72%201.4573%201.388%202.1228.6679.6655%201.3365%201.0743%202.1285%201.38.7632.295%201.6361.4961%202.9134.552%201.2773.056%201.6884.069%204.9462.0627%203.2578-.0062%203.668-.0207%204.9478-.0814%201.28-.0607%202.147-.2652%202.9098-.5633.7889-.3086%201.4578-.72%202.1228-1.3881.665-.6682%201.0745-1.3378%201.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982%201.33%2020.628.9208%2019.8378.6165%2019.074.321%2018.2017.1197%2016.9244.0645%2015.6471.0093%2015.236-.005%2011.977.0014%208.718.0076%208.31.0215%207.0301.0839m.1402%2021.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814%201.3783-.9003.423-.1651%201.0575-.3614%202.227-.4171%201.2655-.06%201.6447-.072%204.848-.079%203.2033-.007%203.5835.005%204.8495.0608%201.169.0508%201.8053.2445%202.228.408.5608.216.96.4754%201.3816.895.4217.4194.6816.8176.9005%201.3787.1653.4217.3617%201.056.4169%202.2263.0602%201.2655.0739%201.645.0796%204.848.0058%203.203-.0055%203.5834-.061%204.848-.051%201.17-.245%201.8055-.408%202.2294-.216.5604-.4763.96-.8954%201.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953%205.5864A1.44%201.44%200%201%200%2018.39%204.144a1.44%201.44%200%200%200-1.437%201.4424M5.8385%2012.012c.0067%203.4032%202.7706%206.1557%206.173%206.1493%203.4026-.0065%206.157-2.7701%206.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156%202.771-6.1496%206.1738M8%2012.0077a4%204%200%201%201%204.008%203.9921A3.9996%203.9996%200%200%201%208%2012.0077%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--tiktok{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22q-pmark%22%20data-platform-mark%3D%22tiktok%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20fill%3D%22%2325F4EE%22%20transform%3D%22translate(-.5%20-.5)%22%20d%3D%22M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%22%2F%3E%3Cpath%20fill%3D%22%23FE2C55%22%20transform%3D%22translate(.5%20.5)%22%20d%3D%22M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--x{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22q-pmark%22%20data-platform-mark%3D%22x%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.234%2010.162%2022.977%200h-2.072l-7.591%208.824L7.251%200H.258l9.168%2013.343L.258%2024H2.33l8.016-9.318L16.749%2024h6.993zm-2.837%203.299-.929-1.329L3.076%201.56h3.182l5.965%208.532.929%201.329%207.754%2011.09h-3.182z%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--youtube{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22q-pmark%22%20data-platform-mark%3D%22youtube%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Crect%20x%3D%228.5%22%20y%3D%227.5%22%20width%3D%228%22%20height%3D%229%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23FF0000%22%20d%3D%22M23.498%206.186a3.016%203.016%200%200%200-2.122-2.136C19.505%203.545%2012%203.545%2012%203.545s-7.505%200-9.377.505A3.017%203.017%200%200%200%20.502%206.186C0%208.07%200%2012%200%2012s0%203.93.502%205.814a3.016%203.016%200%200%200%202.122%202.136c1.871.505%209.376.505%209.376.505s7.505%200%209.377-.505a3.015%203.015%200%200%200%202.122-2.136C24%2015.93%2024%2012%2024%2012s0-3.93-.502-5.814zM9.545%2015.568V8.432L15.818%2012l-6.273%203.568z%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--threads{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22q-pmark%22%20data-platform-mark%3D%22threads%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.263%2011.097c-.03-3.486-1.92-5.586-5.111-5.586-2.13%200-3.922.963-4.863%202.499l2.062%201.438c.535-.843%201.272-1.543%202.628-1.543%201.528%200%202.318.85%202.544%202.431a15%2015%200%200%200-2.236-.173c-4.125%200-6.068%201.867-6.068%204.336s1.943%203.99%204.804%203.99c3.139%200%205.013-2.115%205.781-4.735.798.361%201.348%201.204%201.348%202.47%200%203.387-3.907%205.232-7.22%205.232-4.885%200-8.077-3.207-8.077-8.424%200-6.392%204.223-10.487%209.9-10.487%203.808%200%205.69%201.671%206.97%203.914l2.108-1.475C21.44%202.078%2018.331%200%2013.663%200%206.227%200%201.168%205.277%201.168%2012.934c0%207%204.953%2011.066%2010.856%2011.066%204.878%200%209.809-2.846%209.809-7.716%200-2.545-1.46-4.231-3.569-5.187m-6.33%204.855c-1.077%200-2.026-.512-2.026-1.453%200-1.483%201.822-1.934%203.606-1.934.678%200%201.34.045%201.927.173-.422%201.927-1.671%203.215-3.508%203.214Z%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--telegram{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22q-pmark%22%20data-platform-mark%3D%22telegram%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211.5%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%2326A5E4%22%20d%3D%22M11.944%200A12%2012%200%200%200%200%2012a12%2012%200%200%200%2012%2012%2012%2012%200%200%200%2012-12A12%2012%200%200%200%2012%200a12%2012%200%200%200-.056%200zm4.962%207.224c.1-.002.321.023.465.14a.506.506%200%200%201%20.171.325c.016.093.036.306.02.472-.18%201.898-.962%206.502-1.36%208.627-.168.9-.499%201.201-.82%201.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184%203.247-2.977%203.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793%201.14-5.061%203.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663%203.498-1.524%205.83-2.529%206.998-3.014%203.332-1.386%204.025-1.627%204.476-1.635z%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--website{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M5%206h14M5%2018h14%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--throne{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22m3%206%205%205%204-8%204%208%205-5-3%2012H6L3%206Zm3%2014h12v2H6z%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--twitch{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M4%202%202%206v16h6v2l4-4h5l5-5V2H4Zm16%2012-4%204h-5l-3%203v-3H4V4h16v10Z%22%2F%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M10%207h2v6h-2zm5%200h2v6h-2z%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--fansly{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M8%205a7%207%200%201%200%207%207H9a1%201%200%201%201-1-1h3a6%206%200%200%200-3-6Zm5%200h10l-3%205h-4l-2%208h-5l4-13Z%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-platform-icon--onlyfans{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M8%205a7%207%200%201%200%207%207H9a1%201%200%201%201-1-1h3a6%206%200%200%200-3-6Zm5%200h10l-3%205h-4l-2%208h-5l4-13Z%22%2F%3E%3C%2Fsvg%3E")}
.qo-bio-trash-icon{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='%23a9b4ac' 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-referrals>.qo-panel{padding:8px 6px 8px 10px;container-type:inline-size}
/* Without YOU EARNED (the bio hub carries it), INVITE A CREATOR takes the second row whole. */
.qo-referrals--no-earned>.qo-referral-invite{grid-column:1/-1}
.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}
}
/* Approved desktop comp, 26 October 2026. The original raster supplies the
   authored metal, rivets, keys and phone photography. Text and controls stay live. */
.qo-bio-hub{--bio-display:'Russo One',sans-serif;--bio-mono:"Office Mono",monospace;--bio-green:#00f9a0;display:grid;gap:10px;margin:0 0 20px;color:#dce9e3;font:400 13px/1.4 var(--bio-mono)}
.qo-bio-top-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10px}
.qo-bio-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:0;align-items:stretch}
.qo-bio-hub .qo-panel{position:relative;isolation:isolate;border:0;border-image:none;padding:16px 24px 14px;background:#000e07;box-shadow:none;min-width:0}
.qo-bio-hub .qo-panel::after{content:none}
.qo-bio-hub .qo-panel::before{content:"";position:absolute;inset:0;z-index:-1;border:0;padding:14px;background-image:url(/runtime/quit/bio-art/office-source.png);background-size:calc(1672 / var(--art-w) * 100%) calc(941 / var(--art-h) * 100%);background-position:calc(var(--art-x) / (1672 - var(--art-w)) * 100%) calc(var(--art-y) / (941 - var(--art-h)) * 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:none;pointer-events:none}
.qo-bio-top-panel{--art-x:235;--art-y:79;--art-w:857;--art-h:343}
.qo-bio-earned{--art-x:1103;--art-y:79;--art-w:552;--art-h:343;display:flex;flex-direction:column}
.qo-bio-editor{--art-x:235;--art-y:434;--art-w:963;--art-h:483}
.qo-bio-preview{--art-x:1188;--art-y:434;--art-w:467;--art-h:483;overflow:hidden}
.qo .qo-bio-hub h2{margin:0 0 6px;color:#ff6500;font:400 clamp(27px,2.85vw,48px)/1.12 var(--bio-display);letter-spacing:.015em;white-space:nowrap;text-shadow:none}
.qo-bio-hub label{margin:0;color:#bfcecb;font:600 13px/1.25 var(--bio-mono)}
.qo .qo-bio-hub .qo-input{width:100%;min-width:0;min-height:32px;height:32px;padding:4px 12px;border:1px solid #49624c;border-image:none;border-radius:3px;background:#000b05;color:#e9eeee;box-shadow:inset 0 1px 3px #000;font:400 14px/1.4 var(--bio-mono)}
.qo .qo-bio-hub .qo-vh{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.qo-bio-copy-row{display:flex;gap:11px;align-items:stretch;margin:0 0 12px}
.qo-bio-url-box{position:relative;display:flex;align-items:center;flex:1;min-width:0;min-height:46px;padding:3px 17px;border:1px solid #35583d;border-radius:3px;background:#000b05}
.qo-bio-url-host{color:#edf5f6;font:400 clamp(18px,2.15vw,36px)/1.25 var(--bio-mono);overflow-wrap:anywhere;user-select:all}
.qo-bio-hub .qo-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 14px;border:0;border-radius:0;background:#001009;color:var(--bio-green);font:400 16px/1.2 var(--bio-display);text-align:center;text-decoration:none;cursor:pointer;box-shadow:none}
.qo-bio-hub :is(.qo-bio-copy,.qo-btn-add,.qo-bio-save)::before{content:"";position:absolute;inset:0;z-index:-1;padding:9px;background-image:url(/runtime/quit/bio-art/office-source.png);background-size:calc(1672 / var(--art-w) * 100%) calc(941 / var(--art-h) * 100%);background-position:calc(var(--art-x) / (1672 - var(--art-w)) * 100%) calc(var(--art-y) / (941 - var(--art-h)) * 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.qo-bio-hub .qo-bio-copy{--art-x:920;--art-y:157;--art-w:141;--art-h:54;flex:0 0 122px;min-height:46px;font-size:19px;background:#00140c}
.qo-bio-domain-field{position:relative;display:grid;gap:7px}
.qo-bio-domain-field>label{color:#a4aaa5;font-size:13px}
.qo-bio-domain-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.qo-bio-domain-pill{position:relative;min-width:0;min-height:32px;padding:5px 3px;border:1px solid #4d6151;border-radius:4px;background:#07120c;box-shadow:inset 0 1px 3px #6d7d7038,inset 0 -2px #000;color:#e0e8df;font:400 12px/1.3 var(--bio-mono);white-space:nowrap}
.qo-bio-domain-pill.is-on{border-color:#ff8425;background:#ff6500;color:#080b05;font-weight:600;box-shadow:inset 0 0 0 2px #ed4900}
.qo-bio-domain-pill.is-on::after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/runtime/quit/bio-art/office-source.png) 17.299% 27.907%/1085.71% 2476.32%;padding:6px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.qo-bio-hub .qo-btn:hover:not(:disabled),.qo-bio-domain-pill:hover{filter:brightness(1.12)}
.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-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:13px 0 0;padding:14px 0 0;border-top:2px solid #284b32;text-align:center}
.qo-bio-rates>div{padding:0 9px;border-left:1px solid #38533b}
.qo-bio-rates>div:first-child{border:0}
.qo-bio-rates dt{margin:0 0 4px;color:var(--bio-green);font:400 34px/1 var(--bio-display)}
.qo-bio-rates dd{margin:0;color:#919b95;font:600 15px/1.08 var(--bio-mono)}
.qo-bio-earned-total{display:flex;flex:1;align-items:center;justify-content:center;min-height:92px;margin:0!important;padding:0 0 11px;color:var(--bio-green);font:400 clamp(34px,4.1vw,69px)/1.12 var(--bio-display);white-space:nowrap}
.qo-bio-earned-stats{display:grid;grid-template-columns:1fr 1.16fr 1.1fr;margin:8px 0 0;padding:19px 0 0;border-top:2px solid #284b32}
.qo-bio-earned-stats>div{border-left:1px solid #34523a;padding:10px 11px 6px;min-width:0;border-top:1px solid #37593d;border-bottom:1px solid #162f1d}
.qo-bio-earned-stats>div:first-child{border-left:0;padding-left:8px}
.qo-bio-earned-stats dt{color:#c7dada;font:600 13px/1.1 var(--bio-mono);white-space:nowrap}
.qo-bio-earned-stats dd{margin:9px 0 0;color:var(--bio-green);font:400 26px/1.15 var(--bio-display);white-space:nowrap}
/* A figure never breaks inside itself: a long one steps down to fit its column (15% of it, 26px at most). */
.qo-bio-earned-stats>div{container-type:inline-size}
.qo-bio-earned-stats dd.qo-bio-stat-long{font-size:min(26px,15cqi)}
.qo-bio-earned-stats small{display:block;margin-top:3px;font-size:16px}
.qo-bio-editor-head{display:flex;align-items:baseline;gap:18px;margin-bottom:1px}
.qo-bio-hub .qo-bio-editor,.qo-bio-hub .qo-bio-preview{padding-top:11px}
.qo-bio-hub .qo-bio-preview{margin-left:-9px}
.qo-bio-hub .qo-bio-editor::before{clip-path:inset(0 10px 0 0)}
.qo .qo-bio-editor-head h2{margin:0;font-size:clamp(26px,2.8vw,46px)}
.qo-bio-editor-head>p{font:400 10px/1.3 var(--bio-mono);color:#c6d1c9}
.qo-bio-profile-fields{display:grid;gap:7px;margin-bottom:7px}
.qo-bio-profile-fields label{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding-right:82px}
.qo-bio-bg-row{display:grid;grid-template-columns:118px auto minmax(0,1fr) auto;gap:7px 12px;align-items:center;margin-bottom:7px;padding-right:82px}
.qo-bio-bg-row>label:first-child{font-size:10px}
.qo-bio-hub .qo-bio-bg-upload,.qo-bio-hub .qo-bio-bg-clear{min-height:28px;height:28px;padding:4px 6px;border:1px solid #36523f;border-radius:3px;font:600 9px/1.2 var(--bio-mono);white-space:nowrap;color:#c9dfd2}
.qo-bio-bg-upload:focus-within,.qo-bio-platform-pick:focus-within{outline:2px solid #fff0ad;outline-offset:3px}
.qo .qo-bio-hub .qo-bio-bg-input{height:28px;min-height:28px;font-size:9px;padding-inline:6px}
.qo-bio-links-list{display:grid;border-top:1px solid #284d38}
.qo .qo-bio-row{display:grid;grid-template-columns:26px 28px minmax(0,1fr) minmax(0,1.47fr) 20px 28px;align-items:center;gap:12px;margin:0;padding:4px 0;border:0;border-bottom:1px solid #284d38;min-width:0}
.qo .qo-bio-row .qo-input{height:29px;min-height:29px;font-size:12px;padding:4px 10px}
.qo .qo-bio-row .qo-bio-label{font-weight:600;font-size:12px;letter-spacing:-.4px}
.qo-bio-num{display:grid;place-items:center;width:26px;height:28px;border:1px solid #31523b;border-radius:45%;background:#000c06;color:#d3f5e5;font:400 14px/1 var(--bio-mono)}
.qo-bio-platform-pick{position:relative;display:block;width:28px;height:28px}
.qo .qo-bio-platform-pick .qo-bio-kind{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;padding:0;border:0;cursor:pointer}
.qo-bio-platform-icon{display:block;flex:none;width:28px;height:28px;border:1px solid #ffffff30;border-radius:5px;background-color:#070c09;background-position:center;background-size:76%;background-repeat:no-repeat;box-shadow:inset 0 1px 1px #ffffff38,0 1px 3px #000}
.qo-bio-platform-icon--instagram{background-color:#bf1689;background-size:100%}.qo-bio-platform-icon--onlyfans{background-color:#00aff0}.qo-bio-platform-icon--fansly{background-color:#1da1f2}.qo-bio-platform-icon--throne{background-color:#7031d4}.qo-bio-platform-icon--twitch{background-color:#9146ff}.qo-bio-platform-icon--website{background-color:#059669}
.qo .qo-bio-grip{width:14px;height:20px;justify-self:center;padding:0;border:0;background:radial-gradient(circle,#a3aaa2 1.4px,#08140b 2px,transparent 2.5px) 0 0/7px 7px;opacity:.8;cursor:grab;touch-action:none}.qo-bio-grip:focus-visible{outline:2px solid #00f9a0;outline-offset:3px}.qo-bio-row.is-bio-dragging{opacity:.6}.qo-bio-row.is-bio-drop{outline:2px solid #00f9a0;outline-offset:-2px}
.qo-bio-hub .qo-bio-remove{width:28px;min-height:28px;height:28px;padding:0;background:none;color:#8b958d}
.qo-bio-trash-icon{display:block;width:19px;height:21px}
.qo-bio-actions{display:flex;justify-content:space-between;gap:14px;margin-top:11px}
.qo-bio-actions .qo-btn-add{--art-x:263;--art-y:837;--art-w:225;--art-h:49;min-width:194px;background:#00150c}
.qo-bio-actions .qo-bio-save{--art-x:701;--art-y:835;--art-w:473;--art-h:56;width:52%;font-size:21px;color:#050a04;background:#ff6500}
.qo-bio-presets{margin-top:7px;font:400 9px/1.4 var(--bio-mono);color:#9aac9d}
.qo-bio-presets>summary{cursor:pointer;width:fit-content}
.qo-bio-preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.qo-bio-preset-row .qo-btn{min-height:30px;padding:4px 7px;font:600 10px/1.3 var(--bio-mono);color:#d3e4d8}
.qo-bio-preset-row .qo-bio-platform-icon{width:20px;height:20px}
.qo-bio-notice{margin-top:8px!important;font-size:12px;color:var(--bio-green)}
.qo-bio-notice:empty{display:none}.qo-bio-notice[data-tone="bad"]{color:#ff6860}
.qo-bio-preview-head{margin:0 0 9px;text-align:center}
.qo .qo-bio-live-head{display:block;color:var(--bio-green);font:600 15px/1.3 var(--bio-mono);white-space:nowrap;text-decoration:none;letter-spacing:-.45px}
.qo-bio-live-head>span{color:#a6b3ac}
.qo-bio-phone{position:relative;isolation:isolate;width:244px;max-width:100%;margin:0 auto -55px;padding:9px 9px 16px;border:2px solid #686f69;border-radius:39px;background:#010804;box-shadow:0 0 0 2px #030503,inset 0 0 0 2px #080d09,inset 0 0 0 3px #2d342e;text-align:center}
.qo-bio-phone::before{content:"";position:absolute;z-index:2;top:11px;left:50%;width:62px;height:16px;border-radius:10px;background:#000;transform:translateX(-50%)}
.qo-bio-phone-screen{overflow:hidden;border-radius:29px;background:#000b05}
.qo-bio-phone-hero{position:relative;isolation:isolate;min-height:190px;padding:6px 0 0;background-color:#001108;background-image:none}
.qo-bio-phone-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/runtime/quit/bio-art/office-source.png) 91.018% 69.252%/674.194% 437.674%;mask:linear-gradient(90deg,#000 0 18%,transparent 18% 82%,#000 82% 100%);clip-path:inset(29px 0 0)}
.qo-bio-phone-hero[style]{background-position:center;background-size:cover}
.qo-bio-phone-hero[style]::before{content:none}
.qo-bio-statusbar{display:flex;justify-content:space-between;align-items:center;margin:0 13px 6px;color:#fff;font:600 9px/1.5 Arial,sans-serif}
.qo-bio-status-icons{display:flex;align-items:center;gap:3px}.qo-bio-status-icons i{display:block;width:10px;height:6px;background:#d4dfd5}.qo-bio-status-icons i:first-child{clip-path:polygon(0 100%,0 70%,25% 70%,25% 45%,50% 45%,50% 20%,75% 20%,75% 0,100% 0,100% 100%)}.qo-bio-status-icons i:nth-child(2){border-radius:50%;height:7px}.qo-bio-status-icons i:last-child{border:1px solid #d4dfd5;border-radius:2px;box-shadow:2px 0 #88998d}
.qo-bio-phone-avatar{width:105px;height:102px;margin:0 auto 4px;border:1px solid #739f7d;border-radius:50%;overflow:hidden;background:#072417}
.qo-bio-phone-avatar-img{display:block;width:100%;height:100%;background:url(/runtime/quit/bio-art/office-source.png) 87.806% 63.758%/1370.49% 811.207%}
.qo .qo-bio-phone .qo-bio-preview-name{margin:0;padding:1px 4px;background:#001109;color:#edf4ef;font:700 21px/1.15 Arial,sans-serif;text-transform:none;overflow-wrap:anywhere}
.qo-bio-preview-text{margin:0!important;padding:4px 6px 7px;background:#001109;color:#e1e7e3;font:400 8.5px/1.45 var(--bio-mono)}
.qo-bio-phone-content{padding:0 4px 18px;background:#000b05}
.qo-bio-preview-links{display:grid;gap:4px}
.qo-bio-hub .qo-bio-phone-link{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 8px;align-items:center;gap:7px;height:27px;padding:0 5px;border:1px solid #71806e;border-radius:6px;background:#020906;box-shadow:inset 0 0 0 1px #0c1d12;color:#fff;text-align:left;text-decoration:none}
.qo-bio-phone-link .qo-bio-platform-icon{width:22px;height:22px;border-radius:4px}
.qo-bio-phone-link strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf3ef;font:600 8.5px/1.3 var(--bio-mono);text-transform:uppercase}
.qo-bio-chevron{font:400 17px/1 var(--bio-mono)}
.qo-bio-hub .qo-bio-phone-cta{display:block;min-height:38px;margin:8px 0 0;padding:6px 4px;border:1px solid #ff9a37;border-radius:3px;background:#ff6500;color:#120d00;text-decoration:none}
.qo-bio-phone-cta .qo-bio-quit-icon,.qo-bio-phone-cta .qo-bio-chevron{display:none}
.qo-bio-phone-cta strong{display:block;font:400 8px/1.35 var(--bio-display)}
.qo-bio-phone-cta small{display:block;margin-top:4px;font:400 6px/1.4 var(--bio-mono)}
.qo-bio-phone-footer{margin:9px 0 0!important;color:#9bb3a1;font:400 6px/1.4 var(--bio-mono)}
.qo-bio-guidance{font:400 12px/1.6 var(--bio-mono);color:#b7c7bd;padding:3px 8px;max-width:110ch}
@media(min-width:761px){.qo[data-view="referrals"] .qo-layout{grid-template-columns:12% minmax(0,1fr);gap:1.4%}.qo[data-view="referrals"] .qo-masthead{min-height:50px;margin-bottom:10px}.qo[data-view="referrals"] .qo-rail{align-self:start;min-height:716px;gap:7px;padding:12px 0}.qo[data-view="referrals"] .qo-rail .qo-key{min-height:43px;font:400 16px/1.1 'Russo One',sans-serif}.qo[data-view="referrals"] .qo-logo{font-family:'Russo One',sans-serif;font-size:39px}.qo[data-view="referrals"] .qo-masthead p{font:400 19px/1 'Russo One',sans-serif}}
@media(min-width:761px) and (max-width:1200px){.qo .qo-bio-hub h2{font-size:28px}.qo-bio-hub .qo-panel{padding-inline:19px}.qo-bio-grid{grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr)}.qo-bio-profile-fields label,.qo-bio-bg-row{padding-right:0;grid-template-columns:98px minmax(0,1fr)}.qo-bio-bg-row{grid-template-columns:98px auto minmax(0,1fr) auto}.qo-bio-editor-head{display:block}.qo-bio-editor-head>p{margin-top:5px}.qo .qo-bio-row{gap:6px}.qo-bio-domain-pill{font-size:9px}.qo-bio-rates dd{font-size:10px}.qo-bio-earned-stats dt{font-size:9px}.qo-bio-earned-stats dd{font-size:20px}.qo-bio-actions .qo-btn-add{min-width:125px}.qo-bio-actions .qo-bio-save{font-size:17px}.qo-bio-hub .qo-bio-copy{flex-basis:95px}}
@media(max-width:760px){.qo-bio-hub{gap:10px}.qo-bio-top-grid,.qo-bio-grid{grid-template-columns:minmax(0,1fr);gap:10px}.qo-bio-hub .qo-panel{padding:18px 16px}.qo .qo-bio-hub h2{font-size:24px;white-space:normal}.qo-bio-copy-row{gap:7px}.qo-bio-url-box{padding:7px 9px;min-height:42px}.qo-bio-url-host{font-size:16px}.qo-bio-hub .qo-bio-copy{flex-basis:68px;font-size:14px;min-height:42px;padding:7px}.qo-bio-domain-pills{display:flex;flex-wrap:wrap;gap:5px}.qo-bio-earned-stats dd.qo-bio-stat-long{font-size:min(22px,15cqi)}.qo-bio-domain-pill{flex:none;padding:7px 9px;font-size:11px;min-height:34px}.qo-bio-rates{padding-top:12px;margin-top:8px}.qo-bio-rates dt{font-size:27px}.qo-bio-rates dd{font-size:10px}.qo-bio-rates>div{padding-inline:4px}.qo-bio-earned-total{font-size:39px;min-height:75px}.qo-bio-earned-stats{margin-top:0;padding-top:10px}.qo-bio-earned-stats>div{padding:9px 7px}.qo-bio-earned-stats dt{font-size:9px}.qo-bio-earned-stats dd{font-size:22px}.qo-bio-earned-stats small{font-size:13px}.qo-bio-editor-head{display:block}.qo-bio-editor-head>p{margin-top:6px;font-size:10px}.qo-bio-profile-fields label{grid-template-columns:90px minmax(0,1fr);gap:8px;padding:0}.qo-bio-hub label{font-size:10px}.qo .qo-bio-profile-fields .qo-input{height:36px;font-size:12px;padding-inline:7px}.qo-bio-bg-row{grid-template-columns:90px minmax(0,1fr) auto;gap:7px 8px;padding:0}.qo-bio-bg-row .qo-bio-bg-input{grid-column:2/-1;grid-row:2}.qo-bio-bg-row .qo-bio-bg-clear{grid-row:1;grid-column:3}.qo-bio-bg-row>label:first-child{font-size:9px}.qo .qo-bio-row{grid-template-columns:24px 28px minmax(0,1fr) 16px 28px;gap:7px;padding:7px 0}.qo-bio-row>.qo-bio-label{grid-column:3/-1;grid-row:1}.qo-bio-row>.qo-bio-url-input{grid-column:1/4;grid-row:2}.qo-bio-row>.qo-bio-grip{grid-column:4;grid-row:2}.qo-bio-row>.qo-bio-remove{grid-column:5;grid-row:2}.qo .qo-bio-row .qo-input{font-size:11px;height:33px}.qo-bio-actions{gap:7px}.qo-bio-actions .qo-btn-add{min-width:0;flex:1;padding-inline:8px;font-size:12px}.qo-bio-actions .qo-bio-save{width:56%;font-size:14px;padding-inline:8px}.qo-bio-phone{width:244px;margin-bottom:0}.qo .qo-bio-live-head{font-size:12px}.qo-bio-preview-head{margin-bottom:14px}.qo-bio-guidance{font-size:11px}}
/* Source shell material is scoped to REFERRALS; other office screens retain their own approved chrome. */
@media(min-width:761px){
 .qo[data-view="referrals"] .qo-masthead{height:48px;min-height:48px;padding:0 18px;border:0;background:#000d06}
 .qo[data-view="referrals"] .qo-masthead::after,.qo[data-view="referrals"] .qo-rail::after{content:none}
 .qo[data-view="referrals"] .qo-masthead::before,.qo[data-view="referrals"] .qo-rail::before{content:"";inset:0;border:0;padding:10px;background-image:url(/runtime/quit/bio-art/office-source.png);background-size:calc(1672 / var(--art-w) * 100%) calc(941 / var(--art-h) * 100%);background-position:calc(var(--art-x) / (1672 - var(--art-w)) * 100%) calc(var(--art-y) / (941 - var(--art-h)) * 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:none}
 .qo[data-view="referrals"] .qo-masthead{--art-x:15;--art-y:9;--art-w:1640;--art-h:57}
 .qo[data-view="referrals"] .qo-office-profile>.qa-key{height:40px;min-height:40px;font:400 20px/1 'Russo One',sans-serif}
 .qo[data-view="referrals"] .qo-office-profile .qa-key-handle{font:inherit}
 .qo[data-view="referrals"] .qo-office-profile .qa-face{width:34px;height:34px}
 .qo[data-view="referrals"] .qo-rail{--art-x:15;--art-y:79;--art-w:195;--art-h:838;min-height:720px;border:0;padding:18px 10px;background:#09130e}
 .qo[data-view="referrals"] .qo-rail .qo-key{--art-x:28;--art-y:99;--art-w:173;--art-h:50;min-height:43px;padding:6px 8px;border:0;border-image:none;background:#000d06}
 .qo[data-view="referrals"] .qo-rail .qo-key::before{content:none}
 .qo[data-view="referrals"] .qo-rail .qo-key::after{inset:0;border:0;padding:8px;background-image:url(/runtime/quit/bio-art/office-source.png);background-size:calc(1672 / var(--art-w) * 100%) calc(941 / var(--art-h) * 100%);background-position:calc(var(--art-x) / (1672 - var(--art-w)) * 100%) calc(var(--art-y) / (941 - var(--art-h)) * 100%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:none}
 .qo[data-view="referrals"] .qo-rail .qo-key[aria-current="page"]{--art-x:28;--art-y:330;--art-w:173;--art-h:49;background:#ff6500}
}
@media(max-width:760px){.qo-bio-hub .qo-bio-preview{margin-left:0;padding-top:18px}.qo-bio-hub .qo-bio-editor{padding-top:18px}.qo-bio-hub .qo-bio-editor::before{clip-path:none}.qo-bio-editor-head{margin-bottom:10px}.qo .qo-bio-row .qo-bio-label{font-size:11px}}
.qo-bio-header h2{--qo-fit-min:22px}.qo-bio-earned-total{--qo-fit-min:25px}.qo-bio-live-head{--qo-fit-min:9px}
@media(max-width:760px){.qo-bio-hub .qo-panel::before{padding:12px 7px}.qo[data-view="referrals"] .qo-masthead :is(.qo-logo,.qa-key,.qa-key-handle,.qa-key-rank),.qo[data-view="referrals"] .qo-rail .qo-key{font-family:'Russo One',sans-serif}}