@font-face{font-family:"Office Mono";src:url(/theme/fonts/body-1.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Office Mono";src:url(/theme/fonts/body-3.woff2) format("woff2");font-weight:600 700;font-display:swap}
.qo{--o-green:#00ed80;--o-orange:#ff6500;--o-ink:#f5eed5;--o-dim:#a6b4a6;--o-red:#ff6860;--o-line:#284d38;--o-display:var(--t-font-display,"QUIT Display",monospace);--o-pixel:var(--t-font-pixel,"QUIT Pixel",monospace);--o-body:"Office Mono",monospace;box-sizing:border-box;max-width:1880px;width:100%;margin:0 auto;padding:12px 12px 30px;color:var(--o-ink);font:400 18px/1.5 var(--o-body);text-align:left;overflow-wrap:anywhere}
.qo *,.qo *::before,.qo *::after{box-sizing:border-box}
.qo [hidden]{display:none!important}
.qo :where(h1,h2,h3,p,figure,fieldset,legend,ul,ol){margin:0;padding:0}
.qo :where(ul,ol){list-style:none}
.qo :focus-visible{outline:3px solid #fff0ad;outline-offset:3px}
.qo a{color:inherit}
.qo :where(button,input,textarea,select){font:inherit}
.qo button{cursor:pointer;touch-action:manipulation}
.qo button:disabled{cursor:wait;opacity:.6}
.qo-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body:has(.qo)>.q-ca,body:has(.qo)>.q-boot{display:none}
body:has(.qo)>.q-ca~.frame-main{padding-top:var(--c-header-height,var(--t-header-desktop,70px))}
.qo-panel{min-width:0;border:solid transparent;border-width:20px 22px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/20px 22px stretch;padding:18px;background:#001008;background-clip:padding-box}
/* The pixel face only for the office's big titles (the h1 and the panel titles, 30 to 64 px on a desktop) and its
   wordmark; every key, label, readout and table head is the readable display face (owner order, 25 Oct 2026). */
.qo h1,.qo h2{font-family:var(--o-pixel);font-weight:700}
.qo h3,.qo-key,.qo-handle,.qo-chip{font-family:var(--o-display);font-weight:700}
.qo h1,.qo h2{color:var(--o-orange);line-height:1.12;text-shadow:3px 4px #000}
.qo h2{margin-bottom:20px}
.qo h3{color:var(--o-green);font-size:20px;line-height:1.3}
.qo-key{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 18px 16px;border:0 solid transparent;border-radius:0;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/10px 12px 13px stretch;background:none;color:var(--o-green);font-size:16px;line-height:1.2;text-align:center;text-decoration:none}
.qo-key--orange,.qo-rail [aria-current="page"]{border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/10px 12px 13px stretch;color:#160b00}
.qo-key--green{border-image:url(/runtime/quit/deck-art/key-green.webp) 22 24 34 fill/10px 12px 13px stretch;color:#002411}
.qo-key:active:not(:disabled){transform:translateY(2px)}
.qo input:not([type="checkbox"]),.qo textarea,.qo select{width:100%;min-width:0;padding:14px 16px;border:solid transparent;border-width:6px;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/6px stretch;background:#000d07;background-clip:padding-box;border-radius:0;color:var(--o-ink);font-size:20px;line-height:1.4}
.qo textarea{min-height:100px;resize:vertical}
.qo label,.qo legend{display:block;margin-bottom:8px;color:var(--o-green)}
.qo fieldset{border:0;min-width:0}
.qo-message:empty{display:none}
.qo-message{padding:12px 0;color:var(--o-green);font-size:16px}
.qo-message[data-tone="bad"]{color:var(--o-red)}

.qo-masthead{display:flex;align-items:center;gap:28px;margin-bottom:12px;padding:0 8px;border-width:12px;min-height:72px;border-image-width:12px}
.qo-logo{font:700 43px/1 var(--o-pixel);color:var(--o-orange)!important;text-decoration:none}
.qo-masthead p{font:700 18px var(--o-display);color:#bdc3b6}
.qo-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:12px;align-items:stretch}
.qo-rail{display:flex;flex-direction:column;gap:12px;padding:8px 0;min-height:665px;border-width:16px 14px;border-image-width:16px 14px}
.qo-rail .qo-key{width:100%;min-height:61px;padding-inline:12px;font-size:16px}
.qo-handle{margin-top:auto!important;padding:16px 4px 0;color:var(--o-green);font-size:13px;text-align:center}
.qo-workspace{min-width:0}
.qo-overview,.qo-team{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:12px}
.qo-live{grid-column:1;grid-row:1/4;min-height:665px}
.qo-live>h2{color:var(--o-green);font-size:clamp(28px,3.3vw,54px)}
.qo-totals{margin-bottom:18px}
.qo-totals p{font:700 clamp(22px,2.7vw,40px)/1.3 var(--o-display);color:var(--o-green)}
.qo-totals p+p{font-size:clamp(16px,1.7vw,25px);margin-top:10px;color:#c2f5d5}
.qo-totals strong{font-weight:700}
.qo-ledger{border-top:3px solid var(--o-line);max-height:400px;overflow:auto}
.qo-ledger li{display:grid;grid-template-columns:70px minmax(95px,1fr) auto;gap:12px;align-items:center;min-height:74px;border-bottom:1px solid var(--o-line);font-size:17px}
.qo-earned{color:var(--o-green);white-space:nowrap}
.qo-copy{display:flex;gap:8px;align-items:stretch}
.qo .qo-copy input:not([type="checkbox"]){font-size:clamp(11px,.82vw,15px);padding:10px}
.qo-copy .qo-key{flex:none;font-size:15px;padding-inline:16px}
.qo-statline{margin-top:14px!important;font-size:14px;color:#c2f5d5}
.qo-next{border:1px solid var(--o-line);padding:15px;color:var(--o-green)}
.qo-next p{margin-top:8px}
.qo-next h3{font-size:22px}
.qo-team-share{color:var(--o-green);margin-top:8px!important}
.qo-network{min-height:665px}
.qo-tree{margin-top:32px;text-align:center;font-size:13px;overflow-x:auto;padding-bottom:8px}
.qo-tree-root{width:65%;margin:0 auto;min-height:72px;font-size:21px}
.qo-branches{min-width:calc(var(--tree-units,3)*150px + (var(--tree-columns,3) - 1)*12px);display:flex;justify-content:space-around;padding-top:45px;position:relative;gap:12px}
.qo-branches::before{content:"";position:absolute;top:0;left:50%;height:25px;border-left:3px solid var(--o-green)}
.qo-branch{flex:var(--branch-size,1);min-width:0;position:relative}
.qo-branch::before{content:"";position:absolute;top:-23px;left:50%;height:23px;border-left:3px solid var(--o-green)}
.qo-branch::after{content:"";position:absolute;top:-23px;left:-8px;right:-8px;border-top:3px solid var(--o-green)}
.qo-branch:first-child::after{left:50%}.qo-branch:last-child::after{right:50%}
.qo-node{padding:20px 8px;border:solid transparent;border-width:8px;border-image:url(/runtime/quit/deck-art/key-green.webp) 22 24 34 fill/8px stretch;color:#001c0c;line-height:1.5}
.qo-node strong{display:block;font-size:16px;margin-bottom:6px}
.qo-node small{display:block;font-size:11px}
.qo-descendants{padding-top:38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative}
.qo-descendants::before{content:"";position:absolute;top:0;left:50%;height:38px;border-left:3px solid var(--o-green);z-index:0}
.qo-descendants .qo-node{position:relative}
.qo-team-side{display:grid;gap:12px;align-content:start}
.qo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.qo-actions>*{flex:1}
.qo .qo-key[data-logout]{font-size:20px}
.qo-rates li{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--o-line);padding:22px 0;font-size:16px}
.qo-rates li:last-child{border-bottom:1px solid var(--o-line)}
.qo-rates li span:last-child{color:var(--o-green)}
.qo-content{display:grid;gap:12px}
.qo-content .qo-panel{padding:8px}
.qo-content h2{font-size:clamp(24px,2.5vw,38px);margin-bottom:14px}
.qo-network-select{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.qo-network-select label{margin:0;font:700 16px var(--o-display)}
.qo .qo-network-select select{max-width:250px;font-size:16px;padding:5px 10px}
.qo-reels{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 70px)/8);gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.qo-reel{min-width:0;border:solid transparent;border-width:8px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/8px stretch;scroll-snap-align:start}
.qo-reel img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#020a05}
.qo-switch{display:flex;align-items:center;justify-content:center;width:100%;height:38px;background:#001309;border:0}
.qo-switch span{display:block;width:42px;height:23px;border-radius:15px;background:#526357;padding:3px}
.qo-switch span::after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#e8ffed;transition:transform .15s}
.qo-switch[aria-checked="true"] span{background:var(--o-green)}
.qo-switch[aria-checked="true"] span::after{transform:translateX(19px)}
.qo-chip{display:block;text-align:center;padding:5px 2px;border:1px solid var(--o-green);color:var(--o-green);font-size:11px;line-height:1.3}
.qo-chip[data-state="scheduled"],.qo-chip[data-state="in_rotation"]{color:#ffcf4b;border-color:#ffcf4b}
.qo-chip[data-state="failed"]{color:var(--o-red);border-color:var(--o-red)}
.qo-reel-error{font-size:12px;color:var(--o-red);padding:6px}
.qo-columns{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:8px;overflow-x:auto;scroll-snap-type:x mandatory}
.qo-column{min-width:0;min-height:280px;border:solid transparent;border-width:10px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/10px stretch;padding:6px;scroll-snap-align:start}
.qo-column h3{font-size:17px;margin-bottom:12px}
.qo-column:nth-child(-n+2) h3{color:#ffcf4b}
.qo-custom{margin-bottom:14px;border:1px solid #304739;padding:8px;background:#001008}
.qo-custom img,.qo-custom video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#020a05}
.qo-custom h4{font-size:16px;margin:8px 0}
.qo-custom p,.qo-custom summary{font-size:14px;overflow-wrap:anywhere}
.qo-custom .qo-key{width:100%;min-height:40px;font-size:12px;padding:10px;margin-top:8px}
.qo-custom textarea{font-size:14px}
.qo-empty{color:var(--o-dim);padding:18px 0}
.qo-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qo-data-grid .qo-panel{min-height:200px}
.qo-details{display:grid;grid-template-columns:minmax(80px,.6fr) minmax(0,1.4fr);gap:12px;margin:16px 0}
.qo-details dt{color:var(--o-dim);font-size:16px;text-transform:uppercase}
.qo-details dd{margin:0;color:var(--o-green)}
.qo-table-wrap{overflow-x:auto}
.qo-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}
.qo-table th{font:700 12px var(--o-display);color:var(--o-dim);padding:12px 10px;white-space:nowrap}
.qo-table td{padding:16px 10px;border-top:1px solid var(--o-line);white-space:nowrap}
.qo-table a{color:var(--o-green)}
.qo-form{display:grid;gap:16px;max-width:720px}
.qo-form .qo-key{justify-self:start;min-width:160px}
/* SETTINGS and PAYOUTS at the reading sizes of the other office screens: key labels as SIGN OUT, the address as the
   REFERRALS copy field */
.qo .qo-data-grid .qo-key,.qo .qo-form .qo-key{font-size:20px}
.qo .qo-data-grid .qo-copy input:not([type="checkbox"]){font-size:clamp(12px,1.05vw,15px)}
.qo-wallet-link{display:block;margin-top:16px;padding:0;border:0;background:none;color:var(--o-green);text-decoration:underline;text-underline-offset:4px}
.qo-wallet-status .qo-key{margin-left:12px}
.qo-bad{color:var(--o-red)}
.qo-muted{color:var(--o-dim);font-size:14px}
@media(min-width:1000px){body:has(.qo[data-session]) .c-header{display:none}body:has(.qo[data-session])>.q-ca~.frame-main{padding-top:0}}
@media(max-width:1150px) and (min-width:761px){.qo-layout{grid-template-columns:155px minmax(0,1fr)}.qo-overview,.qo-team{grid-template-columns:minmax(0,1fr)}.qo-live{grid-row:auto;min-height:0}.qo-team-side{grid-template-columns:1fr 1fr}.qo-reels{grid-auto-columns:calc((100% - 40px)/5)}}
@media(max-width:760px){
 .qo{padding:8px 5px 24px;font-size:15px}
 .qo-panel{border-width:12px 13px;border-image-width:12px 13px;padding:12px 9px}
 .qo-masthead{display:none}
 .qo-layout{display:block}
 .qo-rail{display:flex;flex-direction:row;gap:5px;min-height:0;overflow-x:auto;padding:0;margin-bottom:8px;scrollbar-width:thin;scroll-snap-type:x mandatory}
 .qo-rail .qo-key{flex:0 0 auto;width:auto;min-height:45px;font-size:11px;padding:10px 12px;scroll-snap-align:start}
 .qo-handle{display:none}
 .qo h2{margin-bottom:13px}
 .qo-overview,.qo-team{display:flex;flex-direction:column;gap:8px}
 .qo-live{display:contents}
 .qo-live>h2{display:none}
 .qo-totals{order:-2;margin:0;border:solid transparent;border-width:12px 13px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/12px 13px stretch;padding:12px 10px;background:#001008;background-clip:padding-box}
 .qo-totals p{font-size:21px;line-height:1.25}
 .qo-totals strong{display:block;font-size:clamp(29px,9.6vw,51px);margin:5px 0 13px;white-space:nowrap}
 .qo-totals p+p{font-size:17px;color:var(--o-ink)}
 .qo-totals p+p strong{font-size:clamp(27px,7.8vw,42px);margin-bottom:0}
 .qo-feed{order:-1;border:solid transparent;border-width:12px 13px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/12px 13px stretch;padding:9px 5px;background:#001008;background-clip:padding-box}
 .qo-feed h2{display:block}
 .qo-ledger{border-top-width:1px;max-height:184px}
 .qo-ledger li{grid-template-columns:45px minmax(80px,1fr) auto;gap:6px;min-height:46px;font-size:12px}
 .qo-earned{font-size:12px}
 .qo-copy{gap:7px}.qo .qo-copy input:not([type="checkbox"]){font-size:12px;padding:7px}.qo-copy .qo-key{font-size:11px;padding-inline:12px;min-height:46px}
 .qo-statline{font-size:12px}.qo-next{padding:10px}.qo-next h3{font-size:20px}

 .qo-network{min-height:0}.qo-tree{margin-top:20px;font-size:12px}
 .qo-tree-root{font-size:16px;min-height:60px;width:85%}
 .qo-branches{min-width:0;flex-direction:column;gap:20px;padding:30px 0 0 18px;border-left:2px solid var(--o-green);margin-left:10px}
 .qo-branches::before{display:none}.qo-branch::before{top:25px;left:-18px;width:18px;height:0;border-top:2px solid var(--o-green)}.qo-branch::after{display:none}
 .qo-node strong{font-size:17px}.qo-descendants{padding:18px 0 0 22px;gap:15px;grid-template-columns:1fr}.qo-descendants::before{left:10px;height:100%}.qo-team-side{display:grid;gap:8px}
 .qo-rates li{font-size:13px;gap:10px;padding:18px 0}.qo-actions .qo-key{font-size:12px}
 .qo-content .qo-panel{padding:8px 4px}.qo-content h2{font-size:23px}
 .qo-reels{grid-auto-columns:calc((100% - 10px)/2);gap:10px}.qo-chip{font-size:11px}.qo-switch{height:44px}
 .qo-network-select label{font-size:12px}.qo .qo-network-select select{font-size:14px;max-width:200px}
 .qo-columns{grid-template-columns:repeat(4,minmax(260px,1fr))}.qo-column{min-height:140px;padding:8px}.qo-column h3{font-size:18px}
 .qo-custom .qo-key{min-height:44px}
 .qo-data-grid{grid-template-columns:1fr}.qo-details{font-size:14px;grid-template-columns:90px minmax(0,1fr)}
 .qo-table{font-size:13px}.qo-table td{padding:12px 8px}.qo-form input{font-size:16px}
}
@media(min-width:761px){.qo-feed>h2{display:none}}
@media(prefers-reduced-motion:reduce){.qo *{transition:none!important;scroll-behavior:auto!important}}
.qo a.qo-key--orange{color:#160b00}
.qo a.qo-key--green{color:#002411}
.qo [data-screen]:focus-visible{outline:none}
@media(min-width:761px){.qo-team-side h2{font-size:clamp(24px,2.2vw,38px)}.qo-content>.qo-panel:first-child{display:grid;grid-template-columns:minmax(0,1fr) 185px;column-gap:10px}.qo-content .qo-network-select label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.qo-content .qo-reels{grid-column:1/-1}.qo-content .qo-network-select{align-self:start}}
.qo-account-login{max-width:760px;margin:0 auto;padding:26px}
.qo-account-login h1{font-size:clamp(36px,5vw,58px);margin-bottom:20px}
.qo .qa-inline{border:0;padding:0;background:none;max-height:none;overflow:visible}
.qo-office-profile{margin-left:auto;display:flex;align-items:center;gap:12px;font:700 16px var(--o-display)}
.qo-office-profile .qa-face{width:46px;height:46px}
.qo-office-profile>[data-acct-name="none"] .qa-key-rank{display:inline}
.qo .qo-office-profile{position:static}.qo-office-profile>.qa-key{border-image:none;font-size:16px;padding:0;min-height:46px;color:#bdc3b6}.qo-office-profile .qa-key-rank{display:none}
.qo-masthead p{padding-left:18px;border-left:2px solid #526b56}
.qo-rail{min-height:650px}
.qo-holder-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:12px}
.qo-holder-overview>.qo-panel{min-height:490px;padding:18px 14px}
.qo-holder-overview h2{font-size:clamp(28px,2.7vw,46px)}
.qo .qo-holding{font:700 clamp(32px,4.5vw,76px)/1.15 var(--o-display);letter-spacing:-.01em;color:var(--o-green);white-space:nowrap;text-align:center;margin:22px 0 4px}
.qo .qo-wallet-count{text-align:center;font-size:17px;margin-bottom:22px}
.qo-rank{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px 10px;border:solid transparent;border-width:10px;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/10px stretch;margin:10px 0 16px;color:var(--o-green)}
.qo-rank-plate{align-self:center;background:#ffbd2d;color:#171004;border:2px solid #bd7912;padding:12px 8px;font:700 15px var(--o-display);text-align:center}
.qo-rank-meter{align-self:center;min-width:0}
.qo-rank meter{width:100%;height:28px;display:block;accent-color:var(--o-green)}
.qo-rank meter::-webkit-meter-bar{border:2px solid #58715a;border-radius:3px;background:#183c2b;box-shadow:inset 0 0 5px #000}
.qo-rank meter::-webkit-meter-optimum-value{background:repeating-linear-gradient(90deg,#00ed80 0,#00ed80 26px,#009d53 26px,#009d53 28px)}
.qo-rank-ends{display:flex;justify-content:space-between;gap:4px;font-size:13px;padding-top:4px;color:#c9e6d3}
.qo-rank>p{grid-column:1/-1;color:#ffcd36;text-align:center;font:700 13px var(--o-display)}
.qo-holder-overview .qo-actions{gap:8px;margin-top:18px}.qo-holder-overview .qo-actions>.qo-key{font-size:15px;padding-inline:9px;min-height:62px;white-space:nowrap}
.qo-perk-list{margin:0;border-top:2px solid var(--o-line)}
.qo-perk-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--o-line)}
.qo-perk-list dt{border:1px solid #527658;border-radius:3px;padding:5px 8px;font:700 13px var(--o-display);color:var(--o-green)}
.qo-perk-list dd{margin:0;font-size:16px;line-height:1.3}
.qo .qo-next-perk{color:#9ca79e;font:700 14px/1.5 var(--o-display);margin-top:18px}
.qo-holder-wallets{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:12px}
.qo-holder-wallets>.qo-panel{min-height:650px;padding:20px 16px}
.qo-holder-wallets h2,.qo-ladder-panel h2{color:var(--o-green);font-size:clamp(30px,3.3vw,56px)}
.qo-wallet-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:16px}
.qo-wallet-table th,.qo-wallet-table td{padding:20px 9px;border-top:1px solid #345f42;text-align:left}
.qo-wallet-table thead th{font:700 17px var(--o-display);color:#b6e3c7;padding-top:18px;padding-bottom:18px}
.qo-wallet-table tbody th{font:700 18px var(--o-display);color:#b6e3c7}
.qo-wallet-taken th,.qo-wallet-taken td{opacity:.62}.qo-wallet-taken td:last-child{color:#ffcf4b;font:700 12px var(--o-display)}
.qo-wallet-table tbody th small{display:block;font:12px/1.4 var(--o-body);margin-top:7px;max-width:180px;overflow-wrap:anywhere;white-space:normal}
.qo-wallet-table td:nth-child(3){text-align:right;font-size:18px}
.qo-wallet-table td:nth-child(4){text-align:center}.qo-wallet-table td[data-never="YES"]{color:var(--o-green)}.qo-wallet-table td[data-never="NO"]{color:var(--o-red)}
.qo-wallet-table td:nth-child(5){font-size:16px}
.qo-wallet-table thead th:nth-child(3){text-align:right}.qo-wallet-table thead th:nth-child(4){text-align:center}
.qo-wallet-table abbr{text-decoration:none}
/* LOWEST SNAPSHOT SO FAR (owner order, 26 Oct 2026): its own column after NEVER SOLD, figures right, NONE and unknown
   dim; in OVERVIEW, NONE dims like unknown, and a row that gives each wallet's own value stacks them; the bonus chip NO in red */
.qo-wallet-table th:is(.qo-th-never,.qo-th-lowest){white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.15}.qo-wallet-table th.qo-th-never{min-width:4.5em}.qo-wallet-table th.qo-th-lowest{min-width:6.5em;max-width:9em;text-align:right}.qo-wallet-table td[data-lowest]{text-align:right}.qo-wallet-table td:is([data-lowest="none"],[data-lowest="unknown"]){color:#8fb3a1;text-transform:uppercase}
.qo-holder-rows .qo-row-none dd{font:700 25px/1.1 var(--o-display);color:#8fb3a1;text-transform:uppercase}.qo-holder-rows :is(.qo-never-list,.qo-lowest-list) dd{flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.qo-holder-rows dd [data-never="YES"]{color:var(--o-green)}.qo-holder-rows dd [data-never="NO"]{color:var(--o-red)}.qo-holder-rows abbr{text-decoration:none}
.qo-bonuses dd.qo-bonus-no{border-color:var(--o-red);color:var(--o-red)}
@media(max-width:760px){.qo-holder-rows .qo-row-none dd{font-size:19px}}
.qo-wallet-name{display:flex;align-items:center;gap:8px}
.qo-default-wallet th .qo-wallet-name{border:0 solid transparent;border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/8px stretch;color:#160b00;padding:10px 12px}
.qo-wallet-table tfoot th,.qo-wallet-table tfoot td{border-top:3px solid #527658;border-bottom:1px solid #527658;color:var(--o-green);font:700 26px var(--o-display);padding:20px 8px}
.qo-link-wallet{min-width:280px;margin-top:24px;font-size:23px;min-height:74px}
.qo .qo-link-note{margin-top:12px;font-size:17px}
.qo-holder-wallets>.qo-keep{border-image-source:url(/runtime/quit/deck-art/bay.webp);padding:24px 18px}
.qo-keep h2{font-size:30px;line-height:1.25;color:#ffcb32;border-bottom:2px solid #6b643c;padding-bottom:20px;margin-bottom:22px}
.qo-keep p{font-size:20px;line-height:1.8;color:#d0e8d7}
.qo-holder-perks-page{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.qo-holder-perks-page>.qo-panel{padding:18px 14px;min-height:650px}
.qo-ladder{border-top:2px solid var(--o-line)}
.qo-ladder li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(100px,.8fr);align-items:center;gap:12px;padding:19px 8px;border-bottom:1px solid #345f42}
.qo-ladder li>strong{font:700 20px/1.3 var(--o-display);color:var(--o-green)}
.qo-ladder li>strong>span{display:inline-block;font-size:14px;padding:7px 8px;background:var(--o-orange);color:#170b00;margin-left:8px}
.qo-ladder-min{font-size:16px}
.qo-perk-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.qo-perk-tags>span{color:var(--o-green);border:2px solid var(--o-green);border-radius:5px;padding:5px 8px;font:700 16px var(--o-display);white-space:nowrap}
.qo-ladder .qo-you{border:2px solid var(--o-orange);border-radius:4px;background:#271300}
.qo-ladder .qo-you>strong{color:var(--o-orange)}
.qo-bonuses{margin:0;border-top:2px solid var(--o-line)}
.qo-bonuses>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 6px;border-bottom:1px solid #345f42}
.qo-bonuses dt{font:700 21px/1.3 var(--o-display);color:var(--o-green)}
.qo-bonuses dt small{display:block;font:16px/1.5 var(--o-body);color:#c1e3cc}
.qo-bonuses dd{margin:0;flex:none;border:2px solid #ffcc35;border-radius:5px;padding:9px 12px;font:700 20px var(--o-display);color:#ffcc35}
.qo-bonuses dd.qo-bonus-on{background:var(--o-green);color:#03180e;border-color:var(--o-green);padding:12px 22px}
.qo-bonuses dd.qo-bonus-unknown{border-color:#5d7466}
/* A value nobody can read yet reads the same on every office screen: the same word, in the office's dim capitals
   (NFT AIRDROP on OVERVIEW uses the same colour and case). */
.qo :is([data-never="unknown"],.qo-bonuses dd.qo-bonus-unknown,.qo-details dd.qo-unknown-word){color:#8fb3a1;text-transform:uppercase}
.qo-data-grid h2 .q-pmark{margin-right:12px;vertical-align:middle}
@media(min-width:761px) and (max-width:1200px){.qo-holder-overview,.qo-holder-wallets,.qo-holder-perks-page{grid-template-columns:minmax(0,1fr)}.qo-holder-overview>.qo-panel,.qo-holder-wallets>.qo-panel,.qo-holder-perks-page>.qo-panel{min-height:0}.qo-keep p{font-size:18px}.qo .qo-holding{font-size:56px}}
@media(max-width:760px){
 .qo-account-login{padding:16px 10px}.qo-account-login h1{font-size:36px}
 .qo-masthead{display:flex;gap:10px;padding:0 2px;min-height:56px;border-width:8px;border-image-width:8px}.qo-logo{font-size:29px}.qo-masthead p{display:none}
 .qo-office-profile{font-size:11px;gap:8px}.qo-office-profile .qa-face{width:32px;height:32px}
 .qo-office-profile>.qa-key{font-size:13px;color:var(--o-green);gap:9px}.qo-office-profile .qa-key-handle{display:none}.qo-office-profile .qa-key-rank{display:inline}
 .qo-rail{min-height:0}.qo-rail .qo-key{min-width:94px;font-size:11px}
 .qo-holder-overview,.qo-holder-wallets,.qo-holder-perks-page{display:flex;flex-direction:column;gap:8px}
 .qo-holder-overview>.qo-panel,.qo-holder-wallets>.qo-panel,.qo-holder-perks-page>.qo-panel{min-height:0;padding:14px 9px}
 .qo-holder-overview h2{font-size:27px}.qo-holder-wallets h2,.qo-ladder-panel h2{font-size:29px}
 .qo .qo-holding{font-size:clamp(27px,9.3vw,56px);margin-top:16px;letter-spacing:-.02em}
 .qo .qo-wallet-count{text-align:left;font-size:14px;margin:8px 0 16px}
 .qo-rank{padding:8px 2px;gap:7px;border-width:6px;border-image-width:6px}
 .qo-rank-plate{font-size:12px;padding:9px 6px}.qo-rank-ends{font-size:11px}.qo-rank>p{font-size:11px}
 .qo-holder-overview .qo-actions{flex-direction:column;gap:9px}.qo-holder-overview .qo-actions>.qo-key{font-size:18px;min-height:56px}
 .qo-perk-list>div{grid-template-columns:94px minmax(0,1fr);gap:10px;padding:12px 0}.qo-perk-list dt{font-size:11px}.qo-perk-list dd{font-size:16px;line-height:1.4}.qo .qo-next-perk{font-size:11px}
 .qo-wallet-table{font-size:14px}.qo-wallet-table th,.qo-wallet-table td{padding:16px 9px}.qo-wallet-table thead th{font-size:11px}.qo-wallet-table tbody th{font-size:12px}.qo-wallet-table tfoot th,.qo-wallet-table tfoot td{font-size:23px}
 .qo-link-wallet{width:100%;min-width:0;font-size:20px;min-height:60px}.qo .qo-link-note{font-size:16px}
 .qo-keep h2{font-size:25px;padding-bottom:14px}.qo-keep p{font-size:16px;line-height:1.7}
 .qo-ladder li{grid-template-columns:minmax(0,1fr) auto;padding:14px 5px;gap:8px}.qo-ladder li>strong{font-size:15px}.qo-ladder-min{font-size:13px}.qo-perk-tags{grid-column:1/-1;justify-content:flex-start}.qo-perk-tags>span{font-size:13px}
 .qo-bonuses>div{padding:18px 3px}.qo-bonuses dt{font-size:16px}.qo-bonuses dt small{font-size:13px}.qo-bonuses dd{font-size:15px;padding:8px 10px}.qo-bonuses dd.qo-bonus-on{padding:10px 14px}
 body:has(.qo[data-session]) .c-header{display:none}body:has(.qo[data-session])>.q-ca~.frame-main{padding-top:0}
}
.qo-referrals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.qo-referrals>.qo-panel{padding:10px 12px}
.qo-referrals h2{font-size:clamp(26px,2.65vw,44px);margin-bottom:14px}
.qo .qo-referrals .qo-copy input:not([type="checkbox"]){font-size:clamp(12px,1.1vw,18px)}
.qo-referral-rates,.qo-referral-stats{margin:12px 0 0}
.qo-referral-rates>div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;border-bottom:1px solid #396849;padding:13px 0}
.qo-referral-rates dt{font:700 clamp(28px,2.3vw,38px)/1.2 var(--o-display);color:var(--o-green);white-space:nowrap}
.qo-referral-rates dd{margin:0;font-size:16px;line-height:1.5}
.qo-referrals .qo-muted{font-size:15px;line-height:1.4;margin-top:7px}
.qo-paid-total{font:700 clamp(28px,3.7vw,62px)/1.25 var(--o-display);color:var(--o-green);letter-spacing:-.01em}
.qo .qo-sol-value{text-align:center;margin:9px 0 16px;font-size:20px}
.qo-referral-stats{border-top:2px solid #396849}
.qo-referral-stats>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #396849;color:var(--o-green)}
.qo-referral-stats dt{font:700 16px var(--o-display)}
.qo-referral-stats dd{margin:0;text-align:right;font-size:19px}
.qo-payout-switch{width:220px;padding:6px;display:flex;border:0 solid transparent;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/9px stretch;background:none;margin-bottom:10px}
.qo-payout-switch>.qo-key{width:62%;min-height:46px;padding:8px;font-size:23px}
.qo-payout-switch[aria-checked="false"]{justify-content:flex-end}
.qo-referral-mode>p{font-size:17px;line-height:1.45}
.qo-share-kit{display:flex;width:100%;margin:12px 0 7px;font-size:21px}
.qo-invite-count{text-align:center;font-size:16px}
.qo-referral-door p{margin:24px 0}.qo-referral-door .qo-key{min-width:230px}
.qo-how{display:grid;gap:12px}
.qo-how-earn>h2{color:var(--o-green);font-size:clamp(36px,4vw,64px)}
.qo-earn-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qo-earn-steps>li{border:12px solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/12px stretch;padding:8px 10px 16px}
.qo-earn-steps strong{color:var(--o-orange);font:700 64px/1 var(--o-display)}
.qo-earn-steps p{font-size:18px;line-height:1.5;margin-top:10px}
.qo-questions{margin:0;border-top:1px solid #396849}
.qo-questions>div{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:18px;padding:12px 0;border-bottom:1px solid #396849;align-items:center}
.qo-questions dt{font:700 19px/1.4 var(--o-display);color:var(--o-green)}
.qo-questions dd{border-left:1px solid #396849;padding-left:18px;margin:0;font-size:17px;line-height:1.5}
.qo-badges{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
.qo-badges>.qo-panel{padding:10px}
.qo-badges h2{font-size:clamp(28px,4vw,58px);line-height:1;margin-bottom:12px}
.qo-badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qo-badge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 2px 12px;border:9px solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/9px stretch;text-align:center;color:#767b78}
.qo-badge-earned{color:var(--o-green)}
.qo-badge strong{font:700 clamp(10px,1.25vw,18px)/1.3 var(--o-display)}
.qo-badge-mark{flex:none;display:block;width:104px;height:112px;max-width:100%;background-repeat:no-repeat;filter:grayscale(1) brightness(.5)}
.qo-badge-earned .qo-badge-mark{filter:none}
.qo-badge-mark[data-mark="0"]{background-image:url(/runtime/go/art/office-badge-0.webp)}
.qo-badge-mark[data-mark="1"]{background-image:url(/runtime/go/art/office-badge-1.webp)}
.qo-badge-mark[data-mark="2"]{background-image:url(/runtime/go/art/office-badge-2.webp)}
.qo-badge-mark[data-mark="3"],.qo-badge-mark[data-mark="7"]{background-image:url(/runtime/go/art/office-badge-3.webp)}
.qo-badge-mark[data-mark="4"]{background-image:url(/runtime/go/art/office-badge-4.webp)}
.qo-badge-mark[data-mark="5"]{background-image:url(/runtime/go/art/office-badge-5.webp)}
.qo-badge-mark[data-mark="6"]{background-image:url(/runtime/go/art/office-badge-6.webp)}
.qo-badge-earned .qo-badge-mark:is([data-mark="5"],[data-mark="6"]){filter:sepia(1) saturate(10) hue-rotate(85deg) brightness(1.7)}
.qo-badge-lock{position:absolute;right:3px;top:4px;width:26px;height:34px;background:url(/runtime/go/art/office-badge-lock.webp) no-repeat}
.qo-board{width:100%;border-collapse:collapse;text-align:left;font-size:17px;white-space:nowrap}
.qo-board th,.qo-board td{padding:19px 6px;border-bottom:1px solid #396849;font-weight:400}
.qo-board thead th{font:700 clamp(14px,1.4vw,20px) var(--o-display);color:var(--o-green)}
.qo-board td:first-child{font-weight:700;color:var(--o-green)}
.qo-board td:nth-child(n+3),.qo-board th:nth-child(n+3){text-align:right}
.qo-board-you{outline:2px solid var(--o-orange);outline-offset:-2px;color:var(--o-orange)}
.qo-board .qo-board-you td{color:var(--o-orange);font-weight:700}
.qo-streak-panel{grid-column:1/-1}
.qo-streak{display:flex;gap:26px;align-items:center}
.qo-streak ol{display:flex;flex:none;gap:7px}
.qo-streak li{border:7px solid transparent;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/7px stretch;padding:3px}
.qo-streak time{display:block;width:38px;height:47px;background:#1b2920}
.qo-streak [data-posted="true"] time{background:var(--o-green);box-shadow:0 0 6px #00ed8044}
.qo-streak p{font-size:19px}
@media(min-width:761px){.qo-rail{gap:8px}.qo-rail .qo-key{min-height:46px;font-size:14px}.qo-rail .qo-handle{padding-top:6px}.qo-earn-steps{min-height:222px}}
@media(min-width:761px) and (max-width:1200px){.qo-referrals,.qo-badges{grid-template-columns:1fr}.qo-earn-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .qo-referrals,.qo-badges{grid-template-columns:minmax(0,1fr);gap:8px}
 .qo-referrals>.qo-panel,.qo-how>.qo-panel,.qo-badges>.qo-panel{padding:10px 7px}
 .qo-referrals h2,.qo-badges h2{font-size:26px;margin-bottom:16px}
 .qo-referral-rates>div{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:12px 0}
 .qo-referral-rates dt{font-size:25px}.qo-referral-rates dd{font-size:16px}
 .qo-referrals .qo-muted,.qo-referral-mode>p{font-size:16px}
 .qo-paid-total{font-size:34px}.qo .qo-sol-value{font-size:17px}
 .qo-referral-stats dt{font-size:13px}.qo-referral-stats dd{font-size:16px}
 .qo-share-kit{font-size:18px}.qo-invite-count{font-size:14px}
 .qo-how{gap:8px}.qo-how-earn>h2{font-size:29px}.qo-earn-steps{grid-template-columns:1fr;gap:8px}
 .qo-earn-steps>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:9px}
 .qo-earn-steps strong{font-size:42px}.qo-earn-steps p{font-size:16px;margin:0}
 .qo-questions>div{grid-template-columns:1fr;gap:8px;padding:15px 0}.qo-questions dt{font-size:17px}.qo-questions dd{border:0;padding:0;font-size:16px}
 .qo-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qo-badge strong{font-size:12px}
 .qo-board{font-size:13px}.qo-board thead th{font-size:11px}.qo-board th,.qo-board td{padding:19px 4px}
 .qo-streak{flex-direction:column;gap:14px;align-items:stretch}.qo-streak ol{gap:3px;justify-content:space-between}.qo-streak li{padding:2px;border-width:5px;border-image-width:5px}.qo-streak time{width:24px;height:38px}.qo-streak p{font-size:16px}
}
/* THE CONTENT GALLERY under the overview (owner order, 25 Oct 2026): the heading and its line beside the key to /gallery */
.qo-gallery{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head key" "line key";column-gap:28px;align-items:center}
.qo-gallery>h2{grid-area:head;margin-bottom:8px;font-size:clamp(25px,2.4vw,40px)}
.qo-gallery>p{grid-area:line;font-size:18px}
.qo-gallery>.qo-key{grid-area:key;min-width:260px;min-height:62px;font-size:18px}
@media(max-width:760px){.qo-gallery{margin-top:8px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "line" "key";row-gap:12px}.qo-gallery>h2{margin-bottom:0;font-size:25px}.qo-gallery>p{font-size:16px}.qo-gallery>.qo-key{min-width:0;width:100%;font-size:17px;min-height:56px}}
@media(max-width:760px){.qo .qo-key[data-logout]{font-size:16px}}
