/* Participant screens. The rest of the site keeps its existing presentation. */ body.participant-workspace { --bg: #101014; --panel: #18181e; --panel2: #202027; --line: #303039; --text: #f5f5f7; --muted: #aaaab7; --mint: #90dab5; --amber: #e5ba80; --red: #ff9ca5; --lime: #ff5967; --brand-red: #ee3345; --brand-red-hover: #d92335; --workspace-total: #f4f4f8; --workspace-cpu: #ff6572; --workspace-gpu: #63d0c6; background: var(--bg); color: var(--text); color-scheme: dark; } body.participant-workspace > .wrap { container-type: inline-size; } body.participant-workspace .sandbox { padding-block: 8px; color: var(--muted); border-color: #25252e; } body.participant-workspace .sandbox strong { color: #ddddE5; } body.participant-workspace ::selection { background: #ee33454d; color: #fff; } body.participant-workspace :is(button,a,input,select,textarea,summary):focus-visible { outline: 2px solid #ff8590; outline-offset: 4px; } body.participant-workspace .app-bottom-nav { background: #15151bf5; border-color: var(--line); box-shadow: none; } body.participant-workspace .app-bottom-nav > :is(a,button) { color: var(--muted); } body.participant-workspace .app-bottom-nav > :is(a,button):hover { background: #24242c; } body.participant-workspace .app-bottom-nav .selected { color: #ff7a85; } body.participant-workspace .app-create-icon { background: #df293b; border-color: #ed3f50; box-shadow: none; } #participantWorkspace { padding: 22px 0 24px; min-width: 0; } #participantWorkspace :is(h1,h2,h3,h4,strong,summary) { color: var(--text); } #participantWorkspace :is(p,small,.hint,.small,.muted,.tab-description,.panel-label) { color: var(--muted); } #participantWorkspace :is(label,.form-grid label,.check) { color: #d4d4df !important; } #participantWorkspace .check { font-size: 13px !important; } #participantWorkspace .accent { color: #ff7783; } #participantWorkspace :is(button,input,textarea,select) { font-size: 14px; } #participantWorkspace :is(input:not([type=checkbox]):not([type=range]),textarea,select) { min-height: 44px; background: #131318; border: 1px solid #3b3b47 !important; border-radius: 8px !important; color: var(--text); padding: 10px 12px !important; margin-bottom: 15px !important; } #participantWorkspace input#community-gif-query { margin-bottom: 0px !important; } #participantWorkspace input[type=checkbox] { width: 18px; height: 18px; accent-color: #ed3346; } #participantWorkspace input[type=range] { accent-color: #f14a5b; min-height: 28px; } #participantWorkspace :is(.btn,.btn.small) { min-height: 44px; padding: 10px 16px; font-size: 13px; border-radius: 8px; box-shadow: none; } #participantWorkspace .btn.secondary { background: #292931; color: #ededf3; border-color: #41414c; } #participantWorkspace .btn.ghost { background: transparent; color: #d8d8e3; border-color: #3d3d48; } #participantWorkspace :is(.btn.secondary,.btn.ghost):hover { background: #34343e; color: #fff; border-color: #60606d; } #participantWorkspace .btn.danger { background: #3b2028; border-color: #6a3542; color: #ffacb6; } #participantWorkspace .btn:disabled { opacity: .48; } #participantWorkspace :is(.notice,.empty) { background: #202027; color: #c9c9d6; border-color: #3b3b47; border-radius: 10px; } #participantWorkspace .notice { font-size: 13px; line-height: 1.6; } #participantWorkspace .notice.green { background: #172b24; border-color: #315447; color: #a4dec0; } #participantWorkspace .notice.red { background: #332128; border-color: #603341; color: #f6adb8; } #participantWorkspace .badge { background: #173028; border: 0; color: #90dab5; } #participantWorkspace .badge.neutral { background: #2c2c36; color: #c4c4d1; } #participantWorkspace .badge.warn { background: #352b20; color: #e5ba80; } #participantWorkspace :is(.panel,.panel.compact) { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; box-shadow: none; padding: 24px; } #participantWorkspace .hint { font-size: 12px; line-height: 1.65; } #participantWorkspace .error { color: #ffacb6; } #participantWorkspace .mono { color: #c3c3d0; } #participantWorkspace :is(.definition,.definition dt,.definition dd) { color: #b8b8c5; font-size: 13px; } #participantWorkspace .definition dd { color: #eeeeF4; } #participantWorkspace .entry-quantity { color: #f5f5f7; } #participantWorkspace .entry-row { border-color: var(--line); padding-block: 16px; } #participantWorkspace .entry-row strong { font-size: 14px; } #participantWorkspace .entry-row small { font-size: 12px; } #participantWorkspace .inline-code { background: #111116; color: #d5d5df; border-color: var(--line); } #participantWorkspace .back { min-height: 44px; display: inline-flex; margin: 0; color: #bbbBca; } #participantWorkspace .usd-estimate { color: var(--muted); } #participantWorkspace [hidden] { display: none !important; } #participantWorkspace :is([data-participant-screen],[data-mining-view]):focus { outline: none; } /* One compact campaign header and a stable row of destinations. */ .participant-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; min-width: 0; margin-bottom: 18px; } .participant-heading > div { min-width: 0; } .participant-heading > div:first-child { flex: 1 1 22rem; } #participantWorkspace .participant-heading h1 { margin: 0; font-size: 25px; font-weight: 650; line-height: 1.25; letter-spacing: -.7px; overflow-wrap: anywhere; } #participantWorkspace .participant-heading p { margin: 5px 0 0; font-size: 12px; } .participant-heading .row { justify-content: flex-end; flex-shrink: 0; } .participant-heading-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; flex: 0 1 auto; max-width: 100%; } .participant-entry-total { display: inline-flex; align-items: baseline; gap: 6px; color: #aaaab9; font-size: 12px; white-space: nowrap; } .participant-entry-total strong { font-size: 23px; font-weight: 600; letter-spacing: -.7px; font-variant-numeric: tabular-nums; } #participantWorkspace .participant-back { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; margin: 0 0 4px; padding: 0; background: transparent; color: #9d9daf; font-size: 11px; text-decoration: none; } #participantWorkspace .participant-back:hover { color: #f2f2f7; } #participantWorkspace .participant-back .icon { width: 14px; height: 14px; } .participant-kicker { display: block; color: #a5a5b4; font-size: 10px; font-weight: 650; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 5px; } .participant-nav { display: flex; align-items: center; gap: 5px; padding: 0; border-bottom: 1px solid var(--line); margin-bottom: 24px; } .participant-nav > :is(button,a) { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 11px 22px; border-radius: 0; background: transparent; border: 0; color: #9b9baa; font-size: 14px; font-weight: 550; text-decoration: none; white-space: nowrap; } .participant-nav > :is(button,a):hover { background: #ffffff04; color: #efeff5; } .participant-nav > :is([aria-selected=true],[aria-current=page],.selected) { color: #f5f5f8; } .participant-nav > :is([aria-selected=true],[aria-current=page],.selected)::after { content: ''; position: absolute; bottom: -1px; left: 20px; right: 20px; height: 3px; border-radius: 3px 3px 0 0; background: #f14a5b; } .participant-nav .icon { width: 17px; height: 17px; } .participant-nav :is(.participant-count,.participant-nav-count) { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding-inline: 5px; border-radius: 6px; color: #e8e8f0; background: #34343f; font-size: 11px; font-variant-numeric: tabular-nums; } .participant-content,.participant-content > section,[data-participant-screen] { min-width: 0; } #participantWorkspace [data-participant-screen] > :first-child { margin-top: 0; } .participant-screen-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 0 0 20px; } .participant-screen-heading h2 { margin: 0; font-size: 22px; letter-spacing: -.5px; } .participant-screen-heading p { margin: 6px 0 0; } .participant-section-heading { margin-bottom: 26px; } #participantWorkspace .participant-section-heading .eyebrow { margin: 0 0 10px; font-size: 10px; letter-spacing: 1.6px; color: #d08996; } #participantWorkspace .participant-section-heading h2 { font-size: 27px; line-height: 1.2; letter-spacing: -.8px; margin: 0 0 9px; } #participantWorkspace .participant-section-heading p { font-size: 13px; margin: 0; } .participant-details-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 36px; } .participant-detail { min-width: 0; padding: 22px 0; border-top: 1px solid var(--line); } #participantWorkspace .participant-detail h3 { margin: 0 0 15px; font-size: 17px; } #participantWorkspace .participant-detail p { margin: 0 0 15px; font-size: 13px; line-height: 1.75; } #participantWorkspace .participant-detail .mono { font-size: 11px; margin-bottom: 16px; } .participant-entry-task { max-width: 650px; background: #18181e; border: 1px solid var(--line); border-radius: 12px; padding: 28px; margin-top: 14px; } #participantWorkspace .participant-entry-task h2 { font-size: 24px; letter-spacing: -.6px; } #participantWorkspace .participant-entry-task .tab-description { font-size: 14px; min-height: 0; line-height: 1.7; } .participant-activity-section { min-width: 0; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--line); } #participantWorkspace .participant-activity-section h3 { font-size: 17px; margin: 0 0 10px; } #participantWorkspace .entry-history.participant-activity-section { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--line); } .participant-account-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; } .participant-guest { padding: 55px 25px; text-align: center; max-width: 700px; margin: auto; } .participant-guest-symbol { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 24px; background: #ed33451a; color: #ff7b88; border: 1px solid #653541; border-radius: 20px; } .participant-guest-symbol .icon { width: 32px; height: 32px; } #participantWorkspace .participant-guest .eyebrow { justify-content: center; color: #d98a97; font-size: 10px; margin-bottom: 16px; } #participantWorkspace .participant-guest h2 { font-size: 30px; letter-spacing: -.8px; } #participantWorkspace .participant-guest p { max-width: 460px; margin: 0 auto 26px; font-size: 14px; line-height: 1.8; } .participant-guest .row { justify-content: center; } .participant-empty { padding: 40px 24px; text-align: center; } .participant-legal { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 20px; font-size: 12px; line-height: 1.7; } .participant-legal .row { margin-bottom: 12px; } /* Campaign offer and supporting screens have their own visual hierarchy. */ #participantWorkspace .campaign-compact { padding: 24px; background: #18181e; border-color: var(--line); border-radius: 14px; } #participantWorkspace .campaign-topline { margin-bottom: 16px; } #participantWorkspace .campaign-topline > .badge { display: none; } #participantWorkspace .campaign-topline { justify-content: flex-end; } #participantWorkspace :is(.campaign-share,.campaign-quick-actions .campaign-header-rules) { background: #22222a; border-color: #3c3c48; color: #dcdce7; border-radius: 8px; font-size: 12px; } #participantWorkspace .campaign-share:hover,#participantWorkspace .campaign-header-rules:hover { background: #303039; color: #fff; } #participantWorkspace .campaign-offer { grid-template-columns: minmax(0,1fr) 190px; gap: 30px; align-items: center; } #participantWorkspace .campaign-offer .campaign-cover { width: 190px; height: 174px; aspect-ratio: auto; max-height: 190px; border-radius: 12px; background: #111116; } #participantWorkspace .campaign-cover .campaign-cover-label { color: #a9a9b8; font-size: 10px; } #participantWorkspace .campaign-purpose { color: #ff7b87; font-size: 11px; letter-spacing: 1.5px; margin-bottom: 18px; } #participantWorkspace .campaign-compact .big-prize { color: #f8f8fa; font-size: clamp(28px,3.1vw,40px); line-height: 1.15; letter-spacing: -1.2px; } #participantWorkspace .campaign-compact .engagement-prize .panel-label { color: #aaaab8; font-size: 11px; margin-bottom: 8px; } #participantWorkspace .campaign-compact .big-prize small { color: #d1d1dc; } #participantWorkspace .campaign-compact .big-prize .usd-estimate { color: #aaaab8; font-size: 13px; } #participantWorkspace .campaign-compact .page-title { display: none; } #participantWorkspace .campaign-invitation { color: #b1b1bf; font-size: 14px; line-height: 1.7; } #participantWorkspace .campaign-compact > .engagement-summary { color: #a4a4b4; font-size: 12px; margin-top: 18px; } #participantWorkspace .campaign-facts { color: #ababba; font-size: 12px; margin-top: 18px; gap: 8px 20px; } #participantWorkspace .campaign-facts p { font-size: 12px; } #participantWorkspace .campaign-facts strong { color: #e2e2eb; } #participantWorkspace .campaign-progress { height: 4px; background: #303039; margin-bottom: 25px; } #participantWorkspace .campaign-progress > span { background: #ee3345; } #participantWorkspace .campaign-method-heading { margin-bottom: 12px; } #participantWorkspace .campaign-method-heading h2 { font-size: 16px; } #participantWorkspace .campaign-method-heading > span { color: #a4a4b4; font-size: 12px; } #participantWorkspace .campaign-method-button { min-height: 78px; padding: 15px; background: #202027; border: 1px solid #3a3a46; border-radius: 10px; color: #f3f3f7; } #participantWorkspace .campaign-method-button:hover { background: #282831; border-color: #70707f; } #participantWorkspace .campaign-method-button.selected { border-color: #bd4857; background: #2e1d25; box-shadow: none; } #participantWorkspace .campaign-method-button:disabled { background: #1b1b22; border-color: #33333d; } #participantWorkspace .campaign-method-icon { width: 38px; height: 38px; background: #ef33451b; color: #ff7b87; border-radius: 9px; } #participantWorkspace .campaign-method-copy strong { color: #f5f5f8; font-size: 15px; } #participantWorkspace .campaign-method-copy small { color: #adadbc; font-size: 12px; line-height: 1.5; margin-top: 4px; } #participantWorkspace .campaign-method-copy .usd-estimate { font-size: 11px; } #participantWorkspace .campaign-method-button > .icon { color: #ff7b87; } #participantWorkspace .campaign-compact :is(.campaign-entry-note,.engagement-eligibility) { color: #9c9cac; font-size: 11px; margin-top: 12px; } #participantWorkspace .engagement-description { border-color: var(--line); } #participantWorkspace .engagement-description summary { font-size: 13px; padding-block: 12px; color: #c5c5d2; } #participantWorkspace .engagement-description p { color: #b0b0c0; font-size: 13px; } #participantWorkspace .campaign-entry-panel { border: 0; padding: 0; background: transparent; margin: 0; } #participantWorkspace .entry-summary { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid var(--line); } #participantWorkspace .entry-summary .ticket-count { color: #f4f4f8; font-size: 30px; } #participantWorkspace .entry-summary .panel-label { margin: 0; } #participantWorkspace :is(.entry-history,.campaign-more,.campaign-media-disclosure) { border: 0; background: transparent; padding: 0; margin: 0; } #participantWorkspace .entry-history > :not(summary) { margin-inline: 0; } #participantWorkspace .campaign-more-content { padding: 0; gap: 28px; grid-template-columns: minmax(0,1.2fr) minmax(250px,.8fr); } #participantWorkspace .campaign-details-panel { padding: 0; border: 0; background: transparent; } #participantWorkspace .campaign-details-panel > details { border-color: var(--line); } #participantWorkspace .campaign-details-panel > details > summary { color: #e1e1ec; min-height: 52px; } #participantWorkspace .campaign-details-panel .definition { gap: 14px 20px; } #participantWorkspace .campaign-details-panel .definition dd { max-width: 340px; } #participantWorkspace .campaign-owner-actions { background: #252128; border-color: #49313c; } #participantWorkspace .campaign-gallery { background: transparent; border-color: var(--line); } #participantWorkspace .campaign-return { color: #b6b6c5; } /* Mining: one instrument panel, independent controls, no stacked disclosures. */ #participantWorkspace .mining-console { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 0 22px; margin: 0; padding: 0; } #participantWorkspace :is(.mining-console-view,.mining-console-toolbar,.mining-console-status) { grid-column: 1/-1; } #participantWorkspace .mining-console-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 15px; } #participantWorkspace .mining-eyebrow { display: block; color: #9f9fb1; font-size: 9px; line-height: 1.4; font-weight: 600; letter-spacing: 1.6px; margin-bottom: 6px; } #participantWorkspace .mining-console-credit-label { color: #a2a2b4; font-size: 11px; text-align: right; } #participantWorkspace .mining-console-heading h3 { font-size: 24px; line-height: 1.25; letter-spacing: -.6px; margin: 0; } #participantWorkspace .mining-console-heading p { font-size: 12px; margin: 6px 0 0; } #participantWorkspace .mining-console-nav { display: flex; align-items: center; gap: 4px; width: fit-content; max-width: 100%; padding: 4px; margin: 0 0 20px; background: #1d1d25; border: 1px solid #2c2c37; border-radius: 10px; } #participantWorkspace .mining-console-nav button { min-height: 36px; padding: 8px 17px; background: transparent; border: 0; border-radius: 7px; color: #a6a6b7; font-size: 13px; font-weight: 550; } #participantWorkspace .mining-console-nav button:hover { color: #ededf5; background: #25252f; } #participantWorkspace .mining-console-nav button:is([aria-selected=true],[aria-current=page],.selected) { color: #f8f8fb; background: #363641; box-shadow: 0 1px 3px #0002; } #participantWorkspace .mining-console-view { min-width: 0; } #participantWorkspace .mining-engine-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 0; background: #18181e; border: 1px solid #303039; border-radius: 14px; overflow: hidden; min-width: 0; } #participantWorkspace .mining-performance { min-width: 0; padding: 25px 28px 22px; } #participantWorkspace .mining-engine-instrument { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 22px 28px; border-left: 1px solid #303039; background: #1b1b22; } #participantWorkspace .mining-live-rates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; border-top: 1px solid var(--line); padding-top: 17px; } #participantWorkspace .mining-live-rates > div { min-width: 0; } #participantWorkspace .mining-live-rates :is(span,small) { display: block; font-size: 11px; line-height: 1.5; color: #aaaabb; } #participantWorkspace .mining-live-rates strong { display: block; margin: 5px 0 2px; font-size: 25px; line-height: 1.2; letter-spacing: -.6px; font-variant-numeric: tabular-nums; } #participantWorkspace .mining-live-rates small { overflow-wrap: anywhere; } #participantWorkspace .mining-rate-card { padding: 0; border: 0; border-radius: 0; background: transparent; margin: 0 0 17px; } #participantWorkspace .mining-rate-heading { align-items: flex-start; margin-bottom: 15px; } #participantWorkspace .mining-rate-heading h3 { color: #bcbcca; font-size: 12px; font-weight: 550; letter-spacing: .1px; } #participantWorkspace .mining-rate-heading :is(small,span) { color: #9393a6; font-size: 11px; } #participantWorkspace .mining-output-total { display: block; font-size: 36px; line-height: 1.2; font-weight: 650; letter-spacing: -1.2px; font-variant-numeric: tabular-nums; margin: 6px 0 17px; } #participantWorkspace .mining-output-total strong { display: block; font-size: inherit; line-height: inherit; font-weight: inherit; } #participantWorkspace .mining-output-total > span { display: block; font-size: 11px; line-height: 1.6; font-weight: 400; letter-spacing: 0; color: #a2a2b4; margin-top: 5px; } #participantWorkspace .mining-output-total small { font-size: 13px; font-weight: 400; letter-spacing: 0; margin-left: 5px; } #participantWorkspace .mining-output-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 22px; margin: 0 0 14px; } #participantWorkspace .mining-output-legend > :is(div,span,button) { display: flex; align-items: center; gap: 7px; color: #bcbcca; font-size: 12px; min-width: 0; } #participantWorkspace .mining-output-legend strong { font-size: 12px; font-weight: 550; font-variant-numeric: tabular-nums; } #participantWorkspace .mining-output-legend [data-lane]::before { content: ''; display: block; width: 16px; height: 3px; background: var(--workspace-total); flex: none; border-radius: 3px; } #participantWorkspace .mining-output-legend [data-lane=cpu]::before { background: var(--workspace-cpu); } #participantWorkspace .mining-output-legend [data-lane=gpu]::before { background: var(--workspace-gpu); } #participantWorkspace .mining-output-plot { position: relative; min-width: 0; } #participantWorkspace .mining-output-plot #miningRateEmpty { position: absolute; inset: 30px 12px 16px; display: grid; place-items: center; height: auto; padding: 12px; margin: 0; text-align: center; color: #aaaabb; font-size: 12px; line-height: 1.7; background: #18181edc; } #participantWorkspace .mining-income-chart { display: block; width: 100%; height: 152px; overflow: visible; } #participantWorkspace .mining-income-chart path { fill: none; vector-effect: non-scaling-stroke; } #participantWorkspace .mining-income-chart .mining-rate-grid { stroke: #33333e; stroke-width: 1; } #participantWorkspace .mining-income-chart path:not(.mining-rate-grid) { stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } #participantWorkspace #miningTotalPath { stroke: var(--workspace-total); stroke-width: 2.5; } #participantWorkspace #miningCpuPath { stroke: var(--workspace-cpu); } #participantWorkspace #miningGpuPath { stroke: var(--workspace-gpu); } #participantWorkspace .mining-income-chart circle { stroke: #18181e; stroke-width: 2; } #participantWorkspace #miningTotalPoint { fill: var(--workspace-total); } #participantWorkspace #miningCpuPoint { fill: var(--workspace-cpu); } #participantWorkspace #miningGpuPoint { fill: var(--workspace-gpu); } #participantWorkspace .mining-rate-axis { margin-top: 6px; font-size: 10px; color: #9696a8; } #participantWorkspace :is(#miningRateEmpty,#miningRateSummary) { height: auto; min-height: 0; max-height: none; font-size: 11px; line-height: 1.5; color: #9696a8; margin: 10px 0 0; } #participantWorkspace #miningRateEmpty { padding-block: 8px; } #participantWorkspace .mining-rate-scale { color: #9898aa; font-size: 10px; margin-bottom: 5px; } #participantWorkspace .mining-eta-panel { width: 100%; display: grid; grid-template-columns: minmax(0,1fr); justify-items: center; align-content: center; gap: 12px; padding: 0; margin: 0; border: 0; } #participantWorkspace .mining-eta-orbit { width: clamp(188px,18vw,246px); height: auto; aspect-ratio: 1; flex: none; display: block; } #participantWorkspace .mining-eta-ring circle { stroke-width: 8; } #participantWorkspace .mining-eta-track { stroke: #34343f; } #participantWorkspace .mining-eta-confirmed { stroke: #f14a5b; } #participantWorkspace .mining-eta-pending { stroke: #e0b579; opacity: .8; } #participantWorkspace .mining-eta-center { inset: 25px; gap: 7px; } #participantWorkspace .mining-eta-center :is(span,small) { color: #a5a5b7; font-size: 11px; } #participantWorkspace .mining-eta-center #workEta { color: #f8f8fb; font-size: clamp(25px,2.5vw,30px); font-weight: 650; letter-spacing: -1px; text-align: center; } #participantWorkspace .mining-eta-panel:not([data-eta-state=estimate]) .mining-eta-center #workEta { font-size: 23px; letter-spacing: -.5px; } #participantWorkspace .mining-eta-caption { display: grid; justify-items: center; gap: 3px; text-align: center; width: 100%; color: #a6a6b6; } #participantWorkspace .mining-eta-caption strong { color: #e5e5ef; font-size: 15px; font-weight: 600; text-align: center; } #participantWorkspace .mining-eta-caption > span { font-size: 11px; color: #a6a6b6; } #participantWorkspace .mining-eta-caption :is(p,small) { color: #a6a6b6; font-size: 11px; line-height: 1.5; margin: 0; } #participantWorkspace #miningEtaPending { min-height: 0; color: #e5ba80; } #participantWorkspace #miningEtaStatus { width: 100%; height: 3em; min-height: 3em; max-height: 3em; margin-top: 5px; line-height: 1.5; overflow: auto; } #participantWorkspace .mining-console-toolbar { display: flex; align-items: center; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line); margin-top: 0; } #participantWorkspace .mining-console-toolbar .mining-preset { flex: 1 1 280px; display: grid; grid-template-columns: auto minmax(130px,1fr); align-items: center; gap: 8px 12px; min-width: 0; max-width: 390px; padding: 0; margin: 0; background: transparent; border: 0; border-radius: 0; } #participantWorkspace .mining-preset label { color: #c4c4d2; font-size: 12px; font-weight: 550; white-space: nowrap; } #participantWorkspace .mining-preset select { font-size: 13px; background: #202027; } #participantWorkspace .mining-preset .hint { font-size: 10px; line-height: 1.5; margin: 0; } #participantWorkspace .mining-device-selectors { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; min-width: 0; } #participantWorkspace .mining-device-selectors .check { margin: 0 !important; padding: 8px 0; min-height: 44px; display: flex; align-items: center; font-size: 12px !important; gap: 8px; } #participantWorkspace .mining-device-selectors .check input { margin: 0; } #participantWorkspace .mining-device-selectors small { font-size: 10px; } #participantWorkspace .mining-device-selectors .check > span { display: grid; grid-template-columns: auto auto; align-items: center; gap: 3px 6px; } #participantWorkspace .mining-device-selectors small:not(.mining-device-badge) { display: block; grid-column: 1/-1; } #participantWorkspace .mining-actions { display: flex; flex-wrap: nowrap; align-items: center; gap: 9px; margin: 0 0 0 auto; flex: none; } #participantWorkspace .mining-actions .btn { min-height: 46px; font-size: 13px; padding: 10px 18px; } #participantWorkspace .mining-console-status { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 7px 24px; padding-top: 12px; } #participantWorkspace .mining-console-status :is(p,.hint,.notice) { margin: 0; font-size: 11px; line-height: 1.55; } #participantWorkspace .mining-console-status .notice { grid-column: 1/-1; padding: 10px 12px; } #participantWorkspace .mining-console-status .mining-gpu-unavailable { grid-column: 1/-1; overflow-wrap: anywhere; } #participantWorkspace #workStatus { height: 3.1em; min-height: 3.1em; max-height: 3.1em; color: #c6c6d5; margin: 0; line-height: 1.55; overflow: auto; } #participantWorkspace .mining-start-note { color: #a0a0b1; } #participantWorkspace .mining-behavior-summary { color: #a0a0b1; font-size: 11px; margin: 7px 0 0; } #participantWorkspace .mining-view-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; } #participantWorkspace .mining-view-heading h3 { margin: 0 0 7px; font-size: 22px; letter-spacing: -.5px; } #participantWorkspace .mining-view-heading p { font-size: 13px; margin: 0; } #participantWorkspace .mining-verified-progress { text-align: center; } #participantWorkspace .mining-verified-progress > strong { display: block; font-size: 42px; line-height: 1.3; margin: 20px 0; } #participantWorkspace .mining-verified-progress p { font-size: 13px; max-width: 280px; } #participantWorkspace .mining-verified-progress > span:last-child { color: #b0b0c0; font-size: 12px; } /* Settings, diagnostics and credit are flat screens with readable dense data. */ #participantWorkspace .mining-settings-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #18181e; } #participantWorkspace .mining-settings-section { min-width: 0; padding: 23px; } #participantWorkspace .mining-settings-section + .mining-settings-section { border-left: 1px solid var(--line); } #participantWorkspace .mining-settings-section > h3 { font-size: 17px; margin: 0 0 18px; } #participantWorkspace .mining-settings-section > h4 { font-size: 15px; font-weight: 600; margin: 0 0 17px; } #participantWorkspace .mining-settings-section > label { margin-top: 18px; } #participantWorkspace .mining-duty-field { display: block; margin-top: 22px; } #participantWorkspace .mining-duty-field input { display: block; width: 100%; margin-top: 10px; } #participantWorkspace .mining-session-settings .check { margin-bottom: 20px; } #participantWorkspace .mining-session-settings .check small { display: block; font-size: 11px; line-height: 1.7; margin-top: 6px; } #participantWorkspace .mining-settings-section label { font-size: 13px; } #participantWorkspace .mining-settings-section .hint { font-size: 12px; line-height: 1.65; } #participantWorkspace :is(.mining-cpu-settings,.mining-gpu-panel,.mining-gpu-settings,.mining-screen-wake,.mining-thread-panel) { border: 0; border-radius: 0; background: transparent; margin: 0; padding: 0; } #participantWorkspace .mining-settings-grid > .mining-settings-section { padding: 23px; } #participantWorkspace .mining-gpu-panel > h3 { font-size: 17px; } #participantWorkspace .mining-gpu-panel :is(.mining-device-choice,.mining-gpu-background) { margin-block: 12px; } #participantWorkspace .mining-device-badge { background: #39313a; color: #e1b7bf; font-size: 10px; } #participantWorkspace .mining-screen-wake { margin-top: 18px; padding-top: 17px; border-top: 1px solid var(--line); } #participantWorkspace .mining-advanced-toggle { background: #22222b; color: #d5d5e0; border-color: #40404c; border-radius: 8px; font-size: 12px; } #participantWorkspace .mining-advanced-toggle:hover { background: #2e2e39; color: #f4f4f7; } #participantWorkspace .mining-advanced-toggle[aria-checked=true] { background: #38212a; border-color: #6d3644; color: #ffabb5; } #participantWorkspace .mining-toggle-track { background: #5a5a69; } #participantWorkspace .mining-advanced-toggle[aria-checked=true] .mining-toggle-track { background: #ec3346; } #participantWorkspace .mining-screen-wake[data-status=active] #screenWakeStatus { color: #90dab5; } #participantWorkspace .mining-screen-wake:is([data-status=unavailable],[data-status=released]) #screenWakeStatus { color: #e5ba80; } #participantWorkspace .mining-diagnostics-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 28px; } #participantWorkspace .mining-thread-scroll { border: 1px solid var(--line); border-radius: 9px; padding: 0 14px; max-height: 370px; background: #17171e; } #participantWorkspace :is(th,td) { border-color: #33333e; color: #c8c8d5; font-size: 12px; padding-block: 12px; } #participantWorkspace th { color: #9999ad; font-weight: 550; } #participantWorkspace .mining-thread-panel :is(summary,h3) { min-height: 44px; height: auto; font-size: 15px; color: #e5e5ef; } #participantWorkspace .mining-gpu-metrics { margin: 0 0 20px; gap: 12px; } #participantWorkspace :is(.stat-mini,.mining-stat) { background: #202028; border-color: #34343e; border-radius: 9px; color: #b3b3c4; text-align: left; } #participantWorkspace .stat-mini strong { color: #f0f0f7; } #participantWorkspace :is(.mining-stat-label,.mining-stat-detail) { color: #a5a5b8; } #participantWorkspace #gpuRunStatus { height: 4.8em; min-height: 4.8em; max-height: 4.8em; line-height: 1.6; color: #c5c5d4; } #participantWorkspace .mining-credit-view { min-width: 0; } #participantWorkspace .mining-entry-card { border: 0; border-radius: 0; box-shadow: none; background: transparent; padding: 0; margin: 0; } #participantWorkspace .mining-entry-heading { display: flex; margin-bottom: 20px; } #participantWorkspace .mining-entry-heading h3 { font-size: 21px; } #participantWorkspace #miningCreditPercent { height: auto; font-size: 16px; color: #f3a3af; } #participantWorkspace .mining-entry-amount { margin-bottom: 8px; } #participantWorkspace .mining-entry-amount strong { color: #f0f0f6; font-size: clamp(21px,2.6vw,33px); } #participantWorkspace :is(.mining-entry-target,.mining-entry-status,.mining-entry-amount > span) { color: #a9a9ba; font-size: 12px; } #participantWorkspace .mining-credit-meter { background: #30303c; margin-block: 16px; } #participantWorkspace #miningCreditConfirmedFill { background: #ed4457; } #participantWorkspace #miningCreditPendingFill { background: repeating-linear-gradient(135deg,#be955f 0,#be955f 3px,#e2ba84 3px,#e2ba84 6px); } #participantWorkspace .mining-credit-sources-heading { border-color: var(--line); margin-top: 16px; font-size: 12px; color: #9696a9; padding-top: 20px; } #participantWorkspace .mining-credit-sources > div { padding-block: 15px; border-bottom: 1px solid #292933; } #participantWorkspace .mining-credit-sources :is(dt,dd) { font-size: 13px; color: #e1e1ec; } #participantWorkspace .mining-credit-sources small { color: #aaaabb; font-size: 11px; } #participantWorkspace .mining-credit-sources :is(.mining-credit-warning,.mining-source-pending) { color: #e2ba84; } #participantWorkspace :is(.mining-credit-details,.mining-credit-history) { border-color: var(--line); } #participantWorkspace .mining-credit-history :is(strong,p,dl > div) { font-size: 12px; color: #aaaabb; } #participantWorkspace :is(#workEtaDetail,#miningCreditDetailStatus) { height: auto; min-height: 0; max-height: none; color: #aaaabb; font-size: 12px; line-height: 1.7; } #participantWorkspace .mining-credit-note { color: #a5a5b8; margin-top: 16px; } #participantWorkspace .mining-action-disclosure { display: none; } /* Participant dialogs share the workspace palette without altering other routes. */ body.participant-workspace #dialog { color: #f2f2f7; background: #1b1b23; border-color: #3a3a47; } body.participant-workspace #dialog .dialog-head { background: #1b1b23; border-color: #34343f; } body.participant-workspace #dialog :is(h2,h3,h4,strong,summary,label) { color: #e7e7f0; } body.participant-workspace #dialog :is(p,small,.hint,.small,.check) { color: #b4b4c5 !important; } body.participant-workspace #dialog :is(input,select,textarea) { background: #111117; color: #f2f2f7; border-color: #454551; } body.participant-workspace #dialog .close { background: #30303c; color: #ededf5; } body.participant-workspace #dialog .btn.ghost { color: #d4d4e3; border-color: #4b4b59; } body.participant-workspace #dialog .btn.secondary { color: #e1e1ed; background: #30303b; border-color: #494957; } body.participant-workspace #dialog .notice { color: #d4bf97; background: #302920; border-color: #4e4231; } body.participant-workspace #dialog :is(.rules-card,.rules-pool-calculation,.rules-summary,.rules-section,.join-disclosure-return) { background: #22222b; border-color: #3c3c48; color: #c6c6d4; } body.participant-workspace #dialog :is(.definition dt,.definition dd) { color: #bcbccd; } body.participant-workspace #dialog::backdrop { background: #08080dbb; backdrop-filter: blur(5px); } body.participant-workspace #dialog.is-campaign-rules .dialog-body { background: #1b1b23; } body.participant-workspace #dialog .campaign-rules-modal { --rules-ink: #f2f2f7; --rules-red: #ff7b88; --rules-muted: #b4b4c5; --rules-line: #3c3c48; } body.participant-workspace #dialog .rules-section { background: transparent; } body.participant-workspace #dialog :is(.rules-reward,.rules-method,.rules-fact-grid,.rules-explainer,.rules-draw-steps,.rules-full) { background: #22222b; border-color: #3c3c48; } body.participant-workspace #dialog :is(.rules-age-stamp,.rules-explainer-icon) { background: #3b232e; border-color: #78404d; outline-color: #78404d; } body.participant-workspace #dialog .rules-age-stamp strong { color: #ff9ba6; } body.participant-workspace #dialog .rules-money-note { background: #302a24; border-color: #8a7050; } body.participant-workspace #dialog .rules-kicker { color: #aaaabb; } body.participant-workspace #dialog .rules-hero .rules-kicker { color: #ff8b98; } body.participant-workspace #dialog :is(.rules-draw-steps>li+li,.rules-method .rules-small) { border-color: #3c3c48; } body.participant-workspace #dialog .rules-draw-steps>li>span { color: #c2b4c2; border-color: #59515f; } body.participant-workspace #dialog .rules-status strong { color: #99d8b6; } body.participant-workspace #dialog :is(.rules-status--paused,.rules-status--waiting) strong { color: #e5ba80; } body.participant-workspace #dialog .rules-status--closed strong { color: #b4b4c5; } body.participant-workspace #dialog .enrollment-reassurance { background: #292932; color: #c3c3d2 !important; } body.participant-workspace #dialog :is(.enrollment-optional,.wallet-help) { border-color: #393944; } #participantWorkspace .campaign-rules-trigger:hover { background: #24242d; color: #ff9ba6; } @media(min-width:1024px) { #participantWorkspace { display: grid; grid-template-columns: minmax(0,1fr); } #participantWorkspace > [data-participant-screen] { grid-column: 1/-1; } #participantWorkspace > .participant-heading { margin-bottom: 17px; padding-bottom: 14px; border-bottom: 1px solid var(--line); min-height: 63px; } #participantWorkspace .participant-heading > div:first-child { display: block; } #participantWorkspace .participant-heading h1 { font-size: 21px; } #participantWorkspace .participant-heading-meta { gap: 12px; } #participantWorkspace .participant-heading-meta > .badge { font-size: 8px; padding: 5px 6px; } #participantWorkspace .participant-heading-meta .btn { min-height: 40px; padding: 8px 11px; font-size: 11px; } #participantWorkspace .participant-entry-total strong { font-size: 20px; } #participantWorkspace > .participant-nav { grid-column: 1/-1; align-self: stretch; margin: 0 0 17px; padding-bottom: 0; } #participantWorkspace > .participant-nav > a { padding-inline: 13px; } #participantWorkspace > .participant-nav > a::after { left: 13px; right: 13px; } } @media(min-width:1024px) and (min-height:700px) and (max-height:1000px) { #participantWorkspace { padding-top: 10px; padding-bottom: 4px; } .participant-heading { margin-bottom: 12px; } .participant-heading > div:first-child { display: block; } #participantWorkspace .participant-back { margin: 0; } .participant-nav { margin-bottom: 17px; } #participantWorkspace .mining-console-heading { margin-bottom: 11px; } #participantWorkspace .mining-console-heading h3 { font-size: 21px; } #participantWorkspace .mining-console-heading .mining-eyebrow { display: none; } #participantWorkspace > .participant-heading { min-height: 52px; padding-bottom: 8px; margin-bottom: 12px; } #participantWorkspace > .participant-nav { padding-bottom: 0; margin-bottom: 12px; } #participantWorkspace .mining-console-nav { margin-bottom: 12px; } #participantWorkspace .mining-performance { padding: 17px 24px 14px; } #participantWorkspace .mining-rate-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px 20px; margin: 0; } #participantWorkspace .mining-rate-heading { grid-column: 1/-1; margin: 0; } #participantWorkspace .mining-rate-heading .mining-eyebrow { display: none; } #participantWorkspace .mining-rate-heading h3 { margin: 0; } #participantWorkspace .mining-output-total { margin: 0; font-size: 28px; } #participantWorkspace .mining-output-total > span { margin-top: 3px; font-size: 10px; } #participantWorkspace .mining-live-rates { align-self: center; border: 0; padding: 0; gap: 16px; } #participantWorkspace .mining-output-legend { grid-column: 1/-1; margin: 0; font-size: 11px; } #participantWorkspace :is(.mining-output-plot,.mining-rate-axis) { grid-column: 1/-1; } #participantWorkspace .mining-rate-axis { margin: 0; } #participantWorkspace #miningRateSummary { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; } #participantWorkspace .mining-engine-instrument { padding: 15px 22px; } #participantWorkspace .mining-eta-orbit { width: 160px; } #participantWorkspace .mining-income-chart { height: 110px; } #participantWorkspace .mining-live-rates strong { font-size: 22px; } #participantWorkspace .mining-credit-link { display: none; } #participantWorkspace .mining-console-toolbar .mining-preset { flex: 1 1 510px; max-width: none; grid-template-columns: auto minmax(150px,.8fr) minmax(0,1fr); gap: 10px; } #participantWorkspace .mining-console-toolbar .mining-preset .hint { grid-column: auto; font-size: 10px; line-height: 1.5; } #participantWorkspace .mining-console-toolbar { padding-block: 8px; } #participantWorkspace .mining-console-status { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr); padding-top: 8px; } #participantWorkspace .mining-console-status #gpuRunStatus { height: 3.1em; min-height: 3.1em; max-height: 3.1em; } } @media(min-width:1600px) and (min-height:900px) { #participantWorkspace .mining-performance { padding: 34px; } #participantWorkspace .mining-engine-instrument { padding: 30px; } #participantWorkspace .mining-income-chart { height: 230px; } #participantWorkspace .mining-eta-orbit { width: 292px; } #participantWorkspace .mining-eta-center #workEta { font-size: 42px; } #participantWorkspace .mining-output-total { font-size: 44px; } } @media(max-width:1100px) { #participantWorkspace .mining-console-toolbar { gap: 14px; flex-wrap: wrap; } #participantWorkspace .mining-console-toolbar .mining-preset { max-width: none; flex: 1 1 290px; } #participantWorkspace .mining-device-selectors { gap: 12px; } #participantWorkspace .mining-settings-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #participantWorkspace .mining-settings-section:last-child { grid-column: 1/-1; border-left: 0; border-top: 1px solid var(--line); } } @media(max-width:1023px) { #participantWorkspace .mining-console { grid-template-columns: minmax(0,1fr); } #participantWorkspace .mining-console-nav { grid-column: 1; } #participantWorkspace .mining-engine-grid { grid-template-columns: minmax(0,1fr); } #participantWorkspace .mining-engine-instrument { order: -1; border-left: 0; border-bottom: 1px solid var(--line); padding: 20px 24px; } #participantWorkspace .mining-eta-panel { grid-template-columns: minmax(180px,.7fr) minmax(0,1fr); align-items: center; gap: 12px 24px; max-width: 620px; } #participantWorkspace .mining-eta-orbit { width: 188px; } #participantWorkspace .mining-eta-caption { text-align: left; justify-items: start; } #participantWorkspace .mining-eta-caption strong { text-align: left; } #participantWorkspace .mining-income-chart { height: 144px; } #participantWorkspace .mining-performance { padding: 22px 24px; } #participantWorkspace .mining-diagnostics-grid { grid-template-columns: minmax(0,1fr); } #participantWorkspace[data-screen=mining][data-panel=engine] { padding-bottom: 122px; } #participantWorkspace[data-screen=mining][data-panel=engine] .mining-actions { position: fixed; z-index: 32; left: max(16px,env(safe-area-inset-left,0px)); right: max(16px,env(safe-area-inset-right,0px)); bottom: calc(var(--app-nav-height,0px) + 10px); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: auto; margin: 0; padding: 9px; gap: 7px 9px; border: 1px solid #444451; border-radius: 12px; background: #202029; box-shadow: 0 -8px 30px #08080d55; } #participantWorkspace[data-screen=mining][data-panel=engine] .mining-action-disclosure { display: block; grid-column: 1/-1; color: #c3c3d0; font-size: 10px; line-height: 1.5; text-align: center; } #participantWorkspace[data-screen=mining][data-panel=engine] .mining-actions .btn { flex: 1; min-height: 46px; } } @media(max-width:820px) { #participantWorkspace { padding-top: 18px; } .participant-heading { align-items: flex-start; gap: 12px; } #participantWorkspace .participant-heading h1 { font-size: 21px; } .participant-heading .row { gap: 6px; } .participant-heading-meta { gap: 10px; max-width: none; justify-content: flex-start; } .participant-entry-total { font-size: 11px; } .participant-entry-total strong { font-size: 20px; } #participantWorkspace .participant-heading-meta .btn { font-size: 11px; padding-inline: 10px; } #participantWorkspace .participant-heading .btn { padding-inline: 10px; font-size: 11px; } .participant-nav { gap: 0; display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; margin-bottom: 20px; } .participant-nav > :is(button,a) { min-width: 0; padding: 10px 4px; gap: 6px; font-size: 13px; min-height: 48px; } .participant-nav > :is([aria-selected=true],[aria-current=page],.selected)::after { left: 10px; right: 10px; } #participantWorkspace .campaign-offer { grid-template-columns: minmax(0,1fr) 160px; gap: 24px; } #participantWorkspace .campaign-more-content { grid-template-columns: minmax(0,1fr); } #participantWorkspace .mining-console-nav button { min-height: 44px; } #participantWorkspace .mining-console-toolbar { padding-block: 16px; } #participantWorkspace .mining-actions { margin-left: auto; } #participantWorkspace .mining-console-status { grid-template-columns: minmax(0,1fr); gap: 6px; } } @media(min-width:601px) and (max-width:1023px) { #participantWorkspace[data-screen=mining][data-panel=engine] .mining-console-heading { display: none; } #participantWorkspace .mining-engine-instrument { padding: 16px 24px; } #participantWorkspace .mining-eta-panel { grid-template-columns: 170px minmax(0,1fr); max-width: 540px; } #participantWorkspace .mining-eta-orbit { width: 160px; } #participantWorkspace .mining-credit-link { display: none; } #participantWorkspace .mining-performance { padding: 18px 24px; } #participantWorkspace .mining-rate-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px 20px; margin: 0; } #participantWorkspace .mining-rate-heading { grid-column: 1/-1; margin: 0; } #participantWorkspace .mining-rate-heading .mining-eyebrow { display: none; } #participantWorkspace .mining-output-total { margin: 0; font-size: 29px; } #participantWorkspace .mining-output-total > span { font-size: 10px; margin-top: 4px; } #participantWorkspace .mining-live-rates { align-self: center; border: 0; padding: 0; gap: 16px; } #participantWorkspace .mining-live-rates strong { font-size: 23px; } #participantWorkspace .mining-output-legend { grid-column: 1/-1; margin: 0; } #participantWorkspace :is(.mining-output-plot,.mining-rate-axis) { grid-column: 1/-1; } #participantWorkspace .mining-rate-axis { margin: 0; } #participantWorkspace .mining-income-chart { height: 118px; } #participantWorkspace #miningRateSummary { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; } } @media(max-width:600px) { #participantWorkspace { padding-top: 14px; } #participantWorkspace :is(input:not([type=checkbox]):not([type=range]),select,textarea) { font-size: 16px; } .participant-heading { margin-bottom: 12px; } #participantWorkspace .participant-heading h1 { font-size: 19px; } #participantWorkspace .participant-heading p { font-size: 11px; } .participant-heading .row { flex-wrap: wrap; } .participant-heading-meta { gap: 6px 10px; max-width: none; } #participantWorkspace .participant-heading-meta > .badge { font-size: 8px; letter-spacing: .4px; padding: 4px 6px; } #participantWorkspace .participant-heading-meta > .btn { min-height: 36px; padding: 7px 10px; } #participantWorkspace .participant-heading-meta > .btn .icon { display: none; } .participant-details-grid { grid-template-columns: minmax(0,1fr); } .participant-section-heading { margin-bottom: 20px; } #participantWorkspace .participant-section-heading h2 { font-size: 24px; } .participant-detail { padding-block: 20px; } .participant-entry-task { padding: 21px 18px; } .participant-guest { padding: 30px 12px; } #participantWorkspace .participant-guest h2 { font-size: 25px; } .participant-guest .row { flex-direction: column; } #participantWorkspace .participant-guest .btn { width: 100%; } .participant-account-tools { gap: 8px 17px; } .participant-kicker { font-size: 9px; letter-spacing: 1.1px; } .participant-nav > :is(button,a) { font-size: 12px; gap: 5px; } .participant-nav .icon { display: none; } .participant-nav :is(.participant-count,.participant-nav-count) { min-width: 17px; height: 17px; font-size: 10px; } #participantWorkspace :is(.panel,.panel.compact) { padding: 18px; } #participantWorkspace .campaign-compact { padding: 22px 18px; } #participantWorkspace .campaign-topline { margin-bottom: 22px; gap: 6px; } #participantWorkspace .campaign-offer { display: flow-root; } #participantWorkspace .campaign-offer .campaign-cover { width: 92px; height: 92px; aspect-ratio: 1; float: right; margin: 0 0 24px 15px; } #participantWorkspace .campaign-cover .campaign-cover-label { font-size: 9px; } #participantWorkspace .campaign-purpose { font-size: 10px; margin-bottom: 12px; letter-spacing: 1px; } #participantWorkspace .campaign-compact .big-prize { font-size: 31px; letter-spacing: -1px; } #participantWorkspace .campaign-compact .big-prize small { font-size: 13px; } #participantWorkspace .campaign-compact .big-prize .usd-estimate { display: block; font-size: 11px; margin: 6px 0 0; } #participantWorkspace .campaign-compact .engagement-prize .panel-label { font-size: 10px; } #participantWorkspace .campaign-compact .page-title { font-size: 18px; } #participantWorkspace .campaign-invitation { font-size: 13px; } #participantWorkspace .campaign-facts { gap: 7px 12px; font-size: 11px; margin-top: 20px; } #participantWorkspace .campaign-facts p { font-size: 11px; } #participantWorkspace .campaign-method-buttons { gap: 9px; } #participantWorkspace .campaign-method-button { min-height: 73px; padding: 13px; } #participantWorkspace .campaign-method-copy strong { font-size: 14px; } #participantWorkspace .campaign-method-copy small { font-size: 11px; } #participantWorkspace .campaign-entry-panel { padding: 0; } #participantWorkspace .entry-summary { gap: 10px; padding-bottom: 16px; margin-bottom: 16px; } #participantWorkspace .entry-summary > div { gap: 8px; flex-wrap: wrap; } #participantWorkspace .entry-summary .panel-label { font-size: 9px; letter-spacing: .8px; } #participantWorkspace .entry-summary .ticket-count { font-size: 25px; } #participantWorkspace .entry-summary .btn { font-size: 11px; padding-inline: 11px; } #participantWorkspace .mining-console-heading { gap: 10px; } #participantWorkspace[data-screen=mining][data-panel=engine] .mining-console-heading { display: none; } #participantWorkspace .mining-console-heading h3 { font-size: 21px; } #participantWorkspace .mining-console-heading .btn { font-size: 11px; padding-inline: 11px; } #participantWorkspace .mining-console-credit-label { font-size: 10px; max-width: 125px; } #participantWorkspace .mining-view-heading { align-items: flex-start; flex-wrap: wrap; } #participantWorkspace .mining-console-nav { width: 100%; gap: 2px; margin-bottom: 15px; } #participantWorkspace .mining-console-nav button { flex: 1; min-width: 0; min-height: 44px; padding: 8px 5px; font-size: 12px; } #participantWorkspace .mining-engine-grid { border-radius: 12px; } #participantWorkspace .mining-engine-instrument { padding: 17px 15px; } #participantWorkspace .mining-eta-panel { grid-template-columns: minmax(0,.9fr) minmax(0,1fr); gap: 12px; } #participantWorkspace .mining-eta-orbit { width: 140px; max-width: 100%; } #participantWorkspace .mining-eta-center { inset: 19px; gap: 4px; } #participantWorkspace .mining-eta-center :is(span,small) { font-size: 9px; } #participantWorkspace .mining-eta-center #workEta { font-size: 23px; } #participantWorkspace .mining-eta-panel:not([data-eta-state=estimate]) .mining-eta-center #workEta { font-size: 17px; } #participantWorkspace .mining-eta-caption { text-align: left; justify-items: start; gap: 4px; } #participantWorkspace .mining-eta-caption strong { text-align: left; font-size: 13px; } #participantWorkspace .mining-eta-caption :is(p,small) { font-size: 10px; } #participantWorkspace #miningEtaStatus { height: 3em; min-height: 3em; max-height: 3em; max-width: 310px; } #participantWorkspace .mining-performance { padding: 19px 17px 17px; } #participantWorkspace .mining-rate-card { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; margin: 0; } #participantWorkspace .mining-rate-heading { margin: 0; } #participantWorkspace .mining-rate-heading .mining-eyebrow { display: none; } #participantWorkspace .mining-output-total { font-size: 28px; margin-bottom: 14px; } #participantWorkspace .mining-output-total { margin: 0; } #participantWorkspace .mining-output-total > span { display: none; } #participantWorkspace .mining-output-total small { font-size: 12px; } #participantWorkspace .mining-rate-heading h3 { font-size: 12px; } #participantWorkspace .mining-rate-heading :is(small,span) { font-size: 10px; } #participantWorkspace .mining-output-legend { gap: 5px 11px; margin: 0; } #participantWorkspace .mining-output-legend > :is(div,span,button),#participantWorkspace .mining-output-legend strong { font-size: 11px; } #participantWorkspace .mining-income-chart { height: 118px; } #participantWorkspace .mining-live-rates { gap: 16px; border: 0; padding-top: 0; } #participantWorkspace .mining-live-rates strong { font-size: 23px; } #participantWorkspace .mining-live-rates :is(small,span) { font-size: 10px; } #participantWorkspace #miningRateSummary { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; } #participantWorkspace .mining-rate-axis { font-size: 9px; margin-top: 0; } #participantWorkspace .mining-engine-instrument .mining-credit-link { display: none; } #participantWorkspace .mining-device-selectors .check > span { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; } #participantWorkspace[data-screen=mining][data-panel=engine] .mining-device-selectors .check small:not(.mining-device-badge) { display: none; } #participantWorkspace .mining-device-selectors .mining-device-badge { margin-left: 0; } #participantWorkspace .mining-console-status #gpuRunStatus { height: 3.2em; min-height: 3.2em; max-height: 3.2em; } #participantWorkspace .mining-console-toolbar { display: grid; grid-template-columns: minmax(0,1fr); gap: 13px; } #participantWorkspace .mining-console-toolbar .mining-preset { width: 100%; grid-template-columns: auto minmax(0,1fr); } #participantWorkspace .mining-preset select { font-size: 16px; } #participantWorkspace .mining-device-selectors { gap: 14px; padding: 0; } #participantWorkspace .mining-device-selectors .check { min-height: 44px; padding-block: 5px; } #participantWorkspace .mining-actions { width: 100%; margin: 0; } #participantWorkspace .mining-actions .btn { flex: 1; min-width: 0; padding-inline: 11px; } #participantWorkspace .mining-settings-grid { grid-template-columns: minmax(0,1fr); } #participantWorkspace .mining-settings-section { padding: 20px 18px; } #participantWorkspace .mining-settings-grid > .mining-settings-section { padding: 20px 18px; } #participantWorkspace .mining-settings-section + .mining-settings-section { border-left: 0; border-top: 1px solid var(--line); } #participantWorkspace .mining-settings-section:last-child { grid-column: auto; } #participantWorkspace .mining-credit-sources > div { align-items: start; gap: 8px; } #participantWorkspace .mining-credit-sources :is(dt,dd) { font-size: 12px; } #participantWorkspace .mining-entry-amount strong { font-size: 24px; } #participantWorkspace .mining-entry-target { font-size: 11px; } #participantWorkspace .mining-thread-scroll { padding-inline: 10px; } #participantWorkspace .mining-thread-panel :is(th,td) { font-size: 11px; } } @media(max-width:360px) { .participant-nav > :is(button,a) { font-size: 11px; padding-inline: 2px; gap: 4px; } #participantWorkspace .participant-heading h1 { font-size: 18px; } #participantWorkspace .campaign-compact { padding: 18px 14px; } #participantWorkspace .campaign-offer .campaign-cover { width: 72px; height: 72px; margin-left: 10px; } #participantWorkspace .campaign-compact .big-prize { font-size: 27px; } #participantWorkspace .campaign-method-icon { width: 32px; height: 34px; } #participantWorkspace .mining-console-nav button { font-size: 11px; } #participantWorkspace .mining-performance { padding-inline: 14px; } #participantWorkspace .mining-device-selectors { gap: 10px; } #participantWorkspace .mining-device-selectors .check { font-size: 11px !important; } } @media(prefers-reduced-motion:reduce) { #participantWorkspace *,#participantWorkspace *::before,#participantWorkspace *::after { animation: none !important; transition: none !important; } } /* A CSS-zoomed viewport also reflows the workspace and header, even when media query dimensions remain unchanged. Browser zoom uses the normal breakpoints. */ @container (max-width: 960px) { body.participant-workspace > .wrap > .nav { height: 68px; gap: 12px; } body.participant-workspace > .wrap > .nav :is(.navlinks,.navright,.menu-toggle) { display: none !important; } body.participant-workspace .nav .app-header-title { display: block; flex: 1; min-width: 0; color: #d4d4dc; font-size: 12px; } body.participant-workspace .nav .app-account-button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; color: #e5e5ee; border: 1px solid #3b3b45; background: #22222a; border-radius: 50%; } #participantWorkspace { display: block; } #participantWorkspace .participant-heading > div:first-child { display: block; } #participantWorkspace > .participant-heading { border: 0; padding: 0; margin-bottom: 12px; } #participantWorkspace > .participant-nav { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; margin-bottom: 18px; padding-bottom: 0; } #participantWorkspace .participant-heading-meta { max-width: none; flex-wrap: wrap; justify-content: flex-start; gap: 7px 10px; } #participantWorkspace .participant-heading-meta .btn { white-space: normal; } #participantWorkspace .mining-console { display: block; } #participantWorkspace .mining-console-nav { width: 100%; } #participantWorkspace .mining-console-nav button { flex: 1; min-width: 0; padding-inline: 8px; } #participantWorkspace .mining-engine-grid { grid-template-columns: minmax(0,1fr); } #participantWorkspace .mining-engine-instrument { order: -1; border-left: 0; border-bottom: 1px solid var(--line); } #participantWorkspace .mining-console-toolbar { flex-wrap: wrap; } #participantWorkspace .mining-console-toolbar .mining-preset { flex-basis: 100%; max-width: none; } #participantWorkspace .mining-console-status { grid-template-columns: minmax(0,1fr); } #participantWorkspace .mining-settings-grid { grid-template-columns: minmax(0,1fr); } #participantWorkspace .mining-settings-grid > .mining-settings-section + .mining-settings-section { border-left: 0; border-top: 1px solid var(--line); } #participantWorkspace .participant-details-grid { grid-template-columns: minmax(0,1fr); } } @media(max-width:360px) { #participantWorkspace > .participant-heading { display: block; } #participantWorkspace .participant-back { min-height: 24px; margin-bottom: 3px; } #participantWorkspace .participant-heading-meta { max-width: none; justify-content: flex-start; margin-top: 8px; gap: 8px; } #participantWorkspace .participant-heading-meta .btn { margin-left: auto; min-height: 32px; padding-block: 6px; } #participantWorkspace > .participant-nav { margin-bottom: 14px; } } /* Status words must fit inside the instrument without splitting mid-word. */ #participantWorkspace .mining-eta-center #workEta { overflow-wrap: normal; word-break: normal; hyphens: none; } #participantWorkspace .mining-eta-panel:not([data-eta-state=estimate]) .mining-eta-center #workEta { font-size: 18px; line-height: 1.2; } #participantWorkspace .mining-eta-panel[data-eta-state=pending] .mining-eta-center #workEta { font-size: 25px; } @media(max-width:600px) { #participantWorkspace .mining-eta-panel:not([data-eta-state=estimate]) .mining-eta-center #workEta { font-size: 15px; } #participantWorkspace .mining-eta-panel[data-eta-state=pending] .mining-eta-center #workEta { font-size: 21px; } } /* Campaign draw progress: a single readable timeline, backed by server state. */ #participantWorkspace .participant-draw-progress { min-width: 0; margin: 24px 0; padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } #participantWorkspace .draw-progress-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 24px; } #participantWorkspace .draw-progress-heading > div { min-width: 0; } #participantWorkspace .draw-progress-heading .eyebrow { margin: 0 0 9px; font-size: 10px; letter-spacing: 1.6px; } #participantWorkspace .draw-progress-heading h2 { margin: 0 0 8px; font-size: 24px; line-height: 1.2; letter-spacing: -.6px; } #participantWorkspace .draw-progress-summary { margin: 0; max-width: 720px; font-size: 13px; line-height: 1.7; } #participantWorkspace .draw-progress-live { flex: none; max-width: 100%; white-space: normal; line-height: 1.45; } #participantWorkspace .draw-progress-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding: 0; margin: 0 0 24px; list-style: none; } #participantWorkspace .draw-progress-steps > li { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 0 0 14px; border-bottom: 2px solid var(--line); } #participantWorkspace .draw-progress-steps > li > span { display: inline-grid; place-items: center; flex: none; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 50%; background: var(--panel2); font-size: 12px; font-weight: 650; font-variant-numeric: tabular-nums; } #participantWorkspace .draw-progress-steps strong { font-size: 13px; line-height: 1.4; } #participantWorkspace .draw-progress-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; padding: 0; margin: 0 0 22px; } #participantWorkspace .draw-progress-metrics > div { min-width: 0; } #participantWorkspace .draw-progress-metrics dt { margin: 0 0 8px; font-size: 11px; line-height: 1.5; } #participantWorkspace .draw-progress-metrics dd { margin: 0; font-size: 25px; font-weight: 600; line-height: 1.25; letter-spacing: -.7px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } #participantWorkspace .draw-progress-metrics small { display: block; margin-top: 6px; font-size: 11px; line-height: 1.5; } #participantWorkspace .draw-progress-meter { height: 6px; width: 100%; border-radius: 8px; overflow: hidden; background: var(--line); } #participantWorkspace .draw-progress-meter > span { display: block; height: 100%; max-width: 100%; border-radius: inherit; background: var(--brand-red); } #participantWorkspace .draw-progress-note { margin: 12px 0 0; font-size: 12px; line-height: 1.7; } #participantWorkspace .draw-progress-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px 24px; flex-wrap: wrap; margin-top: 20px; } #participantWorkspace .draw-progress-checked { min-width: 0; font-size: 11px; line-height: 1.6; } #participantWorkspace .draw-progress-footer .row { gap: 9px; } @media(max-width:767px) { #participantWorkspace .participant-draw-progress { margin-block: 20px; padding-block: 20px; } #participantWorkspace .draw-progress-heading { flex-wrap: wrap; gap: 12px; margin-bottom: 20px; } #participantWorkspace .draw-progress-heading h2 { font-size: 22px; } #participantWorkspace .draw-progress-steps { gap: 10px; margin-bottom: 20px; } #participantWorkspace .draw-progress-steps > li { flex-direction: column; align-items: flex-start; gap: 8px; } #participantWorkspace .draw-progress-steps strong { font-size: 12px; } #participantWorkspace .draw-progress-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px; } #participantWorkspace .draw-progress-metrics dd { font-size: 23px; } #participantWorkspace .draw-progress-footer { align-items: flex-start; gap: 12px; } #participantWorkspace .draw-progress-footer > :is(.row,.btn) { width: 100%; } #participantWorkspace .draw-progress-footer .row .btn { flex: 1; white-space: normal; } } /* Every campaign destination uses the same row, independent of the active screen. */ body.participant-workspace #participantWorkspace > .participant-nav { display: flex; flex-wrap: nowrap; gap: 4px; min-width: 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; background: var(--theme-bg, var(--bg)); margin-bottom: 14px; } body.participant-workspace #participantWorkspace > .participant-nav > a { flex: 0 0 auto; min-height: 44px; padding: 10px 14px; } body.participant-workspace #participantWorkspace > .participant-nav > a::after { bottom: 0; } body.participant-workspace #participantWorkspace > .participant-nav > a:focus-visible { outline-offset: -3px; } /* The conversation already fits above the dock; extra trailing padding creates page scroll. */ #participantWorkspace[data-screen="community"] { padding-bottom: 0; } @media (max-width: 820px) { body.participant-workspace #participantWorkspace > .participant-nav { gap: 0; } body.participant-workspace #participantWorkspace > .participant-nav > a { flex: 1 0 auto; padding: 10px 6px; font-size: 12px; gap: 4px; } body.participant-workspace #participantWorkspace > .participant-nav > a::after { left: 6px; right: 6px; height: 2px; } #participantWorkspace .mining-console-nav { padding: 0; margin-bottom: 12px; background: transparent; border-radius: 0; gap: 4px; } #participantWorkspace .mining-console-nav button { padding-inline: 8px; border-radius: 5px; font-size: 12px; } #participantWorkspace :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select) { font-size: 16px; } }