.earn-chat-page{--earn-ease:cubic-bezier(.2, 0, 0, 1);--earn-column:680px;width:100%;height:100%;min-height:0;color:var(--dk-text);background:var(--dk-bg);grid-template-columns:minmax(0,1fr) 304px;display:grid;position:relative}.earn-chat-main{flex-direction:column;min-width:0;min-height:0;display:flex}.earn-chat-scroll{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:var(--dk-control-border,var(--dk-border)) transparent;flex:1;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 20px calc(100% - 28px),#0000);mask-image:linear-gradient(#0000,#000 20px calc(100% - 28px),#0000)}.earn-chat-thread{width:min(var(--earn-column), 100%);flex-direction:column;gap:20px;margin:0 auto;padding:44px 24px 28px;display:flex}.earn-chat-header{margin-bottom:8px}.earn-chat-header h1{font-size:28px;font-weight:var(--dk-font-weight-semibold,600);letter-spacing:-.5px;margin:0}.earn-chat-header p{color:var(--dk-muted);margin:6px 0 0;line-height:1.5}.earn-admin-only{font-size:var(--dk-font-size-caption,12px);color:var(--dk-muted);background:var(--dk-raised);border-bottom:1px solid var(--dk-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:0;padding:8px 24px;line-height:1.4;display:flex}.earn-admin-only strong{font-size:11px;font-weight:var(--dk-font-weight-semibold,600);letter-spacing:.4px;text-transform:uppercase;color:var(--dk-text);border:1px solid var(--dk-control-border);border-radius:999px;padding:2px 8px}.earn-chat-status{color:var(--dk-muted);margin:0}.earn-chat-status button{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.earn-chat-skeleton{flex-direction:column;gap:10px;display:flex}.earn-chat-skeleton span{background:var(--dk-surface-2);border-radius:7px;height:14px;animation:1.4s ease-in-out infinite earn-breathe}.earn-chat-skeleton span:first-child{width:72%}.earn-chat-skeleton span:nth-child(2){width:88%;animation-delay:.12s}.earn-chat-skeleton span:nth-child(3){width:54%;animation-delay:.24s}.earn-msg{min-width:0;animation:earn-rise .26s var(--earn-ease) both;flex-direction:column;gap:12px;display:flex}.earn-msg.user{align-items:flex-end}.earn-msg.user .bubble{white-space:pre-wrap;overflow-wrap:anywhere;max-width:82%}.earn-msg-shots{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.earn-msg-shots img,.earn-msg-shots span{-o-object-fit:cover;object-fit:cover;border:1px solid var(--dk-border);border-radius:var(--dk-radius-control);width:96px;height:72px}.earn-msg-shots span{font-size:var(--dk-font-size-caption);color:var(--dk-muted);place-items:center;display:grid}.earn-activity{color:var(--dk-muted);align-items:center;gap:8px;margin:0;animation:.18s both earn-fade;display:flex}.earn-activity>span{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite earn-breathe}.earn-typing{align-items:center;gap:5px;height:20px;margin:0;display:inline-flex}.earn-typing span{background:var(--dk-muted);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite earn-bounce}.earn-typing span:nth-child(2){animation-delay:.14s}.earn-typing span:nth-child(3){animation-delay:.28s}@keyframes earn-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes earn-fade{0%{opacity:0}}@keyframes earn-breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes earn-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes earn-pop{0%{opacity:0;transform:scale(.96)}60%{transform:scale(1.02)}}.earn-card{border:1px solid var(--dk-border);border-radius:var(--dk-radius-lg);background:var(--dk-raised);animation:earn-rise .26s var(--earn-ease) both;flex-direction:column;gap:12px;padding:16px;display:flex}.earn-card p{margin:0;line-height:1.5}.earn-card>header{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.earn-card>header strong{flex:1;min-width:0}.earn-card-eyebrow{font-size:var(--dk-font-size-caption);color:var(--dk-muted);flex-basis:100%}.earn-card-about{color:var(--dk-muted)}.earn-card>footer{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.earn-card-actions{gap:8px;margin-left:auto;display:flex}.earn-card-note{min-width:180px;font-size:var(--dk-font-size-caption);color:var(--dk-muted);flex:1}.earn-card .btn{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.earn-reward{font-variant-numeric:tabular-nums;color:var(--dk-primary-action);font-weight:600}.earn-steps{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.earn-guidance{border-radius:var(--dk-radius-control);background:var(--dk-surface-2);white-space:pre-wrap;overflow-wrap:anywhere;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.earn-guidance>span{font-size:var(--dk-font-size-caption);color:var(--dk-muted)}.earn-scarcity{font-size:var(--dk-font-size-caption);font-variant-numeric:tabular-nums;color:var(--dk-muted)}.earn-scarcity[data-low]{color:var(--dk-text);font-weight:600}.earn-timer{font-size:var(--dk-font-size-caption);font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.earn-timer[data-lapsed]{color:var(--dk-muted)}.earn-engagement[data-compact]{gap:8px;padding:12px;animation:none}.earn-engagement[data-compact] .earn-card-actions{flex-basis:100%;margin-left:0}.earn-engagement[data-compact] .earn-card-actions .btn{flex:1;justify-content:center}.earn-draft blockquote{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:var(--dk-radius-control);background:var(--dk-surface-2);-webkit-user-select:all;user-select:all;margin:0;padding:12px 14px;line-height:1.5}.earn-draft .earn-draft-body{color:var(--dk-muted);-webkit-user-select:text;user-select:text}.earn-shots{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.earn-shots figure{width:72px;height:56px;animation:earn-pop .22s var(--earn-ease) both;margin:0;position:relative}.earn-shots img{-o-object-fit:cover;object-fit:cover;border:1px solid var(--dk-border);border-radius:var(--dk-radius-control);width:100%;height:100%;transition:opacity .16s}.earn-shots figure[data-state=uploading] img{opacity:.45}.earn-shots figure[data-state=error] img{outline:2px solid var(--dk-danger)}.earn-shots figure>button{width:18px;height:18px;color:var(--dk-text);border:1px solid var(--dk-border);background:var(--dk-raised);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.earn-attest{color:var(--dk-muted);cursor:pointer;align-items:flex-start;gap:10px;line-height:1.5;display:flex}.earn-attest:has(input:checked){color:var(--dk-text)}.earn-attest input{flex:none;margin-top:3px}.earn-reward-line{color:var(--dk-primary-action);background:color-mix(in srgb, var(--dk-primary-action) 12%, transparent);animation:earn-pop .32s var(--earn-ease) both;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin:0;padding:6px 12px;display:inline-flex}.earn-suggestions{width:min(var(--earn-column), 100%);animation:earn-rise .26s var(--earn-ease) 80ms both;flex-wrap:wrap;gap:8px;margin:0 auto;padding:0 24px 4px;display:flex}.earn-suggestions button{font:inherit;font-size:var(--dk-font-size-ui);color:var(--dk-text);border:1px solid var(--dk-control-border,var(--dk-border));background:var(--dk-surface);cursor:pointer;transition:background-color .14s ease, border-color .14s ease, transform .14s var(--earn-ease);border-radius:999px;padding:6px 12px}.earn-suggestions button:hover{background:var(--dk-raised);border-color:var(--dk-control-border-hover,var(--dk-border))}.earn-suggestions button:active{transform:scale(.97)}.earn-suggestions button:focus-visible{outline:2px solid var(--dk-focus-ring);outline-offset:2px}.earn-composer{width:min(var(--earn-column), 100%);flex-direction:column;gap:8px;margin:0 auto;padding:8px 24px 24px;display:flex}.earn-composer-error{font-size:var(--dk-font-size-caption);color:var(--dk-danger);margin:0;animation:.18s both earn-fade}.earn-composer-box{border:1px solid var(--dk-border);border-radius:var(--dk-radius-composer,var(--dk-radius-lg));background:var(--dk-raised);align-items:flex-end;gap:6px;padding:8px 8px 8px 16px;transition:border-color .16s,box-shadow .16s;display:flex}.earn-composer-box:focus-within{border-color:var(--dk-control-border-hover,var(--dk-muted));box-shadow:0 0 0 3px var(--dk-focus-halo,transparent)}.earn-composer-box textarea{min-width:0;font:inherit;color:inherit;resize:none;background:0 0;border:0;outline:0;flex:1;padding:6px 0;line-height:1.45}.earn-composer-box textarea::placeholder{color:var(--dk-muted)}.earn-composer-attach,.earn-composer-send{width:32px;height:32px;color:var(--dk-muted);cursor:pointer;transition:color .14s ease, background-color .14s ease, opacity .14s ease, transform .14s var(--earn-ease);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.earn-composer-attach:hover{color:var(--dk-text);background:var(--dk-surface-2)}.earn-composer-send{color:var(--dk-primary-action-text,var(--dk-raised));background:var(--dk-primary-action)}.earn-composer-send:not(:disabled):hover{transform:scale(1.06)}.earn-composer-send:not(:disabled):active{transform:scale(.96)}.earn-composer-send:disabled{color:var(--dk-muted);background:var(--dk-surface-2);cursor:default}.earn-chat-panel{border-left:1px solid var(--dk-border);flex-direction:column;min-height:0;padding:44px 24px 24px;animation:.26s both earn-fade;display:flex;overflow-y:auto}.earn-chat-panel section{border-top:1px solid var(--dk-border);flex-direction:column;gap:10px;padding:18px 0;display:flex}.earn-chat-panel section:first-child{border-top:0;padding-top:0}.earn-chat-panel h2{font-size:var(--dk-font-size-ui);font-weight:var(--dk-font-weight-semibold,600);justify-content:space-between;align-items:baseline;gap:8px;margin:0;display:flex}.earn-chat-panel .earn-panel-earned h2{font-weight:var(--dk-font-weight-regular,400);color:var(--dk-muted)}.earn-chat-panel p{margin:0}.earn-worth{font-weight:var(--dk-font-weight-regular,400);color:var(--dk-muted)}.earn-panel-total{font-size:var(--dk-font-size-display,28px);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.earn-panel-total[data-size=name]{font-size:var(--dk-font-size-heading,20px);letter-spacing:0;overflow-wrap:anywhere}.earn-panel-note{font-size:var(--dk-font-size-caption);color:var(--dk-muted);line-height:1.5}.earn-chat-panel .earn-panel-foot{font-size:var(--dk-font-size-caption);color:var(--dk-faint,var(--dk-muted));margin-top:auto;padding-top:18px;line-height:1.5}.earn-copy-link{font:inherit;font-size:var(--dk-font-size-ui);color:inherit;text-align:left;border:1px solid var(--dk-border);border-radius:var(--dk-radius-control);background:var(--dk-surface-2);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:border-color .14s,background-color .14s;display:flex}.earn-copy-link:hover{border-color:var(--dk-control-border-hover,var(--dk-muted))}.earn-copy-link span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.earn-copy-link svg{color:var(--dk-muted);flex:none}.earn-stats{gap:18px;margin:0;display:flex}.earn-stats dt{font-size:var(--dk-font-size-caption);color:var(--dk-muted)}.earn-stats dd{font-variant-numeric:tabular-nums;margin:0}.earn-accounts,.earn-history,.earn-campaigns{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.earn-accounts li{justify-content:space-between;align-items:center;gap:10px;min-height:30px;display:flex}.earn-accounts li>span:first-child{align-items:baseline;gap:6px;min-width:0;display:flex}.earn-accounts em{font-size:var(--dk-font-size-caption);color:var(--dk-muted);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.earn-verified{font-size:var(--dk-font-size-caption);color:var(--dk-primary-action);align-items:center;gap:4px;display:inline-flex}.earn-history li{font-size:var(--dk-font-size-ui);color:var(--dk-muted);grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.earn-history li>span:last-child{font-variant-numeric:tabular-nums;color:var(--dk-text)}.earn-campaigns li{font-size:var(--dk-font-size-ui);grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;display:grid}.earn-campaigns progress{grid-column:1/-1;width:100%;height:4px}.earn-campaigns li>span:last-child{font-size:var(--dk-font-size-caption);color:var(--dk-muted);grid-column:1/-1}.earn-chat-empty{text-align:center;animation:earn-rise .26s var(--earn-ease) both;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.earn-chat-empty h1{font-size:var(--dk-font-size-display,28px);letter-spacing:-.5px;margin:0}.earn-chat-empty p{max-width:420px;color:var(--dk-muted);margin:0;line-height:1.5}.shell-nav-button{position:relative}.shell-nav-badge{font-variant-numeric:tabular-nums;min-width:15px;height:15px;color:var(--dk-primary-action-text,var(--dk-raised));background:var(--dk-primary-action);pointer-events:none;border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;animation:.32s cubic-bezier(.2,0,0,1) both earn-pop;display:grid;position:absolute;top:1px;right:1px}.shell-nav-item{flex-shrink:0;display:flex;position:relative}.shell-nav-tag{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;color:var(--dk-text);background:var(--dk-raised);border:1px solid var(--dk-control-border,var(--dk-border));pointer-events:none;border-radius:4px;padding:1px 3px;font-size:8px;font-weight:700;line-height:1.1;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}@media (max-width:900px){.earn-chat-page{grid-template-columns:minmax(0,1fr)}.earn-chat-panel{display:none}}@media (prefers-reduced-motion:reduce){.earn-chat-page *,.shell-nav-badge{transition:none!important;animation:none!important}}