.hero-surface>.hob,.hob{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hob-light{background:radial-gradient(46% 48% at 50% 4%,color-mix(in oklch,var(--color-brand-primary) 20%,transparent) 0,transparent 72%),radial-gradient(26% 40% at 10% 44%,color-mix(in oklch,var(--color-brand-primary) 15%,transparent) 0,transparent 74%),radial-gradient(26% 40% at 90% 52%,color-mix(in oklch,var(--color-brand-primary) 15%,transparent) 0,transparent 74%);position:absolute;top:-10%;bottom:0;left:-5%;right:-5%}.hob-side{display:none}@media (min-width:1200px){.hob-side{width:0;height:0;display:block;position:absolute}.hob-left{top:min(300px,40%);left:max(25% - 205px,130px)}.hob-right{top:min(400px,55%);right:max(25% - 205px,130px)}}.hob-ring{border:1px solid color-mix(in oklch,var(--color-brand-primary) 16%,transparent);border-radius:9999px;position:absolute;top:0;left:0;translate:-50% -50%}.hob-r1{width:150px;height:150px}.hob-r2{border-style:dashed;width:250px;height:250px}.hob-r3{border-color:color-mix(in oklch,var(--color-brand-primary) 9%,transparent);width:360px;height:360px}.hob img{object-fit:cover;background:var(--color-base-0);max-width:none;display:block}.hob img,.hob-initial{border-radius:9999px;flex:none}.hob-initial{border:1px solid var(--color-base-300);outline:4px solid var(--color-base-0);background:color-mix(in oklch,var(--color-brand-primary) 8%,var(--color-base-0));color:var(--color-brand-primary);align-items:center;justify-items:center;font-size:15px;font-weight:600;display:grid}.hob-reply-head .hob-initial{outline:none;font-size:13px}.hob-agent{width:-webkit-max-content;width:-moz-max-content;flex-direction:column;align-items:center;width:max-content;display:flex;position:absolute;top:0;left:0;translate:-50% -50%}.hob-agent img{border:2px solid var(--color-brand-primary);outline:5px solid var(--color-base-0);width:88px;height:88px}.hob-name{background:var(--color-brand-primary);color:var(--color-base-0);border-radius:9999px;margin-top:-12px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.2}.hob-found{width:-webkit-max-content;width:-moz-max-content;align-items:center;gap:8px;width:max-content;display:flex;position:absolute;translate:-22px -50%}.hob-found img{border:1px solid var(--color-base-300);outline:4px solid var(--color-base-0);width:44px;height:44px}.hob-found-1{top:-89px;left:-88px}.hob-found-2{top:180px;left:-6px}.hob-chip,.hob-tag{white-space:nowrap}.hob-chip{white-space:normal;max-width:180px}.hob-chip,.hob-tag{border:1px solid color-mix(in oklch,var(--color-brand-primary) 22%,transparent);color:var(--color-brand-primary);border-radius:9999px;padding:4px 10px;font-size:12px;line-height:1.2}.hob-chip,.hob-reply,.hob-tag{background:var(--color-base-0)}.hob-reply{border:1px solid var(--color-base-300);text-align:left;border-radius:18px;width:236px;padding:14px 16px 16px;position:absolute;top:0;left:0;translate:-50% -50%;rotate:3deg}.hob-reply-head{align-items:center;gap:8px;display:flex}.hob-reply-head img{width:32px;height:32px}.hob-reply-name{color:var(--color-base-content);font-size:13px;font-weight:600}.hob-chip{border-radius:12px}.hob-tag{color:#137738;color:color(display-p3 .215311 .459076 .246572);color:lab(43.6193% -39.4536 26.2495);border-color:rgba(46,158,82,.3);border-color:color(display-p3 .319936 .612208 .354223/.3);border-color:lab(57.7987% -45.4011 30.0617/.3);margin-left:auto;padding:2px 8px;font-size:11px}.hob-reply-role{color:var(--color-base-content-dim);margin:8px 0 0 40px;font-size:12px;line-height:1.3;display:block}.hob-reply p{background:var(--color-base-100);color:var(--color-base-content);border-radius:12px;margin:10px 0 0;padding:9px 12px;font-size:13px;line-height:1.4}.hero-surface:has(>.hob):before{display:none}